|
|
@ -94,7 +94,7 @@ |
|
|
:style="{'top': navBarHeight + 'px','background':lastScrollTop>200?'#fff':''}"> |
|
|
:style="{'top': navBarHeight + 'px','background':lastScrollTop>200?'#fff':''}"> |
|
|
<view class="menu1" @tap="checkTab(index)" v-for="(item,index) in menuList" :key="index" |
|
|
<view class="menu1" @tap="checkTab(index)" v-for="(item,index) in menuList" :key="index" |
|
|
:style="{'font-size':item.checked?'40rpx':'30rpx','color':item.checked?'rgba(0, 35, 28, 1)':'#777'}"> |
|
|
:style="{'font-size':item.checked?'40rpx':'30rpx','color':item.checked?'rgba(0, 35, 28, 1)':'#777'}"> |
|
|
<view style="width: 90px;">{{item.categoryName}}</view> |
|
|
<view style="width: 180rpx;">{{item.categoryName}}</view> |
|
|
<img v-if="item.checked" class="checked-img" |
|
|
<img v-if="item.checked" class="checked-img" |
|
|
src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/4bb5fc7725cb4a7a84d1d3a15f05b39c.png" |
|
|
src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/4bb5fc7725cb4a7a84d1d3a15f05b39c.png" |
|
|
alt="" /> |
|
|
alt="" /> |
|
|
@ -105,7 +105,7 @@ |
|
|
@tap="goDetail('product',item)"> |
|
|
@tap="goDetail('product',item)"> |
|
|
<view class="goods-top"> |
|
|
<view class="goods-top"> |
|
|
<view class="goods-img"> |
|
|
<view class="goods-img"> |
|
|
<img :src="item.productPicture" alt="" style="border-radius: 10px;"> |
|
|
<img :src="item.productPicture" alt="" style="border-radius: 20rpx;"> |
|
|
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/6c4ab92a43c842d8bb22035bce1f65cc.png" |
|
|
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/6c4ab92a43c842d8bb22035bce1f65cc.png" |
|
|
alt="" |
|
|
alt="" |
|
|
style="width:30rpx;height:30rpx;position: absolute;top: 0;left: 0;background-size: 100%;" /> |
|
|
style="width:30rpx;height:30rpx;position: absolute;top: 0;left: 0;background-size: 100%;" /> |
|
|
@ -178,11 +178,11 @@ |
|
|
</view> |
|
|
</view> |
|
|
|
|
|
|
|
|
<scroll-view scroll-y style="max-height: 400rpx;"> |
|
|
<scroll-view scroll-y style="max-height: 400rpx;"> |
|
|
<view class="goods-top" style="padding: 10px 0;" v-for="(cartItem, index) in cartItems" |
|
|
<view class="goods-top" style="padding: 20rpx 0;" v-for="(cartItem, index) in cartItems" |
|
|
:key="index"> |
|
|
:key="index"> |
|
|
<view class="goods-img" style="width: 120rpx;height: 120rpx;"> |
|
|
<view class="goods-img" style="width: 120rpx;height: 120rpx;"> |
|
|
<img :src="cartItem.item.productPicture" alt="" |
|
|
<img :src="cartItem.item.productPicture" alt="" |
|
|
style="border-radius: 10px;width:100%;height:100%;"> |
|
|
style="border-radius: 20rpx;width:100%;height:100%;"> |
|
|
</view> |
|
|
</view> |
|
|
<view class="goods-content" style="padding-left: 20rpx;"> |
|
|
<view class="goods-content" style="padding-left: 20rpx;"> |
|
|
<view class="goods-name"> |
|
|
<view class="goods-name"> |
|
|
@ -217,13 +217,13 @@ |
|
|
</scroll-view> |
|
|
</scroll-view> |
|
|
|
|
|
|
|
|
<view style="width: 100%;height: 160rpx;"></view> |
|
|
<view style="width: 100%;height: 160rpx;"></view> |
|
|
<view class="bottom" style="padding-bottom: 10px;"> |
|
|
<view class="bottom" style="padding-bottom: 20rpx;"> |
|
|
<view class="bottom-left"> |
|
|
<view class="bottom-left"> |
|
|
<view style="width: 60rpx;height: 80rpx;margin-top: 10rpx;" @tap="$refs.carPopup.close()"> |
|
|
<view style="width: 60rpx;height: 80rpx;margin-top: 10rpx;" @tap="$refs.carPopup.close()"> |
|
|
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/60db52398a65459e9541881c926986a4.png" |
|
|
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/60db52398a65459e9541881c926986a4.png" |
|
|
alt="" /> |
|
|
alt="" /> |
|
|
</view> |
|
|
</view> |
|
|
<view class="bottom-price" style="line-height: 24px;"> |
|
|
<view class="bottom-price" style="line-height: 48rpx;"> |
|
|
<view>￥{{cartTotalPrice}}</view> |
|
|
<view>￥{{cartTotalPrice}}</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
@ -240,7 +240,7 @@ |
|
|
<view class="warnImg"> |
|
|
<view class="warnImg"> |
|
|
<img @tap="$refs.warnPopup.close()" |
|
|
<img @tap="$refs.warnPopup.close()" |
|
|
src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/4996043b3987401794b974d359429b8e.png" |
|
|
src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/4996043b3987401794b974d359429b8e.png" |
|
|
alt="购物车是空的" style="width:300px;height:370px;" /> |
|
|
alt="购物车是空的" style="width:600rpx;height:740rpx;" /> |
|
|
</view> |
|
|
</view> |
|
|
</uni-popup> |
|
|
</uni-popup> |
|
|
<!-- 拼团和选规格弹窗 --> |
|
|
<!-- 拼团和选规格弹窗 --> |
|
|
@ -251,7 +251,7 @@ |
|
|
</view> |
|
|
</view> |
|
|
<view class="goods-top"> |
|
|
<view class="goods-top"> |
|
|
<view class="goods-img"> |
|
|
<view class="goods-img"> |
|
|
<img :src="currentItem.productPicture" alt="" style="border-radius: 10px;"> |
|
|
<img :src="currentItem.productPicture" alt="" style="border-radius: 20rpx;"> |
|
|
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/6c4ab92a43c842d8bb22035bce1f65cc.png" |
|
|
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/6c4ab92a43c842d8bb22035bce1f65cc.png" |
|
|
alt="" |
|
|
alt="" |
|
|
style="width:30rpx;height:30rpx;position: absolute;top: 0;left: 0;background-size: 100%;" /> |
|
|
style="width:30rpx;height:30rpx;position: absolute;top: 0;left: 0;background-size: 100%;" /> |
|
|
@ -311,7 +311,7 @@ |
|
|
|
|
|
|
|
|
<template |
|
|
<template |
|
|
v-if="groupId == '' && isPintuan && currentItem.productGroupBuyPrices && currentItem.productGroupBuyPrices.length > 0"> |
|
|
v-if="groupId == '' && isPintuan && currentItem.productGroupBuyPrices && currentItem.productGroupBuyPrices.length > 0"> |
|
|
<view class="spec11" style="margin-top: -15px;"> |
|
|
<view class="spec11" style="margin-top: -30rpx;"> |
|
|
成团选择 |
|
|
成团选择 |
|
|
</view> |
|
|
</view> |
|
|
<view class="goods-team"> |
|
|
<view class="goods-team"> |
|
|
@ -330,22 +330,22 @@ |
|
|
</template> |
|
|
</template> |
|
|
<view style="width: 100%;height: 160rpx;"></view> |
|
|
<view style="width: 100%;height: 160rpx;"></view> |
|
|
</scroll-view> |
|
|
</scroll-view> |
|
|
<view class="bottom" style="padding-bottom: 20px;height: 80px;z-index: 10;"> |
|
|
<view class="bottom" style="padding-bottom: 40rpx;height: 160rpx;z-index: 10;"> |
|
|
<view v-if="isPintuan" class="pintuan1"> |
|
|
<view v-if="isPintuan" class="pintuan1"> |
|
|
<template v-if="!groupId"> |
|
|
<template v-if="!groupId"> |
|
|
<view class="pintuan2" style="border-bottom-left-radius: 50px;border-top-left-radius: 50px;" |
|
|
<view class="pintuan2" style="border-bottom-left-radius: 100rpx;border-top-left-radius: 100rpx;" |
|
|
@tap.stop="submitPintuan(true)"> |
|
|
@tap.stop="submitPintuan(true)"> |
|
|
面对面团 |
|
|
面对面团 |
|
|
</view> |
|
|
</view> |
|
|
<view class="pintuan2" |
|
|
<view class="pintuan2" |
|
|
style="background: rgba(0, 35, 28, 1);border-bottom-right-radius: 50px;border-top-right-radius: 50px;color: rgba(166, 255, 234, 1);" |
|
|
style="background: rgba(0, 35, 28, 1);border-bottom-right-radius: 100rpx;border-top-right-radius: 100rpx;color: rgba(166, 255, 234, 1);" |
|
|
@tap.stop="submitPintuan(false)"> |
|
|
@tap.stop="submitPintuan(false)"> |
|
|
发起拼团￥{{selectedGroupRule && selectedGroupRule.groupPrice ? parseFloat(selectedGroupRule.groupPriceAndMore).toFixed(2) : '0.00'}} |
|
|
发起拼团￥{{selectedGroupRule && selectedGroupRule.groupPrice ? parseFloat(selectedGroupRule.groupPriceAndMore).toFixed(2) : '0.00'}} |
|
|
</view> |
|
|
</view> |
|
|
</template> |
|
|
</template> |
|
|
<template v-else> |
|
|
<template v-else> |
|
|
<view class="pintuan2" |
|
|
<view class="pintuan2" |
|
|
style="width: 100%; border-radius: 50px; " |
|
|
style="width: 100%; border-radius: 100rpx;" |
|
|
@tap.stop="submitPintuan(false)"> |
|
|
@tap.stop="submitPintuan(false)"> |
|
|
参与拼团￥{{selectedGroupRule && selectedGroupRule.groupPriceAndMore ? parseFloat(selectedGroupRule.groupPriceAndMore).toFixed(2) : '0.00'}} |
|
|
参与拼团￥{{selectedGroupRule && selectedGroupRule.groupPriceAndMore ? parseFloat(selectedGroupRule.groupPriceAndMore).toFixed(2) : '0.00'}} |
|
|
</view> |
|
|
</view> |
|
|
@ -384,7 +384,7 @@ |
|
|
<view class="cha11"> |
|
|
<view class="cha11"> |
|
|
{{item.targetMembers}}人拼 |
|
|
{{item.targetMembers}}人拼 |
|
|
</view> |
|
|
</view> |
|
|
<view style="line-height: 20px;padding-left: 5px;"> |
|
|
<view style="line-height: 40rpx;padding-left: 10rpx;"> |
|
|
差<text style="color: red;">{{item.targetMembers - item.currentMembers}}人</text>拼成 |
|
|
差<text style="color: red;">{{item.targetMembers - item.currentMembers}}人</text>拼成 |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
@ -402,7 +402,7 @@ |
|
|
|
|
|
|
|
|
<!-- 支付弹出层 --> |
|
|
<!-- 支付弹出层 --> |
|
|
<uni-popup ref="payPopup" background-color="#fff"> |
|
|
<uni-popup ref="payPopup" background-color="#fff"> |
|
|
<view class="pay-popup" style="height: 480px;background: #fff;border-radius: 20px 20px 0 0;padding-top: 20px;"> |
|
|
<view class="pay-popup" style="height: 960px;background: #fff;border-radius: 40rpx 40rpx 0 0;padding-top: 40rpx;"> |
|
|
<view class="content"> |
|
|
<view class="content"> |
|
|
<view class="box1"> |
|
|
<view class="box1"> |
|
|
<view style="height: 70rpx;line-height: 70rpx;text-align: center;"> |
|
|
<view style="height: 70rpx;line-height: 70rpx;text-align: center;"> |
|
|
@ -439,7 +439,7 @@ |
|
|
alt="" style="width: 36rpx;height: 36rpx;" /> |
|
|
alt="" style="width: 36rpx;height: 36rpx;" /> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
<view class="btn" style="background: linear-gradient(90deg, rgba(227, 255, 150, 1), rgba(166, 255, 234, 1));width: 90%;height: 50px;border-radius: 50px;text-align: center;font-size: 14px;font-weight: 700;line-height: 50px;margin: 20px auto;" @tap="wxPayment"> |
|
|
<view class="btn" style="background: linear-gradient(90deg, rgba(227, 255, 150, 1), rgba(166, 255, 234, 1));width: 90%;height: 100rpx;border-radius: 100rpx;text-align: center;font-size: 28rpx;font-weight: 700;line-height: 100rpx;margin: 40rpx auto;" @tap="wxPayment"> |
|
|
确认付款 |
|
|
确认付款 |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
@ -448,7 +448,7 @@ |
|
|
|
|
|
|
|
|
<!-- 参团成功提示弹出层 --> |
|
|
<!-- 参团成功提示弹出层 --> |
|
|
<uni-popup ref="joinSuccessPopup" background-color="#fff" @change="onJoinSuccessPopupChange"> |
|
|
<uni-popup ref="joinSuccessPopup" background-color="#fff" @change="onJoinSuccessPopupChange"> |
|
|
<view class="pintuan-popup" style="position: relative;height: 600px;width: 100%;border-top-left-radius: 10px;border-top-right-radius: 10px;padding: 10px;"> |
|
|
<view class="pintuan-popup" style="position: relative;height: 1200rpx;width: 100%;border-top-left-radius: 20rpx;border-top-right-radius: 20rpx;padding: 20rpx;"> |
|
|
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/ecd00dab1c9c44198d765bc08bc1bd71.png" alt="" |
|
|
<img src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/ecd00dab1c9c44198d765bc08bc1bd71.png" alt="" |
|
|
style="position: absolute;top: 0;right: 0;width: 240rpx;height: 180rpx;" @tap="$refs.joinSuccessPopup.close()"> |
|
|
style="position: absolute;top: 0;right: 0;width: 240rpx;height: 180rpx;" @tap="$refs.joinSuccessPopup.close()"> |
|
|
<view style="position: absolute;bottom: 0;width: 100%;height: 760rpx;"> |
|
|
<view style="position: absolute;bottom: 0;width: 100%;height: 760rpx;"> |
|
|
@ -1303,7 +1303,7 @@ |
|
|
display: flex; |
|
|
display: flex; |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
z-index: 100; |
|
|
z-index: 100; |
|
|
padding: 8px 12px; |
|
|
padding: 16rpx 24rpx; |
|
|
box-sizing: border-box; |
|
|
box-sizing: border-box; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
@ -1346,7 +1346,7 @@ |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
background-size: 100%; |
|
|
background-size: 100%; |
|
|
height: 100%; |
|
|
height: 100%; |
|
|
border-radius: 10px; |
|
|
border-radius: 20rpx; |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
@ -1375,7 +1375,7 @@ |
|
|
height: 40rpx; |
|
|
height: 40rpx; |
|
|
display: flex; |
|
|
display: flex; |
|
|
border-radius: 20rpx; |
|
|
border-radius: 20rpx; |
|
|
padding: 0 5px 0 0; |
|
|
padding: 0 10rpx 0 0; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.shop-rate-num { |
|
|
.shop-rate-num { |
|
|
@ -1441,7 +1441,7 @@ |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
height: 100%; |
|
|
height: 100%; |
|
|
background-size: 100%; |
|
|
background-size: 100%; |
|
|
border-radius: 10px; |
|
|
border-radius: 20rpx; |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
@ -1493,14 +1493,14 @@ |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.pintuan-right-cha { |
|
|
.pintuan-right-cha { |
|
|
line-height: 20px; |
|
|
line-height: 40rpx; |
|
|
padding-left: 5px; |
|
|
padding-left: 10rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.goods-member { |
|
|
.goods-member { |
|
|
padding: 10px 0; |
|
|
padding: 20rpx 0; |
|
|
margin-bottom: 10px; |
|
|
margin-bottom: 20rpx; |
|
|
border-radius: 10px; |
|
|
border-radius: 20rpx; |
|
|
background: #fff; |
|
|
background: #fff; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
@ -1607,7 +1607,7 @@ |
|
|
display: flex; |
|
|
display: flex; |
|
|
background: #fff; |
|
|
background: #fff; |
|
|
z-index: 98; |
|
|
z-index: 98; |
|
|
box-shadow: 0 -5px 5px rgba(0, 0, 0, 0.3); |
|
|
box-shadow: 0 -10rpx 10rpx rgba(0, 0, 0, 0.3); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.bottom-left { |
|
|
.bottom-left { |
|
|
@ -1656,38 +1656,38 @@ |
|
|
|
|
|
|
|
|
.car-content { |
|
|
.car-content { |
|
|
position: relative; |
|
|
position: relative; |
|
|
height: 600px; |
|
|
height: 1200rpx; |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
border-top-left-radius: 10px; |
|
|
border-top-left-radius: 20rpx; |
|
|
border-top-right-radius: 10px; |
|
|
border-top-right-radius: 20rpx; |
|
|
padding: 10px; |
|
|
padding: 20rpx; |
|
|
overflow: scroll; |
|
|
overflow: scroll; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.car-close { |
|
|
.car-close { |
|
|
width: 30px; |
|
|
width: 60rpx; |
|
|
height: 30px; |
|
|
height: 60rpx; |
|
|
position: absolute; |
|
|
position: absolute; |
|
|
top: -40px; |
|
|
top: -80rpx; |
|
|
right: 10px; |
|
|
right: 20rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.car-title { |
|
|
.car-title { |
|
|
height: 48px; |
|
|
height: 96rpx; |
|
|
line-height: 30px; |
|
|
line-height: 60rpx; |
|
|
margin: 0 auto; |
|
|
margin: 0 auto; |
|
|
font-size: 14px; |
|
|
font-size: 28rpx; |
|
|
font-weight: 700; |
|
|
font-weight: 700; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.num-plus { |
|
|
.num-plus { |
|
|
width: 28px; |
|
|
width: 56rpx; |
|
|
height: 28px; |
|
|
height: 56rpx; |
|
|
font-size: 18px; |
|
|
font-size: 36rpx; |
|
|
text-align: center; |
|
|
text-align: center; |
|
|
font-weight: 700; |
|
|
font-weight: 700; |
|
|
line-height: 24px; |
|
|
line-height: 48rpx; |
|
|
border-radius: 5px; |
|
|
border-radius: 10rpx; |
|
|
|
|
|
|
|
|
background: rgba(0, 35, 28, 1); |
|
|
background: rgba(0, 35, 28, 1); |
|
|
color: rgba(166, 255, 234, 1); |
|
|
color: rgba(166, 255, 234, 1); |
|
|
@ -1695,40 +1695,40 @@ |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.num { |
|
|
.num { |
|
|
width: 40px; |
|
|
width: 80rpx; |
|
|
height: 28px; |
|
|
height: 56rpx; |
|
|
text-align: center; |
|
|
text-align: center; |
|
|
line-height: 28px; |
|
|
line-height: 56rpx; |
|
|
font-size: 14px; |
|
|
font-size: 28rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.goods-num { |
|
|
.goods-num { |
|
|
display: flex; |
|
|
display: flex; |
|
|
height: 28px; |
|
|
height: 56rpx; |
|
|
flex: 1; |
|
|
flex: 1; |
|
|
margin-left: 20px; |
|
|
margin-left: 40rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.pintuan0 { |
|
|
.pintuan0 { |
|
|
width: 90%; |
|
|
width: 90%; |
|
|
height: 50px; |
|
|
height: 100rpx; |
|
|
border-radius: 50px; |
|
|
border-radius: 100rpx; |
|
|
background: linear-gradient(90deg, rgba(227, 255, 150, 1), rgba(166, 255, 234, 1)); |
|
|
background: linear-gradient(90deg, rgba(227, 255, 150, 1), rgba(166, 255, 234, 1)); |
|
|
text-align: center; |
|
|
text-align: center; |
|
|
font-size: 13px; |
|
|
font-size: 26rpx; |
|
|
font-weight: 700; |
|
|
font-weight: 700; |
|
|
line-height: 50px; |
|
|
line-height: 100rpx; |
|
|
margin: auto; |
|
|
margin: auto; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.pintuan1 { |
|
|
.pintuan1 { |
|
|
width: 90%; |
|
|
width: 90%; |
|
|
height: 50px; |
|
|
height: 100rpx; |
|
|
line-height: 50px; |
|
|
line-height: 100rpx; |
|
|
display: flex; |
|
|
display: flex; |
|
|
text-align: center; |
|
|
text-align: center; |
|
|
margin: auto; |
|
|
margin: auto; |
|
|
font-size: 13px; |
|
|
font-size: 26rpx; |
|
|
font-weight: 700; |
|
|
font-weight: 700; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
@ -1738,57 +1738,57 @@ |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.spec11 { |
|
|
.spec11 { |
|
|
height: 48px; |
|
|
height: 96rpx; |
|
|
line-height: 48px; |
|
|
line-height: 96rpx; |
|
|
font-size: 14px; |
|
|
font-size: 28rpx; |
|
|
font-weight: 700; |
|
|
font-weight: 700; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.spec222 { |
|
|
.spec222 { |
|
|
display: inline-block; |
|
|
display: inline-block; |
|
|
padding: 0 10px; |
|
|
padding: 0 20rpx; |
|
|
background: #eee; |
|
|
background: #eee; |
|
|
color: #777; |
|
|
color: #777; |
|
|
height: 36px; |
|
|
height: 72rpx; |
|
|
line-height: 36px; |
|
|
line-height: 72rpx; |
|
|
text-align: center; |
|
|
text-align: center; |
|
|
border-radius: 10px; |
|
|
border-radius: 20rpx; |
|
|
margin-right: 10px; |
|
|
margin-right: 20rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.spec-check { |
|
|
.spec-check { |
|
|
display: inline-block; |
|
|
display: inline-block; |
|
|
padding: 0 10px; |
|
|
padding: 0 20rpx; |
|
|
background: rgba(166, 255, 234, 1); |
|
|
background: rgba(166, 255, 234, 1); |
|
|
height: 36px; |
|
|
height: 72rpx; |
|
|
line-height: 36px; |
|
|
line-height: 72rpx; |
|
|
text-align: center; |
|
|
text-align: center; |
|
|
border-radius: 10px; |
|
|
border-radius: 20rpx; |
|
|
margin-right: 10px; |
|
|
margin-right: 20rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.team1 { |
|
|
.team1 { |
|
|
width: 77px; |
|
|
width: 154rpx; |
|
|
height: 63px; |
|
|
height: 126rpx; |
|
|
background: #eee; |
|
|
background: #eee; |
|
|
border-radius: 10px; |
|
|
border-radius: 20rpx; |
|
|
font-size: 13px; |
|
|
font-size: 26rpx; |
|
|
text-align: center; |
|
|
text-align: center; |
|
|
line-height: 30px; |
|
|
line-height: 60rpx; |
|
|
float: left; |
|
|
float: left; |
|
|
margin-right: 20px; |
|
|
margin-right: 40rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.team-check { |
|
|
.team-check { |
|
|
width: 77px; |
|
|
width: 154rpx; |
|
|
height: 63px; |
|
|
height: 126rpx; |
|
|
background: rgba(166, 255, 234, 1); |
|
|
background: rgba(166, 255, 234, 1); |
|
|
border-radius: 10px; |
|
|
border-radius: 20rpx; |
|
|
font-size: 13px; |
|
|
font-size: 26rpx; |
|
|
text-align: center; |
|
|
text-align: center; |
|
|
line-height: 30px; |
|
|
line-height: 60rpx; |
|
|
float: left; |
|
|
float: left; |
|
|
margin-right: 20px; |
|
|
margin-right: 40rpx; |
|
|
} |
|
|
} |
|
|
.zaixian-swiper{ |
|
|
.zaixian-swiper{ |
|
|
flex: 1; |
|
|
flex: 1; |
|
|
@ -1804,67 +1804,67 @@ |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.team11 { |
|
|
.team11 { |
|
|
height: 13px; |
|
|
height: 26rpx; |
|
|
margin-top: 10px; |
|
|
margin-top: 20rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.goods-team { |
|
|
.goods-team { |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
min-height: 90px; |
|
|
min-height: 180rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.list-right { |
|
|
.list-right { |
|
|
display: flex; |
|
|
display: flex; |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
padding: 15px 0 15px 15px; |
|
|
padding: 30rpx 0 30rpx 30rpx; |
|
|
flex: 1; |
|
|
flex: 1; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.list-right-img { |
|
|
.list-right-img { |
|
|
height: 40px; |
|
|
height: 80rpx; |
|
|
display: flex; |
|
|
display: flex; |
|
|
|
|
|
|
|
|
img { |
|
|
img { |
|
|
width: 40px; |
|
|
width: 80rpx; |
|
|
height: 40px; |
|
|
height: 80rpx; |
|
|
z-index: 98; |
|
|
z-index: 98; |
|
|
background-size: 100%; |
|
|
background-size: 100%; |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.list-weipincheng { |
|
|
.list-weipincheng { |
|
|
width: 40px; |
|
|
width: 80rpx; |
|
|
height: 40px; |
|
|
height: 80rpx; |
|
|
background: #a6ffea; |
|
|
background: #a6ffea; |
|
|
border-radius: 40px; |
|
|
border-radius: 80rpx; |
|
|
text-align: center; |
|
|
text-align: center; |
|
|
font-size: 28rpx; |
|
|
font-size: 28rpx; |
|
|
font-weight: 700; |
|
|
font-weight: 700; |
|
|
margin-left: -6rpx; |
|
|
margin-left: -6rpx; |
|
|
z-index: 97; |
|
|
z-index: 97; |
|
|
line-height: 40px; |
|
|
line-height: 80rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.goods-center { |
|
|
.goods-center { |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
margin: 0 auto 10px; |
|
|
margin: 0 auto 20rpx; |
|
|
background: #f5f8f5; |
|
|
background: #f5f8f5; |
|
|
height: 70px; |
|
|
height: 140rpx; |
|
|
border-radius: 10px; |
|
|
border-radius: 20rpx; |
|
|
overflow: hidden; |
|
|
overflow: hidden; |
|
|
display: flex; |
|
|
display: flex; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.list-right-cha { |
|
|
.list-right-cha { |
|
|
margin-left: 10px; |
|
|
margin-left: 20rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.list-right-price { |
|
|
.list-right-price { |
|
|
flex: 1; |
|
|
flex: 1; |
|
|
text-align: right; |
|
|
text-align: right; |
|
|
line-height: 40px; |
|
|
line-height: 80rpx; |
|
|
color: red; |
|
|
color: red; |
|
|
font-size: 14px; |
|
|
font-size: 28rpx; |
|
|
font-weight: 700; |
|
|
font-weight: 700; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
@ -1874,24 +1874,24 @@ |
|
|
text-align: center; |
|
|
text-align: center; |
|
|
font-size: 28rpx; |
|
|
font-size: 28rpx; |
|
|
font-weight: 600; |
|
|
font-weight: 600; |
|
|
border-radius: 30px; |
|
|
border-radius: 60rpx; |
|
|
height: 30px; |
|
|
height: 60rpx; |
|
|
line-height: 30px; |
|
|
line-height: 60rpx; |
|
|
margin: 20px; |
|
|
margin: 40rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.cha11 { |
|
|
.cha11 { |
|
|
font-size: 11px; |
|
|
font-size: 22rpx; |
|
|
background: rgba(255, 57, 57, 0.2); |
|
|
background: rgba(255, 57, 57, 0.2); |
|
|
color: red; |
|
|
color: red; |
|
|
display: inline-block; |
|
|
display: inline-block; |
|
|
padding: 3px; |
|
|
padding: 6rpx; |
|
|
border-radius: 5px; |
|
|
border-radius: 10rpx; |
|
|
margin-bottom: 5px; |
|
|
margin-bottom: 10rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.menu-list { |
|
|
.menu-list { |
|
|
height: 45px; |
|
|
height: 90rpx; |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
overflow-x: scroll; |
|
|
overflow-x: scroll; |
|
|
display: flex; |
|
|
display: flex; |
|
|
@ -1901,22 +1901,22 @@ |
|
|
z-index: 90; |
|
|
z-index: 90; |
|
|
background: #F5F8F5; |
|
|
background: #F5F8F5; |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
padding-bottom: 4px; |
|
|
padding-bottom: 8rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.checked-img { |
|
|
.checked-img { |
|
|
width: 90px; |
|
|
width: 180rpx; |
|
|
height: 10px; |
|
|
height: 20rpx; |
|
|
position: absolute; |
|
|
position: absolute; |
|
|
bottom: 0; |
|
|
bottom: 0; |
|
|
left: 0; |
|
|
left: 0; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.menu1 { |
|
|
.menu1 { |
|
|
width: 90px; |
|
|
width: 180rpx; |
|
|
height: 35px; |
|
|
height: 70rpx; |
|
|
position: relative; |
|
|
position: relative; |
|
|
margin-left: 15px; |
|
|
margin-left: 30rpx; |
|
|
line-height: 35px; |
|
|
line-height: 70rpx; |
|
|
} |
|
|
} |
|
|
</style> |
|
|
</style> |
