修改订单支付页面

pages/order/order-pay.vue

@@ -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 {