T

apps/mall/Tpl/default/Goods/index_w3g.html

 <include file="__THEME__/public_header_w3g"/>
-
-<style>
+<!-- <style>
     .maskbox{position:fixed;left:0;top:100px;width:100%;height:100%;z-index:99;display:none}
     .one-nav-layer{width:100%;overflow:hidden;background-color:#fff;padding-bottom:20px;overflow-y:auto;height:246px;position:relative}
     .one-nav-layer ul{float:left;width:33%;line-height:40px}
@@ -15,8 +14,20 @@
     .malllist .info .num{font-size:13px;line-height:13px}
     .malllist .info .num:nth-child(2){font-size:12px}
 </style>
-<div class="maskbox"></div>
-<div class="body">
+<div class="maskbox"></div> -->
+<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="maskbox"></div> -->
+<!-- <div class="body">
     <ul class="selectul">
         
         <li class="r02 border_sx" name="list_dl" style="width: 50%">
@@ -84,12 +95,10 @@
                                     <a href="{:U("mall/Goods/view",array('id'=>$vo['goods_id']))}">
                                     <img src="{:getCover($vo['cover_ids'],360,360)}" class="lazyloading" alt="{$vo.title}" />
                                     <h3>{$vo.title}</h3>
-                                    <!--<p>{$vo.info|msubstr=0,10, 'utf-8',true}</p>-->
                                     <div class="info">
                                         <div class="num"><span><if condition="in_array('credpay',$payConfig['pay'])">{$vo.price}积分<else/>￥{$vo['price']/$sple_score}</if></span></div>                                        
                                         <div class="num" style="float:right;">库存:{$vo.stock}</div>
                                     </div>
-                                    <!--<div class="places">剩余<span>{$vo.stock}</span>名额</div>-->
                                     </a>
                                 </li>
                             </volist>
@@ -101,9 +110,40 @@
             </div>
         </div>
     </div>
-</div>
+</div> -->
 
 <script>
+	
+	new Vue({
+		el: '#app',
+		data: function() {
+			return {
+				tab: 0,
+				options: [{
+					title: '视频',
+					items: [1,2]
+				},{
+					title: '真题',
+					items: [1,2]
+				},{
+					title: '实物',
+					items: [1,2]
+				}]
+			}
+		},
+		created:function(){
+			document.title = "商城"
+		},
+		computed: {
+			
+		},
+		methods: {
+			onTab: function(idx) {
+				this.tab = idx
+			}
+		}
+	})
+	
     /*确定点击*/
     (function () {
         $(".bd").on("click",".one-nav-layer ul li a",function () {
@@ -188,6 +228,7 @@
             }
             window.location.href = getRequestUrl(type,value,baseUrl);
         });
+		
         function getRequestUrl(field,value,baseUrl){
             //匹配是否有该参数
             var reg = new RegExp("(^|&)" + field + "=([^&]*)(&|$)", "i");