13 changed files with 283 additions and 91 deletions
@ -1,2 +1,176 @@
|
||||
@charset "UTF-8";.font-color-red{color:#eb3729 !important}.bg-color-red{background-color:#eb3729 !important}.icon-color{color:#eb3729}.cart-color{color:#eb3729 !important;border:1px solid #eb3729 !important}.padding20{padding:20rpx}.pad20{padding:0 20rpx}.padding30{padding:30rpx}.pad30{padding:0 30rpx}.acea-row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.acea-row.row-middle{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.acea-row.row-top{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.acea-row.row-bottom{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}.acea-row.row-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.acea-row.row-right{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.acea-row.row-left{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.acea-row.row-between{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.acea-row.row-around{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}.acea-row.row-column-around{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}.acea-row.row-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.acea-row.row-column-between{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.acea-row.row-center-wrapper{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.acea-row.row-between-wrapper{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.slider-banner{position:relative;width:100%;overflow:hidden}.slider-banner .swiper-container{height:100%}.slider-banner image{display:block;width:100%;height:100%}.start{width:122rpx;height:30rpx;background-image:url("https://wx.yixiang.co/static/images/start.png");background-repeat:no-repeat;-webkit-background-size:122rpx auto;background-size:122rpx auto}.start.star5{background-position:0 3rpx}.start.star4{background-position:0 -30rpx}.start.star3{background-position:0 -70rpx}.start.star2{background-position:0 -105rpx}.start.star1{background-position:0 -140rpx}.start.star0{background-position:0 -175rpx}.checkbox-wrapper{position:relative}.checkbox-wrapper input{display:none}.checkbox-wrapper .icon{position:absolute;left:0;top:50%;display:inline-block;width:18px;height:18px;border:1px solid #cccccc;-webkit-border-radius:50%;border-radius:50%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%)}.checkbox-wrapper input:checked+.icon{background-color:#e93323;border-color:#e93323;background-image:url("https://wx.yixiang.co/static/images/enter.png");-webkit-background-size:21rpx 15rpx;background-size:21rpx 15rpx;background-repeat:no-repeat;background-position:center center}.Loads{height:80rpx;font-size:25rpx;color:#000}.Loads .iconfont{font-size:30rpx;margin-right:10rpx;height:32rpx;line-height:32rpx}@-webkit-keyframes load{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes load{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.loadingpic{-webkit-animation:load 3s linear 1s infinite;animation:load 3s linear 1s infinite}.loading{-webkit-animation:load linear 1s infinite;animation:load linear 1s infinite} |
||||
/*# sourceMappingURL=./base.css.map */ |
||||
@charset "UTF-8"; |
||||
/** |
||||
*相关初始化 |
||||
*/ |
||||
.font-color-red { |
||||
color: #2DB5AE !important; |
||||
} |
||||
.bg-color-red { |
||||
background-color: #2DB5AE !important; |
||||
color: #ffffff !important; |
||||
} |
||||
.icon-color { |
||||
color: #2DB5AE; |
||||
} |
||||
.cart-color { |
||||
color: #2DB5AE !important; |
||||
border: 1px solid #2DB5AE !important; |
||||
} |
||||
/* padding20 */ |
||||
.padding20 { |
||||
padding: 20rpx; |
||||
} |
||||
/* pad20 */ |
||||
.pad20 { |
||||
padding: 0 20rpx; |
||||
} |
||||
/* padding30 */ |
||||
.padding30 { |
||||
padding: 30rpx; |
||||
} |
||||
/*pad30 */ |
||||
.pad30 { |
||||
padding: 0 30rpx; |
||||
} |
||||
/* layout */ |
||||
.acea-row { |
||||
display: flex; |
||||
flex-wrap: wrap; |
||||
/* 辅助类 */ |
||||
} |
||||
.acea-row.row-middle { |
||||
align-items: center; |
||||
} |
||||
.acea-row.row-top { |
||||
align-items: flex-start; |
||||
} |
||||
.acea-row.row-bottom { |
||||
align-items: flex-end; |
||||
} |
||||
.acea-row.row-center { |
||||
justify-content: center; |
||||
} |
||||
.acea-row.row-right { |
||||
justify-content: flex-end; |
||||
} |
||||
.acea-row.row-left { |
||||
justify-content: flex-start; |
||||
} |
||||
.acea-row.row-between { |
||||
justify-content: space-between; |
||||
} |
||||
.acea-row.row-around { |
||||
justify-content: space-around; |
||||
} |
||||
.acea-row.row-column-around { |
||||
flex-direction: column; |
||||
justify-content: space-around; |
||||
} |
||||
.acea-row.row-column { |
||||
flex-direction: column; |
||||
} |
||||
.acea-row.row-column-between { |
||||
flex-direction: column; |
||||
justify-content: space-between; |
||||
} |
||||
/* 上下左右垂直居中 */ |
||||
.acea-row.row-center-wrapper { |
||||
align-items: center; |
||||
justify-content: center; |
||||
} |
||||
/* 上下两边居中对齐 */ |
||||
.acea-row.row-between-wrapper { |
||||
align-items: center; |
||||
justify-content: space-between; |
||||
} |
||||
.acea-row.row-center-column { |
||||
flex-direction: column; |
||||
align-items: center; |
||||
justify-content: center; |
||||
} |
||||
/* 轮播图 */ |
||||
.slider-banner { |
||||
position: relative; |
||||
width: 100%; |
||||
/* height:750rpx; */ |
||||
overflow: hidden; |
||||
} |
||||
.slider-banner .swiper-container { |
||||
height: 100%; |
||||
} |
||||
.slider-banner image { |
||||
display: block; |
||||
width: 100%; |
||||
height: 100%; |
||||
} |
||||
.start { |
||||
width: 122rpx; |
||||
height: 30rpx; |
||||
background-image: url("https://wx.yixiang.co/static/images/start.png"); |
||||
background-repeat: no-repeat; |
||||
background-size: 122rpx auto; |
||||
} |
||||
.start.star5 { |
||||
background-position: 0 3rpx; |
||||
} |
||||
.start.star4 { |
||||
background-position: 0 -30rpx; |
||||
} |
||||
.start.star3 { |
||||
background-position: 0 -70rpx; |
||||
} |
||||
.start.star2 { |
||||
background-position: 0 -105rpx; |
||||
} |
||||
.start.star1 { |
||||
background-position: 0 -140rpx; |
||||
} |
||||
.start.star0 { |
||||
background-position: 0 -175rpx; |
||||
} |
||||
/* 单选框和多选框 */ |
||||
.Loads { |
||||
font-size: 24rpx; |
||||
font-family: PingFang SC; |
||||
font-weight: 500; |
||||
color: #3A3A3C; |
||||
height: 80rpx; |
||||
} |
||||
.Loads .iconfont { |
||||
font-size: 30rpx; |
||||
margin-right: 10rpx; |
||||
height: 32rpx; |
||||
line-height: 32rpx; |
||||
} |
||||
/*加载动画*/ |
||||
@keyframes load { |
||||
from { |
||||
transform: rotate(0deg); |
||||
} |
||||
to { |
||||
transform: rotate(360deg); |
||||
} |
||||
} |
||||
.loadingpic { |
||||
animation: load 3s linear 1s infinite; |
||||
} |
||||
.loading { |
||||
animation: load linear 1s infinite; |
||||
} |
||||
/* 多选框样式 */ |
||||
checkbox .wx-checkbox-input { |
||||
width: 40rpx; |
||||
height: 40rpx; |
||||
border-radius: 50% !important; |
||||
color: #ffffff !important; |
||||
border: 2rpx solid #2DB5AE !important; |
||||
box-sizing: border-box; |
||||
} |
||||
checkbox .wx-checkbox-input.wx-checkbox-input-checked { |
||||
border: none !important; |
||||
color: #fff; |
||||
background: linear-gradient(135deg, #39D396 0%, #1B8DCC 100%); |
||||
} |
||||
checkbox .wx-checkbox-input.wx-checkbox-input-checked::before { |
||||
font-size: 28rpx; |
||||
} |
||||
|
||||
Loading…
Reference in new issue