| guangchao.xu | 070005a | 2020-12-07 09:56:40 +0800 | [diff] [blame] | 1 | <template> |
| 2 | <view class="life"> |
| 3 | <!-- <view class="life-con"> |
| 4 | <u-empty text="功能暂未开放" mode="permission"></u-empty> |
| 5 | </view> --> |
| 6 | <view class="life-ul"> |
| 7 | <view class="life-ul-item" v-for="(v,i) in list" :key="i"> |
| 8 | <text>{{v.name}}</text> |
| 9 | <u-image :src="v.src" mode="widthFix" width="100%"></u-image> |
| 10 | </view> |
| 11 | </view> |
| 12 | <!-- <u-gap height="70"></u-gap> --> |
| 13 | <u-tabbar :list="vuex_tabbar" :mid-button="true" active-color="#2FA8E1" inactive-color="#999999" @change="changeTabbar"></u-tabbar> |
| 14 | </view> |
| 15 | </template> |
| 16 | |
| 17 | <script> |
| 18 | export default { |
| 19 | data() { |
| 20 | return { |
| 21 | list:[{ |
| 22 | name:'洱海', |
| 23 | src:'/static/images/life/erhai.jpg' |
| 24 | }, |
| 25 | { |
| 26 | name:'丽江', |
| 27 | src:'/static/images/life/lijiang.jpg' |
| 28 | }, |
| 29 | { |
| 30 | name:'香格里拉', |
| 31 | src:'/static/images/life/xianggelila.jpg' |
| 32 | }, |
| 33 | { |
| 34 | name:'玉龙雪山', |
| 35 | src:'/static/images/life/yulongxueshan.jpg' |
| 36 | }] |
| 37 | } |
| 38 | }, |
| 39 | methods: { |
| 40 | |
| 41 | } |
| 42 | } |
| 43 | </script> |
| 44 | |
| 45 | <style lang="scss" scoped> |
| 46 | .life{ |
| 47 | padding: 30rpx; |
| 48 | overflow: hidden; |
| 49 | &-con{ |
| 50 | margin-top: 30vh; |
| 51 | display: flex; |
| 52 | justify-content: center; |
| 53 | font-size: 50rpx; |
| 54 | font-family: "PingFang-SC-Medium"; |
| 55 | } |
| 56 | &-ul{ |
| 57 | &-item{ |
| 58 | margin-bottom: 30rpx; |
| 59 | text{ |
| 60 | display: block; |
| 61 | margin-bottom: 20rpx; |
| 62 | font-size: 36rpx; |
| 63 | font-weight: bold; |
| 64 | } |
| 65 | } |
| 66 | } |
| 67 | } |
| 68 | |
| 69 | </style> |