|
|
@@ -34,6 +34,39 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
+ <view class="shop-info">
|
|
|
+ <view class="shop-name">浙江瑞琪</view>
|
|
|
+ <view class="product-list">
|
|
|
+ <view class="product">
|
|
|
+ <image class="cover" src="https://picsum.photos/200/200" mode="widthFix"></image>
|
|
|
+ <view class="content">
|
|
|
+ <view class="title">韩国恩盛进口氢洁气小气泡清韩国恩盛盛进口氢洁气小气泡清...</view>
|
|
|
+ <view class="unit">规格：10ml/盒</view>
|
|
|
+ <view class="tags">
|
|
|
+ <view class="tag type1">促销</view>
|
|
|
+ <view class="tag type1">自营</view>
|
|
|
+ <view class="tag type2">活动价</view>
|
|
|
+ </view>
|
|
|
+ <view class="price">
|
|
|
+ <text class="active">￥50.00</text>
|
|
|
+ <text class="deleted">￥80.00</text>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="total">
|
|
|
+ <text>优惠：￥20.00</text>
|
|
|
+ <text>已付：￥0</text>
|
|
|
+ </view>
|
|
|
+ <view class="foot">
|
|
|
+ <view class="price">
|
|
|
+ <text>待付：</text>
|
|
|
+ <text class="active">￥100.00</text>
|
|
|
+ </view>
|
|
|
+ <view class="submit">付款</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
<view class="shop-info">
|
|
|
<view class="shop-name">浙江瑞琪</view>
|
|
|
<view class="product-list">
|
|
|
@@ -110,7 +143,7 @@
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
- modal: true
|
|
|
+ modal: false
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
@@ -130,12 +163,17 @@ export default {
|
|
|
min-height: 100vh;
|
|
|
background: #f7f7f7;
|
|
|
.top-tip {
|
|
|
+ position: sticky;
|
|
|
+ top: 0;
|
|
|
+ z-index: 99;
|
|
|
+ width: 750rpx;
|
|
|
height: 80rpx;
|
|
|
line-height: 80rpx;
|
|
|
padding: 0 24rpx;
|
|
|
background: #fff3f7;
|
|
|
color: #ff457b;
|
|
|
font-size: 26rpx;
|
|
|
+ box-sizing: border-box;
|
|
|
}
|
|
|
|
|
|
.shop-info {
|
yuwenjun1997