添加页面及部分多语言切换
This commit is contained in:
浅念
@@ -0,0 +1,90 @@
|
||||
<template>
|
||||
<view>
|
||||
<uni-nav-bar leftText=" " :fixed="true" :border="false" leftIcon="back" @clickLeft="leftClick" color="#000000"
|
||||
backgroundColor="#fff" :statusBar="true" title="关于我们"></uni-nav-bar>
|
||||
<view class="content">
|
||||
<view class="title">
|
||||
<image src="/static/image/hesu.png" mode=""></image>
|
||||
</view>
|
||||
<u-cell-group :border="false">
|
||||
<u-cell
|
||||
size="large"
|
||||
title="版本更新"
|
||||
value="v0.0101"
|
||||
isLink
|
||||
@click="handleVersionUpdate"
|
||||
></u-cell>
|
||||
<u-cell title="隐私政策" isLink @click="handlePrivacyPolicy" />
|
||||
<u-cell title="用户协议" isLink @click="handleUserAgreement" />
|
||||
</u-cell-group>
|
||||
</view>
|
||||
|
||||
<view class="footer">
|
||||
<text class="copyright">©河南新友合科技有限公司 版权所有</text>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
leftClick(){
|
||||
uni.navigateBack({})
|
||||
},
|
||||
handleVersionUpdate() {
|
||||
uni.showToast({
|
||||
title: '检查版本更新',
|
||||
icon: 'none'
|
||||
});
|
||||
// 这里可以添加检查版本更新的逻辑
|
||||
},
|
||||
handlePrivacyPolicy() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/about/privacy-policy'
|
||||
});
|
||||
},
|
||||
handleUserAgreement() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/about/user-agreement'
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
::v-deep .u-cell__body{
|
||||
padding: 15px 0px !important;
|
||||
}
|
||||
.title {
|
||||
padding: 140rpx 0px;
|
||||
text-align: center;
|
||||
image{
|
||||
width: 160px;
|
||||
height: 37px;
|
||||
}
|
||||
}
|
||||
.content {
|
||||
font-size: 14px;
|
||||
padding: 10px 15px;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.footer {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
position: fixed;
|
||||
bottom: 20px;
|
||||
.copyright {
|
||||
font-size: 12px;
|
||||
color:#3471FF;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
@@ -0,0 +1,76 @@
|
||||
<template>
|
||||
<view>
|
||||
<uni-nav-bar leftText=" " :fixed="true" :border="false" leftIcon="back" @clickLeft="leftClick" color="#000000"
|
||||
backgroundColor="#fff" :statusBar="true" title="意见反馈"></uni-nav-bar>
|
||||
<view class="container">
|
||||
<u--textarea v-model="value2" border="none" :placeholder="$t('mine.feedbackinputhd')" count ></u--textarea>
|
||||
<view class="cels">
|
||||
<text>{{$t('mine.lxcall')}}</text>
|
||||
<input :placeholder="$t('mine.lxcallinputhd')" v-model="form.phone" />
|
||||
</view>
|
||||
</view>
|
||||
<view class="foot">
|
||||
<button class="btn" @click="nextFn">{{$t('submit')}}</button>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
form: {
|
||||
feedback: '',
|
||||
phone: ''
|
||||
},
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
leftClick(){
|
||||
uni.navigateBack({})
|
||||
},
|
||||
submitForm() {
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.u-textarea{
|
||||
background-color: #F6F6F6 !important;
|
||||
}
|
||||
.container {
|
||||
padding: 20px;
|
||||
color: #666666;
|
||||
font-size: 28rpx;
|
||||
.cels{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
background-color: #F6F6F6;
|
||||
padding: 15px 10px;
|
||||
margin-top: 20px;
|
||||
border-radius: 10px;
|
||||
input{
|
||||
text-align: right;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
.foot{
|
||||
position: fixed;
|
||||
bottom: 0px;
|
||||
width: 100%;
|
||||
height: 90px;
|
||||
background: #FFFFFF;
|
||||
z-index: 1;
|
||||
}
|
||||
.btn{
|
||||
background: linear-gradient(to right, #3471FF, #6776FF);
|
||||
color: white;
|
||||
border-radius: 50px;
|
||||
width: 92%;
|
||||
margin-bottom: 40px;
|
||||
margin: 15px 4%;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,90 @@
|
||||
<template>
|
||||
<view>
|
||||
<uni-nav-bar leftText=" " :fixed="true" :border="false" leftIcon="back" @clickLeft="leftClick" color="#000000"
|
||||
backgroundColor="#fff" :statusBar="true" title="注销账户"></uni-nav-bar>
|
||||
<!-- 提示信息 -->
|
||||
<view class="card-content">
|
||||
<image src="/static/image/mine/waring.png" mode=""></image>
|
||||
<view class="section-title">账户注销</view>
|
||||
<view class="warning-text">以下信息将被清空无法找回</view>
|
||||
<view class="msgcont">
|
||||
<view class=""><text>*</text> 身份、账号信息</view>
|
||||
<view class=""><text>*</text>所有客户信息</view>
|
||||
<view class=""><text>*</text>个人隐私信息</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 确定注销按钮 -->
|
||||
<view class="foot">
|
||||
<button class="btn" @click="nextFn">确定注销账户</button>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
leftClick(){
|
||||
uni.navigateBack({})
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.card-content {
|
||||
margin-top: 100rpx;
|
||||
padding:30rpx ;
|
||||
text-align: center;
|
||||
color: #222222;
|
||||
image{
|
||||
width: 120rpx;
|
||||
height: 112rpx;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
.section-title {
|
||||
font-size: 18px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.warning-text {
|
||||
font-size: 14px;
|
||||
color: #999999;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.msgcont{
|
||||
margin-top: 60rpx;
|
||||
background-color: #F6F6F6;
|
||||
border-radius: 10px;
|
||||
padding: 15px;
|
||||
text-align: left;
|
||||
line-height: 30px;
|
||||
text{
|
||||
color: #FE4949;
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.foot{
|
||||
position: fixed;
|
||||
bottom: 0px;
|
||||
width: 100%;
|
||||
height: 90px;
|
||||
background: #FFFFFF;
|
||||
z-index: 1;
|
||||
}
|
||||
.btn{
|
||||
background: linear-gradient(to right, #3471FF, #6776FF);
|
||||
color: white;
|
||||
border-radius: 50px;
|
||||
width: 92%;
|
||||
margin-bottom: 40px;
|
||||
margin: 15px 4%;
|
||||
}
|
||||
</style>
|
||||
@@ -48,7 +48,11 @@
|
||||
title: `点击了第 ${index + 1} 条消息`,
|
||||
icon: 'none'
|
||||
});
|
||||
}
|
||||
},
|
||||
leftClick(){
|
||||
uni.navigateBack({})
|
||||
},
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
@@ -0,0 +1,190 @@
|
||||
<template>
|
||||
<view class="page">
|
||||
<view class="title">
|
||||
<image src="/static/image/hesu.png" mode=""></image>
|
||||
</view>
|
||||
|
||||
<view class="form">
|
||||
<view class="inputs_button">
|
||||
|
||||
<view class="inputs">
|
||||
<view class="laber">邮箱</view>
|
||||
<view class="vcode">
|
||||
<u--input
|
||||
type="password"
|
||||
placeholder="邮箱地址"
|
||||
border="none"
|
||||
></u--input>
|
||||
<text v-if="vcodeTime==0" @click="getVcode">获取验证码</text>
|
||||
<text v-else style="color:#fff">重新获取({{vcodeTime}}s)</text>
|
||||
</view>
|
||||
<view class="password">
|
||||
<u--input
|
||||
type="password"
|
||||
placeholder="验证码"
|
||||
border="none"
|
||||
></u--input>
|
||||
</view>
|
||||
<view class="laber">重置密码</view>
|
||||
<view class="account">
|
||||
<u--input
|
||||
type="password"
|
||||
placeholder="新密码"
|
||||
border="none"
|
||||
></u--input>
|
||||
</view>
|
||||
<view class="password">
|
||||
<u--input
|
||||
type="password"
|
||||
placeholder="确认密码"
|
||||
border="none"
|
||||
></u--input>
|
||||
</view>
|
||||
</view>
|
||||
<view class="button">
|
||||
<view @click="login">
|
||||
确认修改
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { request,showToast } from '@/api/apiT.js'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
email: "",
|
||||
password: "",
|
||||
pactChecked: false,
|
||||
vcodeTime: 0,
|
||||
vcodeTimer: null
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
|
||||
},
|
||||
methods: {
|
||||
leftClick(){
|
||||
uni.navigateBack({})
|
||||
},
|
||||
login() {
|
||||
if(this.email==''){
|
||||
uni.showToast({
|
||||
title:'邮箱不能为空',
|
||||
icon: 'none'
|
||||
});
|
||||
return false
|
||||
}
|
||||
if(this.password==''){
|
||||
uni.showToast({
|
||||
title:'密码不能为空',
|
||||
icon: 'none'
|
||||
});
|
||||
return false
|
||||
}
|
||||
},
|
||||
getVcode() {
|
||||
this.vcodeTime = 60
|
||||
this.vcodeTimer = setInterval(() => {
|
||||
if (this.vcodeTime > 0) {
|
||||
this.vcodeTime--
|
||||
} else {
|
||||
clearInterval(this.vcodeTimer)
|
||||
this.vcodeTimer = null
|
||||
}
|
||||
}, 1000)
|
||||
uni.showToast({
|
||||
title: "获取验证码",
|
||||
icon: 'none'
|
||||
})
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.page {
|
||||
min-height: 100vh;
|
||||
background-image: url("../../static/image/login/loginbg.png");
|
||||
background-size: 100%;
|
||||
background-repeat: no-repeat;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
|
||||
.title {
|
||||
padding-top: 220rpx;
|
||||
text-align: center;
|
||||
image{
|
||||
width: 160px;
|
||||
height: 37px;
|
||||
}
|
||||
}
|
||||
|
||||
.form {
|
||||
flex: 1;
|
||||
margin: 0 76rpx;
|
||||
overflow: hidden;
|
||||
|
||||
.inputs_button {
|
||||
.inputs {
|
||||
padding: 150rpx 0px 0;
|
||||
margin-bottom: 20rpx;
|
||||
.laber{
|
||||
color: #222222;
|
||||
font-size: 32rpx;
|
||||
line-height: 48px;
|
||||
padding-left: 15px;
|
||||
}
|
||||
.account,
|
||||
.vcode,
|
||||
.password{
|
||||
height: 80rpx;
|
||||
border-radius: 50px;
|
||||
padding: 0 30rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
background-color: #F6F6F6;
|
||||
|
||||
input {
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.account {
|
||||
margin-bottom: 48rpx;
|
||||
}
|
||||
.vcode {
|
||||
margin-bottom: 10px;
|
||||
padding-right: 0px;
|
||||
text {
|
||||
text-wrap: nowrap;
|
||||
font-size: 26rpx;
|
||||
padding: 14rpx 30rpx;
|
||||
background-color: #3471FF;
|
||||
border-radius: 50px;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.button {
|
||||
padding: 0 32rpx;
|
||||
margin-top: 80rpx;
|
||||
view {
|
||||
line-height: 80rpx;
|
||||
border-radius: 50px;
|
||||
text-align: center;
|
||||
font-size: 32rpx;
|
||||
background: linear-gradient(to right, #3471FF, #6776FF);
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user