添加页面及部分多语言切换

This commit is contained in:
浅念
2025-03-15 15:46:16 +08:00
parent 36ee43c61b
commit f050f7cd4d
19 changed files with 1126 additions and 302 deletions
+72 -20
View File
@@ -1,6 +1,6 @@
<template>
<view class="contents">
<view class="navbar">我的</view>
<view class="navbar">{{$t('mine.title')}}</view>
<view class="content">
<view class="contop">
<view class="">
@@ -20,50 +20,55 @@
<view class="bottomCon">
<view class="sonContent" @click="navTo('/pages/mine/massege')">
<image class="son-img-bg" src="/static/image/mine/icon1.png"></image>
<span>消息通知</span>
<span>{{$t('mine.msg')}}</span>
<view class="">
<u-badge :value="9" type="error" style="display: inline-block;"></u-badge>
<uni-icons type="right" size="18"></uni-icons>
</view>
</view>
<view class="sonContent" @click="navTo('/pages/mine/drafts')">
<view class="sonContent" @click="navTo('/pages/mine/resetPwd')">
<image class="son-img-bg" src="/static/image/mine/icon2.png"></image>
<span>修改密码</span>
<span>{{$t('mine.cpassword')}}</span>
<uni-icons type="right" size="18"></uni-icons>
</view>
<view class="sonContent" @click="navTo('/pages/mine/soldList')">
<view class="sonContent" @click="show=true">
<image class="son-img-bg" src="/static/image/mine/icon3.png"></image>
<span>联系客服</span>
<span>{{$t('mine.contact')}}</span>
<uni-icons type="right" size="18"></uni-icons>
</view>
<view class="sonContent" @click="navTo('/pages/mine/mycarSource')">
<view class="sonContent" @click="navTo('/pages/mine/feedback')">
<image class="son-img-bg" src="/static/image/mine/icon4.png"></image>
<span>意见反馈</span>
<span>{{$t('mine.feedback')}}</span>
<uni-icons type="right" size="18"></uni-icons>
</view>
<view class="sonContent" @click="navTo('/pages/mine/drafts')">
<view class="sonContent" @click="navTo('/pages/mine/about')">
<image class="son-img-bg" src="/static/image/mine/icon5.png"></image>
<span>关于我们</span>
<span>{{$t('mine.about')}}</span>
<uni-icons type="right" size="18"></uni-icons>
</view>
<view class="sonContent" @click="navTo('/pages/mine/soldList')">
<view class="sonContent" @click="navTo('/pages/mine/logoff')">
<image class="son-img-bg" src="/static/image/mine/icon6.png"></image>
<span>注销账户</span>
<span>{{$t('mine.logoff')}}</span>
<uni-icons type="right" size="18"></uni-icons>
</view>
<view class="sonContent" @click="navTo('/pages/mine/soldList')">
<view class="sonContent" @click="navTo('/pages/login/index')">
<image class="son-img-bg" src="/static/image/mine/icon7.png"></image>
<span>退出登录</span>
<span>{{$t('mine.logout')}}</span>
<uni-icons type="right" size="18"></uni-icons>
</view>
<!-- <view class="sonContent1" @click="goout">
<span>退出当前账号</span>
</view> -->
<!-- <button v-else="is_login" class="logobtn" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">一键登录</button> -->
</view>
</view>
<!-- 联系客服弹框 -->
<u-popup :show="show" :closeOnClickOverlay="false" :round="20" mode="center">
<view class="popupcontent">
<image class="log1" src="/static/image/mine/kefu.png"></image>
<view class="title">{{$t('mine.kfphone')}}</view>
<view class="calls">13545678952</view>
<button class="btn" @click="callPhone()">{{$t('call')}}</button>
</view>
</u-popup>
</view>
</template>
@@ -73,7 +78,6 @@
data() {
return {
userinfo:'',
is_login:uni.getStorageSync('is_login'),
show: false
}
},
@@ -93,6 +97,26 @@
url: url
});
},
// 拨打电话
callPhone(phoneNumber) {
this.show = false;
if (!phoneNumber) {
uni.showToast({
title: '请输入电话号码',
icon: 'none',
});
return;
}
uni.makePhoneCall({
phoneNumber: phoneNumber,
success: () => {
console.log('拨打电话成功');
},
fail: (err) => {
console.log('拨打电话失败', err);
},
});
},
}
}
</script>
@@ -215,5 +239,33 @@
}
}
}
.popupcontent{
padding: 20px 30px;
background: linear-gradient(to bottom, #B1C8FF, #ffffff);
border-radius: 10px;
text-align: center;
color: #333333;
.title{
font-size: 32rpx;
}
.calls{
color: #3471FF;
font-size: 40rpx;
margin: 10px 0px;
}
image{
width: 360rpx;
height:360rpx;
}
.btn{
background: linear-gradient(to right, #3471FF, #6776FF);
color: white;
border-radius: 50px;
width: 100%;
margin-top: 30px;
height: 80rpx;
line-height: 80rpx;
font-size: 30rpx;
}
}
</style>