Commit fe20ab07 by 冷斌

设置

parent 8389d52b
...@@ -4,26 +4,27 @@ ...@@ -4,26 +4,27 @@
padding: 0 !important; padding: 0 !important;
} }
</style> </style>
<php>var_dump($data)</php>
<div id="app"> <div id="app">
<div class="layout_v"> <div class="layout_v">
<van-tabs <van-tabs
:border="false" :border="false"
v-model="tab" v-model="tab"
sticky sticky
@change="onTopTab" @change="onTopTab"
line-width="54px" line-width="54px"
line-height="4px" line-height="4px"
background="white" background="white"
color="#A3E460" color="#A3E460"
title-inactive-color="#333333" title-inactive-color="#333333"
title-active-color="#A3E460"> title-active-color="#A3E460">
<van-tab v-for="(opt, index) in options" :key="index"> <van-tab v-for="(opt, index) in options" :key="index">
<span slot="title" v-bind:class="tab == index ? 'tab_text_selected' : 'tab_text_normal'"> <span slot="title" v-bind:class="tab == index ? 'tab_text_selected' : 'tab_text_normal'">
{{opt.title}} {{opt.title}}
</span> </span>
<div class="layout_v" :class="opt.options ? 'order_inner_tab_container' : ''"> <div class="layout_v" :class="opt.options ? 'order_inner_tab_container' : ''">
<div v-if="opt.options" class="layout_h order_inner_tab" style="background: white;z-index: 220;"> <div v-if="opt.options" class="layout_h order_inner_tab" style="background: white;z-index: 220;">
<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 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>
...@@ -69,15 +70,15 @@ ...@@ -69,15 +70,15 @@
</template> </template>
<include file="__THEME__/empty_view_w3g"/> <include file="__THEME__/empty_view_w3g"/>
</div> </div>
</van-tab> </van-tab>
</van-tabs> </van-tabs>
</div> </div>
</div> </div>
<script> <script>
new Vue({ new Vue({
el: "#app", el: "#app",
data: function() { data: function() {
...@@ -153,14 +154,14 @@ ...@@ -153,14 +154,14 @@
}, },
methods: { methods: {
onTopTab: function(tab) { onTopTab: function(tab) {
}, },
onInnerTab: function(tab) { onInnerTab: function(tab) {
this.innerTab = tab this.innerTab = tab
} }
}, },
}) })
</script> </script>
<include file="__THEME__/public_footer_w3g"/> <include file="__THEME__/public_footer_w3g"/>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment