T

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

@@ -732,3 +732,28 @@ div::-webkit-scrollbar {
 .color_dianshi {
 	color: #E58F00;
 }
+
+.vip_content {
+	box-sizing: border-box;
+	padding: 0.75rem;
+	height: 6.25rem;
+	margin: 1rem 1.5rem;
+	position: relative;
+	background-size:100% 100%;
+}
+
+.hint_top {
+	position: absolute;
+	right: 0;
+	top: 0;
+}
+
+.vip_price_hint {
+	width: 6.25rem;
+	height: 2rem;
+	background:rgba(255,255,255,1);
+	border-radius: 1rem;
+	position: absolute;
+	right: 0;
+	bottom: 0;
+}
\ No newline at end of file

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

@@ -15,6 +15,20 @@
 				</div>
 			</div>
 		</van-sticky>
+		<div class="vip_content" :style="currentBg">
+			<div class="layout_h">
+				<van-image src="{:getUserFace($user['uid'],b)}" round width="32" height="32" ></van-image>
+				<div class="text_16_600 color_333333 self_center" style="margin-left: 0.5rem;">{:U('home/User/recharge')}</div>
+			</div>
+			<div class="hint_top layout_h">
+				<van-icon size="12" :name="currentHint" ></van-icon>
+				<div :class="currentColor" class="text_12_400 color_primary self_center">{{currentState}}</div>
+			</div>
+			<div class="vip_price_hint layout_center">
+				<span class="text_16_400" :class="currentColor">{{currentPrice}}</span>
+			</div>
+			<div class="text_16_400" :class="currentColor">{{currentCount}} 人已开通</div>
+		</div>
 	</div>
 </div>
 <!-- <div class="page">
@@ -187,11 +201,36 @@
 				}
 				if(opt) {
 					opt.price = r.vip_month + "元/月"
+					opt.rights = r.vip_course
+					opt.id = r.id
 				}
 			})
 		},
 		computed: {
-			
+			currentBg: function() {
+				let opt = this.options[this.tab]
+				return {
+					background: "url(__THEME__/img/" + opt.bg + ")"
+				}
+			},
+			currentHint: function() {
+				let opt = this.options[this.tab]
+				return "__THEME__/img/" + opt.hint
+			},
+			currentColor: function() {
+				let opt = this.options[this.tab]
+				return "__THEME__/img/" + opt.color
+			},
+			currentState: function() {
+				let opt = this.options[this.tab]
+				return opt.title == this.userInfo.vip_title ? "已开通" : "暂未开通"
+			},
+			currentPrice: function() {
+				return this.options[this.tab].price
+			},
+			currentCount: function() {
+				return this.options[this.tab].count
+			}
 		},
 		methods: {
 			onTab: function(idx) {