A

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

@@ -986,3 +986,9 @@ div::-webkit-scrollbar {
 .income_item {
 .income_item {
 	padding: 0.75rem;
 	padding: 0.75rem;
 }
 }
+
+/* order */
+.order_image_item {
+	background:rgba(255,255,255,1);
+	border-radius: 0.5rem;
+}
\ No newline at end of file

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

@@ -14,68 +14,20 @@
 			title-inactive-color="#333333" 
 			title-inactive-color="#333333" 
 			title-active-color="#A3E460">
 			title-active-color="#A3E460">
 			
 			
-			<van-tab>
+			<van-tab v-for="(opt, index) in options" :key="index">
 				
 				
-				<span slot="title" v-bind:class="tab == 0 ? 'tab_text_selected' : 'tab_text_normal'">
-					待支付
+				<span slot="title" v-bind:class="tab == index ? 'tab_text_selected' : 'tab_text_normal'">
+					{{opt.title}}
 				</span>
 				</span>
 				
 				
-				<div class="layout_h zhenti_tab">
-					<div @click="onInnerTab(0)" class="layout_center weight_full" :class="innerTab == 0 ? 'zhenti_tab_selected' : 'zhenti_tab_normal'">课程订单</div>
-					<div @click="onInnerTab(1)" class="layout_center weight_full" :class="innerTab == 1 ? 'zhenti_tab_selected' : 'zhenti_tab_normal'">考题订单</div>
-					<div @click="onInnerTab(2)" class="layout_center weight_full" :class="innerTab == 2 ? 'zhenti_tab_selected' : 'zhenti_tab_normal'">商城订单</div>
+				<div v-if="opt.options" class="layout_h zhenti_tab">
+					<div v-for="(innerOpt, idx) in opt.options" :key="idx" @click="onInnerTab(idx)" class="layout_center weight_full" :class="innerTab == idx ? 'zhenti_tab_selected' : 'zhenti_tab_normal'">{{innerOpt.title}}</div>
 				</div>
 				</div>
 				
 				
 				<div class="layout_v">
 				<div class="layout_v">
+					<div class="order_image_item layout_v">
 						
 						
 					</div>
 					</div>
-				
-			</van-tab>
-			
-			<van-tab>
-				
-				<span slot="title" v-bind:class="tab == 1 ? 'tab_text_selected' : 'tab_text_normal'">
-					待发货
-				</span>
-				
-				<div class="layout_v">
-					
-				</div>
-				
-			</van-tab>
-			
-			<van-tab>
-				
-				<span slot="title" v-bind:class="tab == 2 ? 'tab_text_selected' : 'tab_text_normal'">
-					待收货
-				</span>
-				
-				<div class="layout_v">
-					
-				</div>
-				
-			</van-tab>
-			
-			<van-tab>
-				
-				<span slot="title" v-bind:class="tab == 3 ? 'tab_text_selected' : 'tab_text_normal'">
-					已完成
-				</span>
-				
-				<div class="layout_v">
-					
-				</div>
-				
-			</van-tab>
-			
-			<van-tab>
-				
-				<span slot="title" v-bind:class="tab == 4 ? 'tab_text_selected' : 'tab_text_normal'">
-					已取消
-				</span>
-				
-				<div class="layout_v">
-					
 				</div>
 				</div>
 				
 				
 			</van-tab>
 			</van-tab>
@@ -91,7 +43,34 @@
 		data: function() {
 		data: function() {
 			return {
 			return {
 				tab: 0,
 				tab: 0,
-				innerTab: 0
+				innerTab: 0,
+				options: [{
+					title: "待支付",
+					options: [{
+						title: "课程订单",
+						items: []
+					},
+					{
+						title: "考题订单",
+						items: []
+					},
+					{
+						title: "商城订单",
+						items: []
+					}]
+				},{
+					title: "待发货",
+					items: []
+				},{
+					title: "待收货",
+					items: []
+				},{
+					title: "已完成",
+					items: []
+				},{
+					title: "已取消",
+					items: []
+				}]
 			}
 			}
 		},
 		},
 		mounted:function(){
 		mounted:function(){
@@ -102,7 +81,7 @@
 				
 				
 			},
 			},
 			onInnerTab: function(tab) {
 			onInnerTab: function(tab) {
-				
+				this.innerTab = tab
 			}
 			}
 		},
 		},
 	})
 	})