更新大理市民卡app
diff --git a/pages/sub_tabbar/life.vue b/pages/sub_tabbar/life.vue
new file mode 100644
index 0000000..a03c0f9
--- /dev/null
+++ b/pages/sub_tabbar/life.vue
@@ -0,0 +1,69 @@
+<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>