提交 0178f4f4 编写于 作者: JiaRongPing's avatar JiaRongPing

fix: 个人中心相关页面调整

上级 1b09d07f
<!-- 绑定手机号码页 -->
<template>
<view class="uni-content">
<match-media :min-width="690">
<view class="login-logo">
<image :src="logo"></image>
</view>
<!-- 顶部文字 -->
<text class="title title-box">绑定手机号</text>
</match-media>
<!-- 登录框 (选择手机号所属国家和地区需要另行实现) -->
<uni-easyinput clearable :focus="focusMobile" @blur="focusMobile = false" type="number" class="input-box" :inputBorder="false" v-model="formData.mobile"
maxlength="11" placeholder="请输入手机号"></uni-easyinput>
......@@ -20,7 +27,8 @@
code: "",
captcha: ""
},
focusMobile:true
focusMobile:true,
logo: "/static/logo.png"
}
},
computed: {
......@@ -90,6 +98,13 @@
padding: 50rpx;
padding-top: 10px;
}
@media screen and (min-width: 690px) {
.uni-content{
padding: 30px 40px 40px;
}
}
/* #ifndef APP-NVUE || VUE3 */
.uni-content ::v-deep .uni-easyinput__content {}
......
<!-- 修改密码 -->
<template>
<view class="uni-content">
<match-media :min-width="690">
<view class="login-logo">
<image :src="logo"></image>
</view>
<!-- 顶部文字 -->
<text class="title title-box">修改密码</text>
</match-media>
<uni-forms ref="form" :value="formData" err-show-type="toast">
<uni-forms-item name="oldPassword">
<uni-easyinput :focus="focusOldPassword" @blur="focusOldPassword = false" class="input-box"
......@@ -81,7 +88,8 @@
}
]
}
}
},
logo: "/static/logo.png"
}
},
onReady() {
......@@ -140,7 +148,15 @@
<style lang="scss">
@import "@/uni_modules/uni-id-pages/common/login-page.scss";
.uni-content {
margin-top: 15px;
@media screen and (max-width: 690px) {
.uni-content{
margin-top: 15px;
}
}
@media screen and (min-width: 690px) {
.uni-content{
padding: 30px 40px 40px;
}
}
</style>
......@@ -77,20 +77,6 @@
margin-bottom: 80px;
}
.button-group {
display: flex;
flex-direction: row;
position: fixed;
height: 50px;
bottom: 10px;
width: 750rpx;
justify-content: center;
align-items: center;
border-top: solid 1px #e4e6ec;
padding-top: 10px;
background-color: #FFFFFF;
}
.button-group button {
border-radius: 100px;
border: none;
......@@ -108,4 +94,33 @@
color: #e64340;
border: solid 1px #e64340;
}
@media screen and (max-width: 690px) {
.button-group {
display: flex;
flex-direction: row;
position: fixed;
height: 50px;
bottom: 10px;
width: 750rpx;
justify-content: center;
align-items: center;
border-top: solid 1px #e4e6ec;
padding-top: 10px;
background-color: #FFFFFF;
}
}
@media screen and (min-width: 690px) {
.button-group {
display: flex;
flex-direction: row;
height: 50px;
max-width: 1500rpx;
justify-content: center;
align-items: center;
padding-top: 10px;
background-color: #FFFFFF;
}
}
</style>
......@@ -206,7 +206,17 @@
box-sizing: border-box;
flex-direction: column;
}
@media screen and (min-width: 690px) {
.uni-content {
padding: 0;
max-width: 690px;
margin-left: calc(50% - 200px);
border: none;
max-height: none;
border-radius: 0;
box-shadow: none;
}
}
/* #endif */
.avatar {
align-items: center;
......
......@@ -38,7 +38,10 @@ module.exports = async function (params = {}) {
required: false,
type: 'email'
},
password: 'password',
password: {
required: true,
type: 'string'
},
captcha: {
required: false,
type: 'string'
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册