|
|
@@ -22,7 +22,7 @@
|
|
|
</view>
|
|
|
|
|
|
<view class="username" v-else >
|
|
|
- <view class="name" :style="elderStatus ? 'font-size: 28px;' : ''">
|
|
|
+ <view class="name" >
|
|
|
{{userId ? nickName : '登录 / 注册'}}
|
|
|
</view>
|
|
|
<view class="change" :style="elderStatus ? 'font-size: 16px;' : ''">
|
|
|
@@ -283,6 +283,28 @@
|
|
|
我要加盟
|
|
|
</view>
|
|
|
</view>
|
|
|
+
|
|
|
+ <view class="item" @click="Subscribe">
|
|
|
+ <view class="item-icon" style="line-height: 52rpx;">
|
|
|
+
|
|
|
+ <u-icon name="weixin-circle-fill" size="24px" ></u-icon>
|
|
|
+
|
|
|
+ </view>
|
|
|
+ <view class="item-name " oldstyle="font-size: 16px;">
|
|
|
+ 公众号
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="item" @click="setOld">
|
|
|
+ <view class="item-icon" style="line-height: 52rpx;">
|
|
|
+
|
|
|
+ <u-icon name="man-add" size="24px" ></u-icon>
|
|
|
+
|
|
|
+ </view>
|
|
|
+ <view class="item-name " oldstyle="font-size: 16px;">
|
|
|
+ 长者模式
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
<view class="item" @click="setUp">
|
|
|
<view class="item-icon" style="line-height: 52rpx;">
|
|
|
|
|
|
@@ -302,6 +324,41 @@
|
|
|
</view>
|
|
|
</view> -->
|
|
|
</view>
|
|
|
+ <u-modal v-model="show1" @confirm="gotoGz" cancel-text="暂不关注" confirm-text="前往关注" confirm-color="#53b56b"
|
|
|
+ :show-cancel-button="true" ref="uModal2" :asyncClose="true">
|
|
|
+ <view style="padding: 15px; text-align: center; ">前往关注<span style=" color: #53b56b;">{{projectName}}</span>公众号</view>
|
|
|
+
|
|
|
+
|
|
|
+ </u-modal>
|
|
|
+ <u-mask :show="show2">
|
|
|
+
|
|
|
+ <view class="wrap">
|
|
|
+
|
|
|
+
|
|
|
+ <view class="shema" @tap.stop>
|
|
|
+ <view class="title">
|
|
|
+ 设置浏览模式
|
|
|
+ </view>
|
|
|
+ <view class="">
|
|
|
+ <u-radio-group v-model="value">
|
|
|
+ <u-radio v-for="(item, index) in list" :key="index" :name="item.name"
|
|
|
+ :disabled="item.disabled" active-color="#00B962">
|
|
|
+ {{item.name}}
|
|
|
+ <p v-if="item.name == '长辈模式'">字体更大 看的清楚</p>
|
|
|
+ <p v-if="item.name == '标准模式'">信息丰富 功能全面</p>
|
|
|
+ </u-radio>
|
|
|
+
|
|
|
+ </u-radio-group>
|
|
|
+ </view>
|
|
|
+ <view class="hint">可在 {{""}}我的-设置 {{""}}页面中切换</view>
|
|
|
+ <view class="btn-box">
|
|
|
+ <u-button class="choice-btn" type="success" shape="circle"
|
|
|
+ @click="elderClick">我选好了</u-button>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </u-mask>
|
|
|
+
|
|
|
<Tabbar :current="3" ref="tabbarMain" :elderStatus="elderStatus"></Tabbar>
|
|
|
</view>
|
|
|
</template>
|
|
|
@@ -325,6 +382,7 @@
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
+ projectName: "",
|
|
|
userCard:null,
|
|
|
recordsTotal: 0,
|
|
|
myCouponList: [],
|
|
|
@@ -341,6 +399,21 @@
|
|
|
confirmText: '拨打电话',
|
|
|
bannerList:[],
|
|
|
businessVipList:[],
|
|
|
+
|
|
|
+ list: [{
|
|
|
+ name: '长辈模式',
|
|
|
+ disabled: false
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '标准模式',
|
|
|
+ disabled: false
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ // u-radio-group的v-model绑定的值如果设置为某个radio的name，就会被默认选中
|
|
|
+ value: '长辈模式',
|
|
|
+
|
|
|
+ show1: false,
|
|
|
+ show2: false,
|
|
|
background:{
|
|
|
background: 'none'
|
|
|
},
|
|
|
@@ -402,9 +475,44 @@
|
|
|
if(consumerPhone){
|
|
|
this.content=consumerPhone
|
|
|
}
|
|
|
-
|
|
|
+ this.value=this.carhelp.get("getElderModeClass");
|
|
|
},
|
|
|
methods: {
|
|
|
+ elderClick() {
|
|
|
+ if (this.value == "长辈模式") {
|
|
|
+ this.elderStatus = true;
|
|
|
+ this.carhelp.set("getElderModeClass", "长辈模式");
|
|
|
+ this.fontMode = '1';
|
|
|
+ } else {
|
|
|
+ this.elderStatus = false;
|
|
|
+ this.carhelp.set("getElderModeClass", "标准模式");
|
|
|
+ this.fontMode = '0';
|
|
|
+ }
|
|
|
+
|
|
|
+ API.changeFont({
|
|
|
+ fontMode: this.fontMode
|
|
|
+ }).then((res) => {
|
|
|
+ this.show2 = false;
|
|
|
+ }).catch(error => {
|
|
|
+ uni.showToast({
|
|
|
+ title: error,
|
|
|
+ icon: "none"
|
|
|
+ })
|
|
|
+ })
|
|
|
+ },
|
|
|
+ gotoGz() {
|
|
|
+ this.carhelp.setGzDate()
|
|
|
+ var url = "https://mp.weixin.qq.com/s/mCHz1nNvg0xAICiBeIyKRQ";
|
|
|
+ window.location.href = url
|
|
|
+
|
|
|
+ },
|
|
|
+ Subscribe(){
|
|
|
+ this.projectName = process.car.ProjectName;
|
|
|
+ this.show1 = true
|
|
|
+ },
|
|
|
+ setOld(){
|
|
|
+ this.show2 = true;
|
|
|
+ },
|
|
|
|
|
|
personalCenter(){
|
|
|
API.personalCenter().then((res2) => {
|
|
|
@@ -1142,4 +1250,81 @@
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+
|
|
|
+ .shema {
|
|
|
+ width: 70%;
|
|
|
+ padding-bottom: 20px;
|
|
|
+ border-radius: 16px;
|
|
|
+ background-color: #fff;
|
|
|
+ position: fixed;
|
|
|
+ top: 100px;
|
|
|
+ left: 0;
|
|
|
+ right: 0;
|
|
|
+ margin: 0 auto;
|
|
|
+ z-index: 9999;
|
|
|
+
|
|
|
+ .title {
|
|
|
+ height: 33px;
|
|
|
+ color: rgba(16, 16, 16, 100);
|
|
|
+ font-size: 24px;
|
|
|
+ text-align: center;
|
|
|
+ padding: 16px 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .u-radio-group {
|
|
|
+ margin: 16px 5vw;
|
|
|
+ }
|
|
|
+
|
|
|
+ /deep/.u-radio {
|
|
|
+ width: 60vw !important;
|
|
|
+
|
|
|
+ padding: 24px 24px 40px;
|
|
|
+ line-height: 20px;
|
|
|
+ border-radius: 16px;
|
|
|
+ text-align: center;
|
|
|
+ border: #101010 1px solid;
|
|
|
+ margin-top: 12px;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ /deep/ .u-radio__label {
|
|
|
+ text-align: left;
|
|
|
+ height: 24px;
|
|
|
+ // color: rgba(0, 185, 98, 100);
|
|
|
+ font-size: 24px;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ p {
|
|
|
+
|
|
|
+ height: 22px;
|
|
|
+ color: rgba(102, 102, 102, 100);
|
|
|
+ font-size: 14px;
|
|
|
+ margin-top: 12px;
|
|
|
+ white-space: nowrap
|
|
|
+ }
|
|
|
+
|
|
|
+ .hint {
|
|
|
+ text-align: center;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .btn-box {
|
|
|
+ margin-top: 20px;
|
|
|
+
|
|
|
+ .choice-btn {
|
|
|
+ width: 80%;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .wrap {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ height: 100%;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
</style>
|
zhengkaixin