| <template> |
| <view class="life"> |
| <!-- <view class="life-con"> |
| <u-empty text="功能暂未开放" mode="permission"></u-empty> |
| </view> --> |
| <view class="life-ul"> |
| <view class="life-ul-item" v-for="(v,i) in list" :key="i"> |
| <text>{{v.name}}</text> |
| <u-image :src="v.src" mode="widthFix" width="100%"></u-image> |
| </view> |
| </view> |
| <!-- <u-gap height="70"></u-gap> --> |
| <u-tabbar :list="vuex_tabbar" :mid-button="true" active-color="#2FA8E1" inactive-color="#999999" @change="changeTabbar"></u-tabbar> |
| </view> |
| </template> |
| |
| <script> |
| export default { |
| data() { |
| return { |
| list:[{ |
| name:'洱海', |
| src:'/static/images/life/erhai.jpg' |
| }, |
| { |
| name:'丽江', |
| src:'/static/images/life/lijiang.jpg' |
| }, |
| { |
| name:'香格里拉', |
| src:'/static/images/life/xianggelila.jpg' |
| }, |
| { |
| name:'玉龙雪山', |
| src:'/static/images/life/yulongxueshan.jpg' |
| }] |
| } |
| }, |
| methods: { |
| |
| } |
| } |
| </script> |
| |
| <style lang="scss" scoped> |
| .life{ |
| padding: 30rpx; |
| overflow: hidden; |
| &-con{ |
| margin-top: 30vh; |
| display: flex; |
| justify-content: center; |
| font-size: 50rpx; |
| font-family: "PingFang-SC-Medium"; |
| } |
| &-ul{ |
| &-item{ |
| margin-bottom: 30rpx; |
| text{ |
| display: block; |
| margin-bottom: 20rpx; |
| font-size: 36rpx; |
| font-weight: bold; |
| } |
| } |
| } |
| } |
| |
| </style> |