Commit fc7d7bf6 by 陈超

A

parent 1925dbbd
...@@ -35,42 +35,44 @@ ...@@ -35,42 +35,44 @@
</li> </li>
</ul> </ul>
</nav> --> </nav> -->
<van-tabbar <div id="nav">
v-model="active" <van-tabbar
@change="onChange" v-model="active"
:fixed="true" @change="onChange"
:route="false" :fixed="true"
:safe-area-inset-bottom="true" :route="false"
active-color="#65C000" :safe-area-inset-bottom="true"
inactive-color="#363636"> active-color="#65C000"
<van-tabbar-item> inactive-color="#363636">
<span class="text_10_400">名师课堂</span> <van-tabbar-item>
<template #icon="props"> <span class="text_10_400">名师课堂</span>
<img :src="props.active ? '__THEME__/img/minshi.png' : '__THEME__/img/minshi_s.png'" /> <template #icon="props">
</template> <img :src="props.active ? '__THEME__/img/minshi.png' : '__THEME__/img/minshi_s.png'" />
</van-tabbar-item> </template>
<van-tabbar-item> </van-tabbar-item>
<span class="text_10_400">真题题库</span> <van-tabbar-item>
<template #icon="props"> <span class="text_10_400">真题题库</span>
<img :src="props.active ? '__THEME__/img/zhenti.png' : '__THEME__/img/zhenti_s.png'" /> <template #icon="props">
</template> <img :src="props.active ? '__THEME__/img/zhenti.png' : '__THEME__/img/zhenti_s.png'" />
</van-tabbar-item> </template>
<van-tabbar-item> </van-tabbar-item>
<span class="text_10_400">考试咨询</span> <van-tabbar-item>
<template #icon="props"> <span class="text_10_400">考试咨询</span>
<img :src="props.active ? '__THEME__/img/zixun.png' : '__THEME__/img/zixun_s.png'" /> <template #icon="props">
</template> <img :src="props.active ? '__THEME__/img/zixun.png' : '__THEME__/img/zixun_s.png'" />
</van-tabbar-item> </template>
<van-tabbar-item> </van-tabbar-item>
<span class="text_10_400">会员中心</span> <van-tabbar-item>
<template #icon="props"> <span class="text_10_400">会员中心</span>
<img :src="props.active ? '__THEME__/img/huiyuan.png' : '__THEME__/img/huiyuan_s.png'" /> <template #icon="props">
</template> <img :src="props.active ? '__THEME__/img/huiyuan.png' : '__THEME__/img/huiyuan_s.png'" />
</van-tabbar-item> </template>
</van-tabbar> </van-tabbar-item>
</van-tabbar>
</div>
<script type="text/javascript"> <script type="text/javascript">
new Vue({ new Vue({
el: '#app', el: '#nav',
data: function() { data: function() {
return { return {
active: 0 active: 0
......
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