T

apps/classroom/Tpl/default/Index/find_w3g.html

 <include file="__THEME__/public_header_w3g"/>
 <include file="__THEME__/public_header_w3g"/>
 <link rel="stylesheet" href="__THEMEW3G__/css/style.css">
 <link rel="stylesheet" href="__THEMEW3G__/css/style.css">
 <link rel="stylesheet" href="__APP__/css/find_3g.css">
 <link rel="stylesheet" href="__APP__/css/find_3g.css">
-
+<div id="app">
+	<div class="layout_v tab_container">
+		<div class="item_cell layout_h">
+			<div class="layout_h">
+				<van-icon class="self_center" name="../../img/online_shop.png" size="36" ></van-icon>
+				<span class="text_16_600 color_333333 self_center" style="margin-left: 0.5rem;">线上商城</span>
+			</div>
+			<div class="weight_full layout_h_r">
+				<van-icon class="self_center" size="12" name="../../img/right_arrow.png" ></van-icon>
+			</div>
+		</div>
+	</div>
+	<van-tabbar
+		v-model="active" 
+		@change="onChange" 
+		:fixed="true" 
+		:route="false" 
+		:safe-area-inset-bottom="true" 
+		active-color="#65C000"
+		inactive-color="#363636">
+		<van-tabbar-item>
+			<span class="text_10_400">名师课堂</span>
+			<template #icon="props">
+				<img :src="props.active ? '../../img/minshi.png' : '../../img/minshi_s.png'" />
+			</template>
+		</van-tabbar-item>
+		<van-tabbar-item>
+			<span class="text_10_400">真题题库</span>
+			<template #icon="props">
+				<img :src="props.active ? '../../img/zhenti.png' : '../../img/zhenti_s.png'" />
+			</template>
+		</van-tabbar-item>
+		<van-tabbar-item>
+			<span class="text_10_400">考试咨询</span>
+			<template #icon="props">
+				<img :src="props.active ? '../../img/zixun.png' : '../../img/zixun_s.png'" />
+			</template>
+		</van-tabbar-item>
+		<van-tabbar-item>
+			<span class="text_10_400">会员中心</span>
+			<template #icon="props">
+				<img :src="props.active ? '../../img/huiyuan.png' : '../../img/huiyuan_s.png'" />
+			</template>
+		</van-tabbar-item>
+	</van-tabbar>
+</div>
 <div class="my_top">发现</div>
 <div class="my_top">发现</div>
 <hr>
 <hr>
 <section>
 <section>
@@ -96,8 +141,20 @@
   </ul>
   </ul>
 </section>
 </section>
 <script type="text/javascript">
 <script type="text/javascript">
-  $(document).ready(function(){
-    $(".nav_list ul li:eq(2)").addClass("on");
-  });
+	$(function(){
+	    $("#preloader").hide();
+	});
+	new Vue({
+		el: '#app',
+		data: function() {
+			return {
+				active: 2
+			}
+		},
+		methods: {
+			onChange: function(tab) {
+				
+			}
+		}
+	})
 </script>
 </script>
-<include file="__THEME__/public_footer_w3g"/>