47 lines
1.1 KiB
Vue
47 lines
1.1 KiB
Vue
|
<template>
|
|||
|
|
<view>
|
|||
|
|
<view class="u-page">
|
|||
|
|
<!-- 所有内容的容器 -->
|
|||
|
|
</view>
|
|||
|
|
<!-- 与包裹页面所有内容的元素u-page同级，且在它的下方 -->
|
|||
|
|
<u-tabbar v-model="current" :list="list" icon-size='40rpx' active-color='#3996fd' inactive-color="#c8c7cb"></u-tabbar>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
export default {
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
list: [
|
|||
|
|
{
|
|||
|
|
iconPath: require('@/static/tabbar/home.png'),
|
|||
|
|
selectedIconPath:require('@/static/tabbar/home-active.png'),
|
|||
|
|
text: '首页',
|
|||
|
|
customIcon: true,
|
|||
|
|
pagePath:'/pages/index/index2'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
iconPath: require('@/static/tabbar/tiku.png'),
|
|||
|
|
selectedIconPath:require('@/static/tabbar/tiku-act.png'),
|
|||
|
|
text: '题库',
|
|||
|
|
customIcon: true,
|
|||
|
|
pagePath:'/pages/home/home'
|
|||
|
|
}
|
|||
|
|
,{
|
|||
|
|
iconPath: require('@/static/tabbar/my.png'),
|
|||
|
|
selectedIconPath:require('@/static/tabbar/my-active.png'),
|
|||
|
|
text: '我的',
|
|||
|
|
customIcon: true,
|
|||
|
|
pagePath:'/pages/user/usertwo'
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
current: 0
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
<style lang="scss" scoped>
|
|||
|
|
/deep/.u-tabbar__content__item__button{
|
|||
|
|
top: 20rpx !important;
|
|||
|
|
}
|
|||
|
|
</style>
|