Skip to content

B
buildingAgricultureSharing-miniapp
Commit d32ecfc5 authored by dt-1640819025-xxmxd's avatar dt-1640819025-xxmxd
Browse files
Options

'1'

parent 476c550e
Show whitespace changes
Inline Side-by-side
Showing with 73 additions and 71 deletions
src/pages/cart/cart.vue
View file @ d32ecfc5
...@@ -2,23 +2,23 @@ ...@@ -2,23 +2,23 @@
<view class="shopping"> <view class="shopping">
<view class="order-form"> <view class="order-form">
<view class="order-form-view"> <view class="order-form-view">
<view class="dianming-view"> <view class="trade-information">
<view class="dianming-checkbox"></view> <view class="trade-checkbox"></view>
<view class="leixing">店铺</view> <view class="store">店铺</view>
<view class="dianming">杨家黄焖鸡</view> <view class="trade-name">杨家黄焖鸡</view>
</view> </view>
<view class="shangpin-view"> <view class="commodity-information">
<view class="commodity-checkbox"></view> <view class="commodity-checkbox"></view>
<img class="shangpin-tu" src="/src/static/assets/fruit.png" alt="" /> <img class="commodity-picture" src="/src/static/assets/fruit.png" alt="" />
<view class="shangpin-name">招牌黄焖鸡+米饭（土豆+生菜）</view> <view class="commodity-name">招牌黄焖鸡+米饭（土豆+生菜）</view>
<view class="biaoqian">约1000克</view> <view class="label">约1000克</view>
<view class="jiage-view"> <view class="price-information">
<text class="jiage-fuhao">￥</text> <text class="price-symbol">￥</text>
<text class="shangpin-zhengshu">28</text> <text class="price-integer">28</text>
<text class="shangpin-xiaoshu">.8</text> <text class="price-decimals">.8</text>
</view> </view>
<view class="anniu-view"> <view class="quantity-commodity">
<view class="anniu-jian">-</view> <view class="anniu-jian">-</view>
<view class="anniu-shuliang">1</view> <view class="anniu-shuliang">1</view>
<view class="anniu-jia">+</view> <view class="anniu-jia">+</view>
...@@ -26,40 +26,40 @@ ...@@ -26,40 +26,40 @@
</view> </view>
</view> </view>
<view class="order-form-view"> <view class="order-form-view">
<view class="dianming-view"> <view class="trade-information">
<view class="dianming-checkbox"></view> <view class="trade-checkbox"></view>
<view class="leixing">店铺</view> <view class="store">店铺</view>
<view class="dianming">杨家黄焖鸡</view> <view class="trade-name">杨家黄焖鸡</view>
</view> </view>
<view class="shangpin-view"> <view class="commodity-information">
<view class="commodity-checkbox"></view> <view class="commodity-checkbox"></view>
<img class="shangpin-tu" src="/src/static/assets/fruit.png" alt="" /> <img class="commodity-picture" src="/src/static/assets/fruit.png" alt="" />
<view class="shangpin-name">招牌黄焖鸡+米饭（土豆+生菜）</view> <view class="commodity-name">招牌黄焖鸡+米饭（土豆+生菜）</view>
<view class="biaoqian">约1000克</view> <view class="label">约1000克</view>
<view class="jiage-view"> <view class="price-information">
<text class="jiage-fuhao">￥</text> <text class="price-symbol">￥</text>
<text class="shangpin-zhengshu">28</text> <text class="price-integer">28</text>
<text class="shangpin-xiaoshu">.8</text> <text class="price-decimals">.8</text>
</view> </view>
<view class="anniu-view"> <view class="quantity-commodity">
<view class="anniu-jian">-</view> <view class="anniu-jian">-</view>
<view class="anniu-shuliang">1</view> <view class="anniu-shuliang">1</view>
<view class="anniu-jia">+</view> <view class="anniu-jia">+</view>
</view> </view>
</view> </view>
</view> </view>
<view class="shangpin-view"> <view class="commodity-information">
<view class="commodity-checkbox"></view> <view class="commodity-checkbox"></view>
<img class="shangpin-tu" src="/src/static/assets/fruit.png" alt="" /> <img class="commodity-picture" src="/src/static/assets/fruit.png" alt="" />
<view class="shangpin-name">招牌黄焖鸡+米饭（土豆+生菜）</view> <view class="commodity-name">招牌黄焖鸡+米饭（土豆+生菜）</view>
<view class="biaoqian">约1000克</view> <view class="label">约1000克</view>
<view class="jiage-view"> <view class="price-information">
<text class="jiage-fuhao">￥</text> <text class="price-symbol">￥</text>
<text class="shangpin-zhengshu">28</text> <text class="price-integer">28</text>
<text class="shangpin-xiaoshu">.8</text> <text class="price-decimals">.8</text>
</view> </view>
<view class="anniu-view"> <view class="quantity-commodity">
<view class="anniu-jian">-</view> <view class="anniu-jian">-</view>
<view class="anniu-shuliang">1</view> <view class="anniu-shuliang">1</view>
<view class="anniu-jia">+</view> <view class="anniu-jia">+</view>
...@@ -68,16 +68,16 @@ ...@@ -68,16 +68,16 @@
</view> </view>
</view> </view>
<view class="jieshuan"> <view class="final-statement">
<view class="jieshuan-checkbox"></view> <view class="final-statement-checkbox"></view>
<text class="checkbox-miaosu">全选</text> <text class="check-all">全选</text>
<view class="heji"> <view class="total">
合计： 合计：
<text class="heji-jiage-fuhao">￥</text> <text class="total-price-symbol">￥</text>
<text class="heji-shangpin-zhengshu">28</text> <text class="total-price-integer">28</text>
<text class="heji-shangpin-xiaoshu">.8</text> <text class="total-price-decimals">.8</text>
</view> </view>
<view class="jieshuan-anniu">去结算(28.8)</view> <view class="final-price-button">去结算(28.8)</view>
</view> </view>
</template> </template>
...@@ -93,33 +93,33 @@ page { ...@@ -93,33 +93,33 @@ page {
.shopping { .shopping {
width: 710rpx; width: 710rpx;
height: auto; height: auto;
padding: 20rpx; // overflow: hidden;
} }
.order-form { .order-form {
width: 750rpx; width: 750rpx;
height: auto; height: auto;
border-radius: 16rpx; border-radius: 16rpx;
padding: 20rpx; padding: 20rpx;
background: #ffffff;
} }
.order-form-view { .order-form-view {
width: 710rpx; width: 710rpx;
height: auto; height: auto;
overflow: hidden;
border-radius: 16rpx; border-radius: 16rpx;
margin-top: 20rpx;
background: #ffffff; background: #ffffff;
} }
.dianming-view { .trade-information {
margin-left: 20rpx; margin-left: 20rpx;
display: flex; display: flex;
} }
.dianming-checkbox { .trade-checkbox {
width: 32rpx; width: 32rpx;
height: 32rpx; height: 32rpx;
margin-top: 30rpx; margin-top: 30rpx;
border-radius: 50%; border-radius: 50%;
background-color: #eb1818;
} }
.leixing { .store {
width: 91rpx; width: 91rpx;
height: 27rpx; height: 27rpx;
border-radius: 8rpx; border-radius: 8rpx;
...@@ -131,7 +131,7 @@ page { ...@@ -131,7 +131,7 @@ page {
margin-top: 33rpx; margin-top: 33rpx;
color: #ffffff; color: #ffffff;
} }
.dianming { .trade-name {
width: 280rpx; width: 280rpx;
height: 28rpx; height: 28rpx;
font-size: 28rpx; font-size: 28rpx;
...@@ -142,18 +142,20 @@ page { ...@@ -142,18 +142,20 @@ page {
} }
.xunhuan-view { .xunhuan-view {
width: 710rpx; width: 710rpx;
// padding-bottom: 40rpx;
border-radius: 16rpx; border-radius: 16rpx;
margin-top: 20rpx; margin-top: 20rpx;
margin-left: 20rpx; margin-left: 20rpx;
background: #ffffff; background: #ffffff;
} }
.shangpin-view { .commodity-information {
width: 710rpx; width: 670rpx;
height: 200rpx; height: auto;
overflow: hidden;
display: flex; display: flex;
border-radius: 16rpx; border-radius: 16rpx;
padding: 20rpx; padding: 20rpx;
margin-top: -23rpx;
background: #ffffff;
} }
.commodity-checkbox { .commodity-checkbox {
width: 32rpx; width: 32rpx;
...@@ -163,14 +165,14 @@ page { ...@@ -163,14 +165,14 @@ page {
background-color: #eb1818; background-color: #eb1818;
} }
.shangpin-tu { .commodity-picture {
width: 170rpx; width: 170rpx;
height: 170rpx; height: 170rpx;
border-radius: 12rpx; border-radius: 12rpx;
margin-left: 22rpx; margin-left: 22rpx;
margin-top: 19rpx; margin-top: 19rpx;
} }
.shangpin-name { .commodity-name {
width: 397rpx; width: 397rpx;
height: 28rpx; height: 28rpx;
font-size: 26rpx; font-size: 26rpx;
...@@ -179,7 +181,7 @@ page { ...@@ -179,7 +181,7 @@ page {
margin-left: 23rpx; margin-left: 23rpx;
margin-top: 31rpx; margin-top: 31rpx;
} }
.biaoqian { .label {
width: 125rpx; width: 125rpx;
height: 40rpx; height: 40rpx;
border-radius: 8rpx; border-radius: 8rpx;
...@@ -191,7 +193,7 @@ page { ...@@ -191,7 +193,7 @@ page {
margin-left: -400rpx; margin-left: -400rpx;
margin-top: 81rpx; margin-top: 81rpx;
} }
.jiage-view { .price-information {
width: 88rpx; width: 88rpx;
height: 36rpx; height: 36rpx;
font-size: 32rpx; font-size: 32rpx;
...@@ -200,19 +202,19 @@ page { ...@@ -200,19 +202,19 @@ page {
margin-left: -130rpx; margin-left: -130rpx;
margin-top: 156rpx; margin-top: 156rpx;
} }
.jiage-fuhao { .price-symbol {
font-weight: 400; font-weight: 400;
font-size: 24rpx; font-size: 24rpx;
} }
.shangpin-zhengshu { .price-integer {
font-weight: 400; font-weight: 400;
font-size: 36rpx; font-size: 36rpx;
} }
.shangpin-xiaoshu { .price-decimals {
font-weight: 400; font-weight: 400;
font-size: 24rpx; font-size: 24rpx;
} }
.anniu-view { .quantity-commodity {
display: flex; display: flex;
width: 134rpx; width: 134rpx;
height: 45rpx; height: 45rpx;
...@@ -248,14 +250,14 @@ page { ...@@ -248,14 +250,14 @@ page {
font-size: 24rpx; font-size: 24rpx;
border-radius: 0rpx 23rpx 23rpx 0rpx; border-radius: 0rpx 23rpx 23rpx 0rpx;
} }
.jieshuan { .final-statement {
width: 750rpx; width: 750rpx;
height: 92rpx; height: 92rpx;
margin-top: 15%; margin-top: 100rpx;
display: flex; display: flex;
background: #fbfbfb; background: #fbfbfb;
} }
.jieshuan-checkbox { .final-statement-checkbox {
width: 32rpx; width: 32rpx;
height: 32rpx; height: 32rpx;
margin-top: 28rpx; margin-top: 28rpx;
...@@ -267,7 +269,7 @@ page { ...@@ -267,7 +269,7 @@ page {
width: var(--wot-checkbox-size, 44rpx) !important; width: var(--wot-checkbox-size, 44rpx) !important;
height: var(--wot-checkbox-size, 44rpx) !important; height: var(--wot-checkbox-size, 44rpx) !important;
} }
.checkbox-miaosu { .check-all {
width: 48rpx; width: 48rpx;
height: 24rpx; height: 24rpx;
font-size: 24rpx; font-size: 24rpx;
...@@ -276,7 +278,7 @@ page { ...@@ -276,7 +278,7 @@ page {
margin-top: 34rpx; margin-top: 34rpx;
margin-left: 21rpx; margin-left: 21rpx;
} }
.heji { .total {
width: 184rpx; width: 184rpx;
height: 36rpx; height: 36rpx;
font-weight: 400; font-weight: 400;
...@@ -286,25 +288,25 @@ page { ...@@ -286,25 +288,25 @@ page {
color: #333333; color: #333333;
display: flex; display: flex;
} }
.heji-jiage-fuhao { .total-price-symbol {
font-weight: 400; font-weight: 400;
font-size: 28rpx; font-size: 28rpx;
margin-left: -20rpx; margin-left: -20rpx;
color: #f12a2a; color: #f12a2a;
} }
.heji-shangpin-zhengshu { .total-price-integer {
font-weight: 400; font-weight: 400;
font-size: 36rpx; font-size: 36rpx;
margin-top: -6rpx; margin-top: -6rpx;
color: #f12a2a; color: #f12a2a;
} }
.heji-shangpin-xiaoshu { .total-price-decimals {
font-weight: 400; font-weight: 400;
font-size: 24rpx; font-size: 24rpx;
margin-top: 6rpx; margin-top: 6rpx;
color: #f12a2a; color: #f12a2a;
} }
.jieshuan-anniu { .final-price-button {
width: 192rpx; width: 192rpx;
height: 74rpx; height: 74rpx;
border-radius: 37rpx; border-radius: 37rpx;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment