A

addons/theme/stv1/_static_w3g/css/common.css

@@ -992,3 +992,33 @@ div::-webkit-scrollbar {
 	background:rgba(255,255,255,1);
 	background:rgba(255,255,255,1);
 	border-radius: 0.5rem;
 	border-radius: 0.5rem;
 }
 }
+
+.order_action_bar {
+	padding: 0.75rem;
+}
+
+.order_action_hollow {
+	width: 5rem;
+	height: 1.75rem;
+	border-radius: 0.875rem;
+	border:1px solid rgba(204,204,204,1);
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	font-size:14px;
+	font-weight:400;
+	color:rgba(153,153,153,1);
+}
+
+.order_action_solid {
+	width: 5rem;
+	height: 1.75rem;
+	background:rgba(163,228,96,1);
+	border-radius: 0.875rem;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	font-size:14px;
+	font-weight:400;
+	color:rgba(255,255,255,1);
+}
\ No newline at end of file

apps/home/Tpl/default/Home/order_w3g.html

@@ -7,7 +7,7 @@
 			v-model="tab" 
 			v-model="tab" 
 			sticky 
 			sticky 
 			@change="onTopTab" 
 			@change="onTopTab" 
-			line-width="72px" 
+			line-width="54px" 
 			line-height="4px" 
 			line-height="4px" 
 			background="white"
 			background="white"
 			color="#A3E460" 
 			color="#A3E460" 
@@ -26,7 +26,24 @@
 				
 				
 				<div class="layout_v">
 				<div class="layout_v">
 					<div class="order_image_item layout_v">
 					<div class="order_image_item layout_v">
-						
+						<div class="layout_h">
+							<van-image height="72" width="128" fit="cover" src="https://img.yzcdn.cn/vant/cat.jpeg" ></van-image>
+							<div class="layout_h_b weight_full" style="margin-left: 0.75rem;">
+								<span class="text_14_600 color_333333">[班级课程]透视理论01——认识透视</span>
+								<span class="text_14_600 color_FF3B3B">¥100</span>
+							</div>
+						</div>
+						<div class="divider"></div>
+						<div class="order_action_bar layout_h_b">
+							<div class="weight_full layout_h">
+								<span class="text_12_400 color_333333">应付款：</span>
+								<span class="text_14_600 color_FF3B3B">¥100</span>
+							</div>
+							<div class="layout_h_r">
+								<div v-if="showSolid(index)" class="order_action_solid" style="margin-left: 0.75rem;">去支付</div>
+								<div v-if="showHollow(index)" class="order_action_hollow">{{hollowText(index)}}</div>
+							</div>
+						</div>
 					</div>
 					</div>
 				</div>
 				</div>
 				
 				
@@ -76,6 +93,17 @@
 		mounted:function(){
 		mounted:function(){
 			$("#preloader").hide()
 			$("#preloader").hide()
 		},
 		},
+		computed: {
+			showHollow: function(index) {
+				return index != 1 && index != 2
+			},
+			showSolid: function(index) {
+				return index == 0
+			},
+			hollowText: function(index) {
+				return index == 0 ? '取消订单' : '删除订单'
+			}
+		},
 		methods: {
 		methods: {
 			onTopTab: function(tab) {
 			onTopTab: function(tab) {