| | |
| | | <view class="flex justify-between align-center mt-15"> |
| | | <text class="flex justify-start font-12 red mt-10">¥400.00</text> |
| | | <view class="flex align-center justify-end mt-10"> |
| | | <text class="blue-btn-circle mr-10">-</text> |
| | | <text class="font-12">1</text> |
| | | <text class="blue-btn-circle ml-10 mr-0">+</text> |
| | | <text class="iconfont iconjian blue-outline-btn-circle mr-10"></text> |
| | | <text>1</text> |
| | | <text class="iconfont iconjia blue-btn-circle ml-10"></text> |
| | | </view> |
| | | </view> |
| | | </view> |
| | |
| | | <view class="flex justify-between align-center mt-15"> |
| | | <text class="flex justify-start font-12 red mt-10">¥400.00</text> |
| | | <view class="flex align-center justify-end mt-10"> |
| | | <text class="blue-btn-circle mr-10">-</text> |
| | | <text class="font-12">1</text> |
| | | <text class="blue-btn-circle ml-10 mr-0">+</text> |
| | | <text class="iconfont iconjian blue-outline-btn-circle mr-10"></text> |
| | | <text>1</text> |
| | | <text class="iconfont iconjia blue-btn-circle ml-10"></text> |
| | | </view> |
| | | </view> |
| | | </view> |
| | |
| | | </view> |
| | | <view class="shopping flex align-center justify-between"> |
| | | <view class="flex align-center"> |
| | | <view class="shopping-icon iconfont icongouwuche gray" @click="openShoppingCart"> |
| | | <view class="shopping-icon iconfont iconicongouwuche gray" @click="openShoppingCart"> |
| | | <view class="shopping-icon-num flex align-center justify-center"> |
| | | <text class="font-10">19</text> |
| | | </view> |
| | |
| | | <view class="popup-header flex justify-between"> |
| | | <text class="font-16 blue">已选商品</text> |
| | | <view class="flex align-center"> |
| | | <text class="icon iconfont iconlajixiang_huaban1 gray"></text> |
| | | <view class="popup-header-icon iconfont iconlajixiang_huaban1 gray"></view> |
| | | <text class="font-16 gray">清空</text> |
| | | </view> |
| | | <view> |
| | | <image src="../../static/images/product.jpg"></image> |
| | | <view></view> |
| | | </view> |
| | | <view class="popup-row flex align-center"> |
| | | <image class="popup-row-img" mode="aspectFill" src="../../static/images/product.jpg"></image> |
| | | <view class="popup-row-right"> |
| | | <text class="flex justify-start font-12">肽妍氨基酸平衡基础洁面乳</text> |
| | | <view class="flex justify-between align-center"> |
| | | <text class="flex justify-start font-12 red">¥400.00</text> |
| | | <view class="flex align-center justify-end"> |
| | | <text class="iconfont iconjian blue-outline-btn-circle mr-10 center"></text> |
| | | <text>1</text> |
| | | <text class="iconfont iconjia blue-btn-circle ml-10 center"></text> |
| | | </view> |
| | | </view> |
| | | </view> |
| | | </view> |
| | | <view class="popup-end flex align-center justify-between"> |
| | | <view class="flex align-center"> |
| | | <view class="shopping-icon iconfont iconicongouwuche gray" @click="openShoppingCart"> |
| | | <view class="shopping-icon-num flex align-center justify-center"> |
| | | <text class="font-10">19</text> |
| | | </view> |
| | | </view> |
| | | <text class="font-14 blue ml-10">¥110.00</text> |
| | | </view> |
| | | <button class="blue-btn btn mr-0" @click="linkTo('./confirmOrder')">提交订单</button> |
| | | </view> |
| | | </view> |
| | | </uni-popup> |
| | |
| | | height: 81px; |
| | | } |
| | | .shopping{ |
| | | padding: 20px 10px; |
| | | padding: 10px 10px; |
| | | box-shadow:0 6px 100px rgba(237,234,244,1); |
| | | } |
| | | .shopping-icon{ |
| | |
| | | } |
| | | .btn{ |
| | | border-radius: 20px; |
| | | line-height: 30px; |
| | | line-height: 34px; |
| | | padding: 0 24px; |
| | | font-size: 14px; |
| | | } |
| | | .popup-content{ |
| | |
| | | border-top-right-radius: 8px; |
| | | padding: 10px; |
| | | } |
| | | .icon{ |
| | | font-size: 20px; |
| | | } |
| | | .popup-header{ |
| | | padding: 0 5px 10px; |
| | | border-bottom: 1px solid #EDEAF4; |
| | | } |
| | | .popup-header-icon{ |
| | | width: 20px; |
| | | height: 20px; |
| | | } |
| | | .popup-row{ |
| | | border-bottom: 1px solid #EDEAF4; |
| | | padding: 10px 5px; |
| | | } |
| | | .popup-row-img{ |
| | | width: 40px; |
| | | height: 40px; |
| | | } |
| | | .popup-row-right{ |
| | | width: 100%; |
| | | } |
| | | .popup-end{ |
| | | padding: 10px 0; |
| | | } |
| | | </style> |