You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
777 lines
14 KiB
777 lines
14 KiB
body{
|
|
background-color: #f8f8f8;
|
|
font-size: 28upx;
|
|
}
|
|
view{
|
|
box-sizing: border-box;
|
|
}
|
|
/* #ifdef MP-ALIPAY */
|
|
image{
|
|
background-size: 100% 100%;
|
|
}
|
|
button{
|
|
height: auto;
|
|
border: none;
|
|
line-height: 2.55555556;
|
|
padding: 0 28upx;
|
|
}
|
|
input{
|
|
background: none;
|
|
padding: 0;
|
|
}
|
|
shared-checkbox{
|
|
border-radius: 50%;
|
|
}
|
|
shared-checkbox{
|
|
border-radius: 50%;
|
|
height: 36rpx;
|
|
width: 36rpx;
|
|
margin-top: -4rpx;
|
|
border: 1rpx solid #d1d1d1;
|
|
color: #FF7159;
|
|
}
|
|
shared-checkbox:checked {
|
|
/* width: 36rpx;
|
|
height: 36rpx;
|
|
line-height: 36rpx;
|
|
border-radius: 50%;
|
|
text-align: center;
|
|
font-size: 28rpx;
|
|
color: #fff;
|
|
background: transparent;
|
|
transform: translate(-50%, -50%) scale(1);
|
|
-webkit-transform: translate(-50%, -50%) scale(1);
|
|
background-color: #FF7159;
|
|
border: 1rpx solid #FF7159; */
|
|
background-color: #000;
|
|
color: #000;
|
|
}
|
|
._radio{
|
|
border-radius: 50%;/* 圆角 */
|
|
width: 36rpx;
|
|
height: 36rpx;
|
|
margin-top: -4rpx;
|
|
border: 1rpx solid #d1d1d1;
|
|
}
|
|
/* 选中后的 背景样式 （红色背景 无边框 可根据UI需求自己修改） */
|
|
._radio:checked{
|
|
border: 1rpx solid #FF7159;
|
|
background: #FF7159;
|
|
}
|
|
/* 选中后的 对勾样式 （白色对勾 可根据UI需求自己修改） */
|
|
._radio:checked::before{
|
|
border-radius: 50%;/* 圆角 */
|
|
width: 36rpx; /* 选中后对勾大小，不要超过背景的尺寸 */
|
|
height: 36rpx; /* 选中后对勾大小，不要超过背景的尺寸 */
|
|
line-height: 36rpx;
|
|
text-align: center;
|
|
font-size:28rpx; /* 对勾大小 30rpx */
|
|
color:#fff; /* 对勾颜色 白色 */
|
|
background: transparent;
|
|
transform:translate(-50%, -50%) scale(1);
|
|
-webkit-transform:translate(-50%, -50%) scale(1);
|
|
}
|
|
/* #endif */
|
|
uni-toast .uni-toast{
|
|
/* width: 6em; */
|
|
font-size: 24upx;
|
|
border-radius: 10px;
|
|
background: rgba(17,17,17,.5);
|
|
}
|
|
uni-input div, uni-input div div,uni-input, uni-input input{
|
|
/* min-height: 1rem !important; */
|
|
}
|
|
uni-input{
|
|
/* height: 1rem; */
|
|
}
|
|
uni-input div div.input-placeholder{
|
|
/* padding: 8upx 0; */
|
|
}
|
|
.content-top{
|
|
margin-bottom: 116upx;
|
|
}
|
|
.have-none{
|
|
background-color: #f3f3f3;
|
|
}
|
|
.color-o{
|
|
color: #FF7159 !important;
|
|
}
|
|
.color-f{
|
|
color: #fff !important;
|
|
}
|
|
.color-d{
|
|
color: #ddd !important;
|
|
}
|
|
.color-3{
|
|
color: #333 !important;
|
|
}
|
|
.color-6{
|
|
color: #666 !important;
|
|
}
|
|
.color-9{
|
|
color: #999 !important;
|
|
}
|
|
.fsz24{
|
|
font-size: 24upx !important;
|
|
}
|
|
.fsz26{
|
|
font-size: 26upx !important;
|
|
}
|
|
.fsz28{
|
|
font-size: 28upx !important;
|
|
}
|
|
.fsz30{
|
|
font-size: 30upx !important;
|
|
}
|
|
.fsz32{
|
|
font-size: 32upx !important;
|
|
}
|
|
.fsz34{
|
|
font-size: 34upx !important;
|
|
}
|
|
.fsz36{
|
|
font-size: 36upx !important;
|
|
}
|
|
.fsz38{
|
|
font-size: 38upx !important;
|
|
}
|
|
.fsz50{
|
|
font-size: 50upx !important;
|
|
}
|
|
.search{
|
|
width: 100%;
|
|
height: 104upx;
|
|
padding: 16upx 26upx;
|
|
background-color: rgba(255,255,255,1);
|
|
z-index: 999;
|
|
transition: all .5s;
|
|
}
|
|
.search-c{
|
|
width: 100%;
|
|
height: 100%;
|
|
position: relative;
|
|
}
|
|
.search-input{
|
|
background-color: #E9E9E9;
|
|
width: 100%;
|
|
height: 100%;
|
|
box-sizing: border-box;
|
|
line-height: 52upx;
|
|
padding: 10upx 90upx 10upx 40upx;
|
|
border-radius: 50upx;
|
|
font-size: 24upx;
|
|
transition: all .5s;
|
|
}
|
|
.search-input-p{
|
|
color: #999;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.search-input-p-c{
|
|
position: relative;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
}
|
|
.search-icon{
|
|
position: absolute;
|
|
top: 50%;
|
|
right: 30upx;
|
|
transform: translateY(-50%);
|
|
z-index: 99;
|
|
}
|
|
.swiper-c{
|
|
height: 100%;
|
|
}
|
|
.swiper-c image{
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
.btn{
|
|
display: inline-block;
|
|
box-sizing: border-box;
|
|
border-radius: 0;
|
|
font-size: 28upx;
|
|
transform: scale(1);
|
|
transition: all .5s;
|
|
}
|
|
/*按钮按下缩小变色*/
|
|
.btn-hover{
|
|
transform: scale(.90);
|
|
transition: all .5s;
|
|
opacity: .8;
|
|
}
|
|
/*按钮按下只变色*/
|
|
.btn-hover2{
|
|
/* transform: scale(.95); */
|
|
transition: all .1s;
|
|
opacity: .6;
|
|
}
|
|
.btn::after{
|
|
border: none;
|
|
}
|
|
.btn-circle{
|
|
padding: 0upx 20upx;
|
|
height: 60upx;
|
|
line-height: 60upx;
|
|
min-width: 140upx;
|
|
/* border-radius: 6upx; */
|
|
font-size: 22upx;
|
|
}
|
|
.btn-square{
|
|
padding: 0upx 40upx;
|
|
height: 90upx;
|
|
line-height: 90upx;
|
|
min-width: 150upx;
|
|
border: none !important;
|
|
}
|
|
.btn-fillet{
|
|
border-radius: 50upx;
|
|
}
|
|
.btn-c{
|
|
background-color: #f7f7f7;
|
|
}
|
|
.btn-w{
|
|
border: 2upx solid #333;
|
|
color: #333;
|
|
background-color: #fff;
|
|
}
|
|
.btn-g{
|
|
border: 2upx solid #E0E0E0;
|
|
color: #999;
|
|
background-color: #fff;
|
|
}
|
|
.btn-b{
|
|
border: 2upx solid #333;
|
|
background-color: #333;
|
|
color: #fff;
|
|
}
|
|
.btn-o{
|
|
border: 2upx solid #FF7159;
|
|
background-color: #FF7159;
|
|
color: #fff;
|
|
}
|
|
.btn-half{
|
|
width: 50%;
|
|
}
|
|
.btn-all{
|
|
width: 100%;
|
|
}
|
|
.img-grids{
|
|
overflow: hidden;
|
|
/* padding-bottom: 26upx; */
|
|
}
|
|
.img-grids .goods-name{
|
|
height: 72upx;
|
|
}
|
|
.column3.img-grids .goods-name{
|
|
height: 68upx;
|
|
}
|
|
.img-grids-item{
|
|
width: 336upx;
|
|
margin: 26upx;
|
|
display: inline-block;
|
|
background-color: #fff;
|
|
float: left;
|
|
min-height: 130upx;
|
|
/* #ifdef MP-ALIPAY */
|
|
width: 330rpx;
|
|
margin: 25rpx;
|
|
min-height: 130rpx;
|
|
/* #endif */
|
|
}
|
|
.img-grids-item:nth-child(2n-1){
|
|
margin-right: 0;
|
|
}
|
|
.img-grids-item-t{
|
|
width: 336upx;
|
|
height: 336upx;
|
|
/* #ifdef MP-ALIPAY */
|
|
width: 330rpx;
|
|
height: 330rpx;
|
|
/* #endif */
|
|
}
|
|
.img-grids-item-b{
|
|
padding: 0 10upx 10upx;
|
|
}
|
|
.goods-name{
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 2;
|
|
overflow: hidden;
|
|
color: #333;
|
|
width: 100%;
|
|
/* height: 72upx; */
|
|
/* #ifdef MP-ALIPAY */
|
|
min-height: 20px;
|
|
/* #endif */
|
|
}
|
|
.grids-goods-name{
|
|
font-size: 26upx;
|
|
}
|
|
.goods-item-c{
|
|
overflow: hidden;
|
|
margin-top: 10upx;
|
|
}
|
|
.goods-price{
|
|
min-width: 120upx;
|
|
min-height: 40upx;
|
|
color: #333;
|
|
font-size: 28upx;
|
|
display: inline-block;
|
|
float: left;
|
|
}
|
|
.red-price{
|
|
color: #FF7159 !important;
|
|
}
|
|
.img-list{
|
|
|
|
}
|
|
.img-list .goods-name{
|
|
min-height: 74upx;
|
|
}
|
|
.img-list-item{
|
|
padding: 30upx 26upx;
|
|
background-color: #fff;
|
|
margin-bottom: 2upx;
|
|
overflow: hidden;
|
|
}
|
|
.img-list-item-l{
|
|
width: 250upx;
|
|
height: 250upx;
|
|
display: inline-block;
|
|
float: left;
|
|
}
|
|
.img-list-item-r{
|
|
width: 410upx;
|
|
min-height: 250upx;
|
|
display: inline-block;
|
|
margin-left: 26upx;
|
|
float: left;
|
|
padding: 10upx 0;
|
|
position: relative;
|
|
}
|
|
.list-goods-name{
|
|
font-size: 28upx;
|
|
}
|
|
.img-list-item .goods-item-c{
|
|
/* position: absolute; */
|
|
/* bottom: 0; */
|
|
width: 100%;
|
|
margin-top: 0;
|
|
}
|
|
.img-list-item .goods-price{
|
|
min-width: 150upx;
|
|
min-height: 50upx;
|
|
font-size: 38upx;
|
|
float: none;
|
|
}
|
|
.goods-buy{
|
|
overflow: hidden;
|
|
}
|
|
.goods-salesvolume{
|
|
min-width: 100upx;
|
|
height: 30upx;
|
|
font-size: 20upx;
|
|
color: #999;
|
|
display: inline-block;
|
|
}
|
|
.goods-cart{
|
|
width: 40upx;
|
|
height: 40upx;
|
|
float: right;
|
|
}
|
|
.medium-img{
|
|
width: 196upx;
|
|
height: 196upx;
|
|
}
|
|
.little-img{
|
|
width: 140upx;
|
|
height: 140upx;
|
|
}
|
|
.small-img{
|
|
width: 120upx;
|
|
height: 120upx;
|
|
}
|
|
.medium-right{
|
|
width: 340upx;
|
|
min-height: 140upx;
|
|
}
|
|
.little-right{
|
|
width: 520upx;
|
|
min-height: 140upx;
|
|
padding: 0;
|
|
}
|
|
.small-right{
|
|
width: 540upx;
|
|
height: 120upx;
|
|
padding: 0;
|
|
min-height: 60upx;
|
|
}
|
|
.little-right-t{
|
|
overflow: hidden;
|
|
}
|
|
.little-right .list-goods-name{
|
|
float: left;
|
|
width: 360upx;
|
|
margin-bottom: 6upx;
|
|
}
|
|
.small-right .list-goods-name{
|
|
width: 100%;
|
|
}
|
|
.little-right .goods-price{
|
|
float: right;
|
|
font-size: 28upx;
|
|
text-align: right;
|
|
min-width: 120upx;
|
|
max-width: 150upx;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
min-height: 40upx;
|
|
}
|
|
.goods-num{
|
|
float: right;
|
|
color: #999;
|
|
font-size: 24upx;
|
|
height: 30upx;
|
|
min-width: 50upx;
|
|
}
|
|
.goods-numbox{
|
|
float: right;
|
|
}
|
|
.little-right .goods-salesvolume{
|
|
font-size: 24upx;
|
|
/* float: left; */
|
|
}
|
|
.cell-group{
|
|
background-color: #fff;
|
|
}
|
|
.cell-item{
|
|
padding: 20upx 26upx 20upx 0;
|
|
width: 724upx;
|
|
margin-left: 26upx;
|
|
border-bottom: 2upx solid #f3f3f3;
|
|
position: relative;
|
|
overflow: hidden;
|
|
background-color: #fff;
|
|
color: #333;
|
|
display: table;
|
|
min-height: 90upx;
|
|
}
|
|
.cell-item:last-child{
|
|
border: none;
|
|
}
|
|
.cell-item-hd{
|
|
display: table-cell;
|
|
vertical-align: middle;
|
|
min-width: 160upx;
|
|
max-width: 180upx;
|
|
font-size: 28upx;
|
|
position: relative;
|
|
}
|
|
.cell-hd-icon{
|
|
width: 40upx;
|
|
height: 40upx;
|
|
display: inline-block;
|
|
float: left;
|
|
margin-right: 8upx;
|
|
}
|
|
.cell-hd-title{
|
|
float: left;
|
|
display: inline-block;
|
|
position: relative;
|
|
/* #ifdef MP-ALIPAY */
|
|
top: 4upx;
|
|
/* #endif */
|
|
}
|
|
.cell-item-bd{
|
|
display: table-cell;
|
|
vertical-align: middle;
|
|
margin-left: 20upx;
|
|
min-height: 30upx;
|
|
overflow: hidden;
|
|
min-width: 440upx;
|
|
max-width: 480upx;
|
|
padding-right: 50upx;
|
|
}
|
|
.cell-bd-view {
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.cell-bd-text{
|
|
float: left;
|
|
position: relative;
|
|
font-size: 24upx;
|
|
}
|
|
.cell-bd-text-right{
|
|
float: right;
|
|
}
|
|
.cell-bd-input{
|
|
display: inline-block;
|
|
float: left;
|
|
font-size: 26upx;
|
|
}
|
|
.cell-item-ft{
|
|
display: inline-block;
|
|
position: absolute;
|
|
top: 50%;
|
|
right: 26upx;
|
|
transform: translateY(-50%);
|
|
overflow: hidden;
|
|
}
|
|
.right-img .cell-item-ft{
|
|
right: 8upx;
|
|
height: 50upx;
|
|
}
|
|
.cell-ft-view{
|
|
position: relative;
|
|
overflow: hidden;
|
|
color: #666;
|
|
font-size: 28upx;
|
|
text-align: right;
|
|
}
|
|
.cell-ft-p{
|
|
font-size: 24upx;
|
|
color: #666;
|
|
}
|
|
.cell-ft-text{
|
|
font-size: 28upx;
|
|
float: right;
|
|
position: relative;
|
|
/* top: 8upx; */
|
|
line-height: 50upx;
|
|
}
|
|
.cell-ft-next{
|
|
float: right;
|
|
}
|
|
.margin-cell-group{
|
|
margin: 20upx 0;
|
|
}
|
|
.bottom-cell-group{
|
|
margin-bottom: 20upx;
|
|
}
|
|
.min-cell-group{
|
|
margin-bottom: 1px;
|
|
padding: 20upx 0;
|
|
}
|
|
.min-cell-group .cell-item{
|
|
border-bottom: none;
|
|
min-height: 50upx;
|
|
padding: 0 26upx 0 0;
|
|
}
|
|
.icon{
|
|
width: 50upx;
|
|
height: 50upx;
|
|
/* #ifdef MP-ALIPAY */
|
|
background-size: 100% 100%;
|
|
/* #endif */
|
|
}
|
|
.swiper-grids .swiper-list{
|
|
white-space:nowrap;
|
|
width:100%;
|
|
min-height: 200upx;
|
|
}
|
|
.swiper-grids .img-grids-item{
|
|
float: none;
|
|
margin-right: 0;
|
|
width: 255upx;
|
|
margin-top: 0;
|
|
}
|
|
.swiper-grids .img-grids-item:last-child{
|
|
margin-right: 26upx;
|
|
}
|
|
.swiper-grids .img-grids-item-t{
|
|
width: 255upx;
|
|
height: 255upx;
|
|
}
|
|
.swiper-grids .goods-name{
|
|
white-space: normal;
|
|
}
|
|
.member-grid{
|
|
padding: 20upx 26upx;
|
|
/* overflow: hidden; */
|
|
width: 100%;
|
|
display: flex;
|
|
}
|
|
.member-item{
|
|
/* width: 20%; */
|
|
flex: 1;
|
|
/* float: left; */
|
|
/* display: inline-block; */
|
|
text-align: center;
|
|
position: relative;
|
|
}
|
|
/*会员中心图标按下事件*/
|
|
.member-item:active{
|
|
transform: scale(.90);
|
|
transition: all .5s;
|
|
opacity: .8;
|
|
}
|
|
.member-item-icon{
|
|
width: 50upx;
|
|
height: 50upx;
|
|
display: block;
|
|
margin: 0 auto;
|
|
}
|
|
.member-item-text{
|
|
font-size: 24upx;
|
|
color: #666;
|
|
display: block;
|
|
}
|
|
.cart-list{
|
|
|
|
}
|
|
.cart-checkbox{
|
|
position: relative;
|
|
height: 100%;
|
|
}
|
|
.cart-checkbox-c{
|
|
display: inline-block;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 26upx;
|
|
transform: translateY(-50%);
|
|
z-index: 99;
|
|
}
|
|
.cart-list .img-list-item{
|
|
padding-left: 90upx;
|
|
}
|
|
.cart-list .little-right{
|
|
width: 468upx;
|
|
}
|
|
.cart-list .little-right .list-goods-name{
|
|
width: 300upx;
|
|
}
|
|
.uni-checkbox-input{
|
|
border-radius: 50% !important;
|
|
color: #fff !important;
|
|
}
|
|
uni-radio .uni-radio-input,uni-checkbox .uni-checkbox-input{
|
|
width: 36upx;
|
|
height: 36upx;
|
|
}
|
|
uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked,.uni-radio-input.uni-radio-input-checked{
|
|
background-color: #FF7159 !important;
|
|
border-color: #FF7159 !important;
|
|
width: 36upx;
|
|
height: 36upx;
|
|
}
|
|
uni-checkbox.checkboxNo .uni-checkbox-input{
|
|
background-color: #e1e1e1 !important;
|
|
border-color: #e1e1e1 !important;
|
|
}
|
|
uni-radio.radioNo .uni-radio-input{
|
|
background-color: #e1e1e1 !important;
|
|
border-color: #e1e1e1 !important;
|
|
}
|
|
uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked:before{
|
|
font-size: 36rpx;
|
|
}
|
|
.login-item-i-p{
|
|
color: #999;
|
|
}
|
|
.two-line{
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 2;
|
|
overflow: hidden;
|
|
}
|
|
.badge{
|
|
display: inline-block;
|
|
position: absolute;
|
|
min-width:13px;
|
|
height:13px;
|
|
line-height:13px;
|
|
background-color:#FF7159;
|
|
color:#fff;
|
|
font-size:12px;
|
|
border-radius:50upx;
|
|
padding:0 3px;
|
|
z-index: 99;
|
|
}
|
|
.button-bottom{
|
|
background-color: #fff;
|
|
position: fixed;
|
|
bottom: 0;
|
|
height: 90upx;
|
|
width: 100%;
|
|
display: flex;
|
|
z-index: 66;
|
|
box-shadow: 0 0 10px #ccc;
|
|
}
|
|
.button-bottom .btn{
|
|
flex: 1;
|
|
}
|
|
.romotion-tip{
|
|
/* display: inline-block; */
|
|
overflow: hidden;
|
|
}
|
|
.romotion-tip-item{
|
|
display: inline-block;
|
|
float: left;
|
|
margin-right: 10upx;
|
|
margin-bottom: 4upx;
|
|
background-color: #FF7159;
|
|
color: #fff;
|
|
height: 34upx;
|
|
font-size: 24upx;
|
|
line-height: 34upx;
|
|
padding: 0 10upx;
|
|
}
|
|
.bg-gray{
|
|
background-color: #D0D0D0;
|
|
}
|
|
|
|
|
|
|
|
/* #ifdef MP */
|
|
checkbox .wx-checkbox-input{
|
|
border-radius: 50%;
|
|
height: 36rpx;
|
|
width: 36rpx;
|
|
margin-top: -4rpx;
|
|
border: 1rpx solid #d1d1d1;
|
|
|
|
}
|
|
checkbox .wx-checkbox-input.wx-checkbox-input-checked::before {
|
|
width: 36rpx;
|
|
height: 36rpx;
|
|
line-height: 36rpx;
|
|
border-radius: 50%;
|
|
text-align: center;
|
|
font-size: 28rpx;
|
|
color: #fff;
|
|
background: transparent;
|
|
transform: translate(-50%, -50%) scale(1);
|
|
-webkit-transform: translate(-50%, -50%) scale(1);
|
|
background-color: #FF7159;
|
|
border: 1rpx solid #FF7159;
|
|
}
|
|
radio .wx-radio-input{
|
|
border-radius: 50%;/* 圆角 */
|
|
width: 36rpx;
|
|
height: 36rpx;
|
|
margin-top: -4rpx;
|
|
border: 1rpx solid #d1d1d1;
|
|
}
|
|
/* 选中后的 背景样式 （红色背景 无边框 可根据UI需求自己修改） */
|
|
radio .wx-radio-input.wx-radio-input-checked{
|
|
border: 1rpx solid #FF7159;
|
|
background: #FF7159;
|
|
}
|
|
/* 选中后的 对勾样式 （白色对勾 可根据UI需求自己修改） */
|
|
radio .wx-radio-input.wx-radio-input-checked::before{
|
|
border-radius: 50%;/* 圆角 */
|
|
width: 36rpx; /* 选中后对勾大小，不要超过背景的尺寸 */
|
|
height: 36rpx; /* 选中后对勾大小，不要超过背景的尺寸 */
|
|
line-height: 36rpx;
|
|
text-align: center;
|
|
font-size:28rpx; /* 对勾大小 30rpx */
|
|
color:#fff; /* 对勾颜色 白色 */
|
|
background: transparent;
|
|
transform:translate(-50%, -50%) scale(1);
|
|
-webkit-transform:translate(-50%, -50%) scale(1);
|
|
}
|
|
|
|
/* #endif */
|
|
|
|
|