T

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

@@ -718,3 +718,17 @@ div::-webkit-scrollbar {
 	padding: 0 !important;
 	margin: 0.75rem;
 }
+
+
+/* VIP */
+.color_xiangshi {
+	color: #65C000;
+}
+
+.color_huishi {
+	color: #3364BB;
+}
+
+.color_dianshi {
+	color: #E58F00;
+}
\ No newline at end of file

apps/classroom/Tpl/default/Vip/index_w3g.html

 <include file="__THEME__/public_header_w3g" />
 <script src="__THEMEW3G__/js/flexible.js"></script>
 <link rel="stylesheet" type="text/css" href="__APP__/css/vip_3g.css">
-<div class="page">
+<style>
+	body {
+		padding-bottom: 0 !important;
+	}
+</style>
+<div id="app">
+	<div class="layout_v">
+		<van-sticky>
+			<div class="tabs_container">
+				<div @click="onTab(idx)" v-for="(opt, idx) in options" :key="idx" :class="idx == tab ? 'tab_item_selected' : 'tab_item_normal'">
+					<span>{{opt.title}}</span>
+				</div>
+			</div>
+		</van-sticky>
+	</div>
+</div>
+<!-- <div class="page">
 	<div class="status border-line">
 		<if condition="$_SESSION['mid']">
-			<!-- 登录状态 -->
 			<div class="login-status">
 				<div class="pic">
 					<img class="lazyload" data-original="{:getUserFace($user['uid'],b)}" alt="">
@@ -31,7 +46,6 @@
 				</div>
 			</div>
 			<else />
-			<!-- 未登录状态 -->
 			<div class="login-status">
 				<div class="pic">
 					<img class="lazyload" data-original="__THEME__/images/noavatar/big.jpg" alt="">
@@ -42,10 +56,10 @@
 				</div>
 			</div>
 		</if>
-	</div>
+	</div> -->
 
 	<!-- 会员类型 -->
-	<div class="member-type border-line">
+<!-- 	<div class="member-type border-line">
 		<volist name="vipInfo" id="vip" offset="0">
 			<div class="types-item">
 				<div class="pic">
@@ -56,10 +70,10 @@
 				<div class="price">¥{$vip.vip_year}/年</div>
 			</div>
 		</volist>
-	</div>
+	</div> -->
 
 	<!-- 会员特权 -->
-	<div class="member-priv border-line">
+<!-- 	<div class="member-priv border-line">
 		<div class="member-title">会员特权</div>
 		<div class="priv-tabs">
 			<volist name="vipInfo" id="vip">
@@ -100,10 +114,10 @@
 				</if>
 			</volist>
 		</div>
-	</div>
+	</div> -->
 
 	<!-- 最新会员 -->
-
+<!-- 
 	<div class="member-latest">
 		<div class="member-title">最新会员</div>
 		<div class="latest-grid">
@@ -116,10 +130,54 @@
 				</a>
 			</volist>
 		</div>
-	</div>
+	</div> -->
 </div>
 
 <script>
+	new Vue({
+		el: '#app',
+		data: function() {
+			return {
+				tab: 0,
+				options: [{
+					title: '乡试',
+					color: "color_xiangshi",
+					price: "",
+					count: "",
+					state: "",
+					rights: []
+				},{
+					title: '会试',
+					color: "color_huishi",
+					price: "",
+					count: "",
+					state: "",
+					rights: []
+				},{
+					title: '殿试',
+					color: "color_dianshi",
+					price: "",
+					count: "",
+					state: "",
+					rights: []
+				}]
+			}
+		},
+		created:function(){
+			document.title = "会员信息"
+		},
+		computed: {
+			
+		},
+		methods: {
+			onTab: function(idx) {
+				this.tab = idx
+			},
+		}
+	})
+</script>
+
+<!-- <script>
 	// 会员特权切换
 	$(".member-priv .priv-tabs .item").click(function() {
 		var index = $(this).index();
@@ -132,4 +190,4 @@
         window.location.href = "{:U('course/Video/index')}"+'?vtype=1'+'&vip_id='+id;
     });
 </script>
-<include file="__THEME__/public_footer_w3g" />
+<include file="__THEME__/public_footer_w3g" /> -->

apps/home/Tpl/default/User/index_w3g.html

@@ -60,7 +60,7 @@
 					    <van-icon name="__THEME__/img/collect.png" size="24"></van-icon>
 					</template>
 				</van-cell>
-				<van-cell @click="onCellTap('{:U('home/User/vipCard')}')" class="center_bottom_cell" title-class="text_14_400 color_333333 center_bottom_cell_text" title="会员信息" is-link >
+				<van-cell @click="onCellTap('{:U('classroom/Vip/index')}')" class="center_bottom_cell" title-class="text_14_400 color_333333 center_bottom_cell_text" title="会员信息" is-link >
 					<template #icon>
 						<van-icon name="__THEME__/img/membership.png" size="24"></van-icon>
 					</template>
@@ -440,6 +440,10 @@
 				active: 3
 			}
 		},
+		created:function(){
+			let vipInfo = {:json_encode($vipInfo)};
+			console.log(vipInfo)
+		},
 		mounted:function(){
 			$("#preloader").hide();
 		},