修复bug
This commit is contained in:
@@ -1,15 +1,5 @@
|
||||
<template>
|
||||
<view class="contentStyle">
|
||||
<view class="status-bar"></view>
|
||||
<uni-nav-bar
|
||||
title="更改手机号码"
|
||||
left-icon="left"
|
||||
@click-left="goBack"
|
||||
background-color="transparent"
|
||||
:border="false"
|
||||
>
|
||||
</uni-nav-bar>
|
||||
|
||||
<scroll-view class="page" scroll-y>
|
||||
<!-- 表单区域 -->
|
||||
<view class="form-container">
|
||||
@@ -59,7 +49,6 @@ import { ref, onUnmounted } from 'vue'
|
||||
import { getAuthSendSmsCode, getUserChangePhone } from '../api/apiSub.js'
|
||||
|
||||
// 响应式数据
|
||||
const statusBarHeight = ref(20)
|
||||
const phone = ref('')
|
||||
const code = ref('')
|
||||
const countdown = ref(0)
|
||||
@@ -147,6 +136,7 @@ onUnmounted(() => {
|
||||
<style lang="scss">
|
||||
page {
|
||||
background: #f9f9f9;
|
||||
height: 100%;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -154,7 +144,7 @@ page {
|
||||
.contentStyle {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100vh;
|
||||
height: 100%;
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
|
||||
@@ -208,10 +198,6 @@ page {
|
||||
}
|
||||
|
||||
.code-btn {
|
||||
position: absolute;
|
||||
right: 10rpx;
|
||||
top: 13%;
|
||||
transform: translateY(-50%);
|
||||
width: 200rpx;
|
||||
height: 66rpx;
|
||||
line-height: 66rpx;
|
||||
@@ -221,6 +207,7 @@ page {
|
||||
font-size: 28rpx;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.code-btn[disabled] {
|
||||
@@ -252,9 +239,4 @@ page {
|
||||
border: none;
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
|
||||
.status-bar {
|
||||
width: 100vw;
|
||||
height: 46px;
|
||||
}
|
||||
</style>
|
||||
@@ -1,10 +1,5 @@
|
||||
<template>
|
||||
<view class="contentStyle" style="">
|
||||
<view class="status-bar"></view>
|
||||
<uni-nav-bar title="修改密码" left-icon="left" @clickLeft="goBack" backgroundColor="transparent" :border="false">
|
||||
</uni-nav-bar>
|
||||
|
||||
|
||||
<scroll-view class="page" scroll-y>
|
||||
|
||||
<!-- 表单区域 -->
|
||||
@@ -38,8 +33,7 @@
|
||||
import { ref } from 'vue'
|
||||
import { authChangePassword } from '../api/apiSub.js'
|
||||
|
||||
|
||||
const statusBarHeight = ref(20);
|
||||
|
||||
const oldPwd = ref('');
|
||||
const newPwd = ref('');
|
||||
const confirmPwd = ref('')
|
||||
@@ -87,6 +81,7 @@ import { authChangePassword } from '../api/apiSub.js'
|
||||
<style lang="scss">
|
||||
page {
|
||||
background: #f9f9f9;
|
||||
height: 100%;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -94,7 +89,7 @@ import { authChangePassword } from '../api/apiSub.js'
|
||||
.contentStyle {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100vh;
|
||||
height: 100%;
|
||||
/* 关键:占满屏幕高度 */
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
@@ -193,9 +188,4 @@ import { authChangePassword } from '../api/apiSub.js'
|
||||
color: #fff;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
.status-bar {
|
||||
width: 100vw;
|
||||
height: 46px;
|
||||
}
|
||||
</style>
|
||||
@@ -1,9 +1,5 @@
|
||||
<template>
|
||||
<view class="contentStyle">
|
||||
<view class="status-bar"></view>
|
||||
<uni-nav-bar title="注销账号" left-icon="left" @clickLeft="goBack" backgroundColor="transparent" :border="false">
|
||||
</uni-nav-bar>
|
||||
|
||||
<scroll-view class="page" scroll-y>
|
||||
<!-- 提示信息 -->
|
||||
<view class="warning-box">
|
||||
@@ -111,6 +107,7 @@ onUnload(() => {
|
||||
<style lang="scss">
|
||||
page {
|
||||
background: #f9f9f9;
|
||||
height: 100%;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -118,7 +115,7 @@ page {
|
||||
.contentStyle {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100vh;
|
||||
height: 100%;
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
|
||||
@@ -199,8 +196,4 @@ page {
|
||||
background-color: #ccc;
|
||||
color: #999;
|
||||
}
|
||||
.status-bar {
|
||||
width: 100vw;
|
||||
height: 46px;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -31,7 +31,9 @@
|
||||
<view class="form-section">
|
||||
|
||||
<view class="form-item">
|
||||
<view class="label">访客姓名</view>
|
||||
<view class="label">
|
||||
<text class="required">*</text>访客姓名
|
||||
</view>
|
||||
<input class="input" placeholder="请输入访客姓名" v-model="form.name" maxlength="20" @input="onNameInput" />
|
||||
</view>
|
||||
<view class="form-item">
|
||||
@@ -65,9 +67,7 @@
|
||||
</view>
|
||||
|
||||
<view class="form-item">
|
||||
<view class="label">
|
||||
<text class="required">*</text>随行人数
|
||||
</view>
|
||||
<view class="label">随行人数</view>
|
||||
<input class="input" placeholder="请输入随行人数" v-model="form.peopleNum" type="number" maxlength="2" @input="onPeopleNumInput" />
|
||||
</view>
|
||||
</view>
|
||||
@@ -196,7 +196,7 @@ const pageFixed = ref(false);
|
||||
try {
|
||||
const res = await getHouseList({ pageNum: 1, pageSize: 10 })
|
||||
if (res.code === 200) {
|
||||
addressList.value = (res.rows || []).map(item => ({
|
||||
addressList.value = (res.data || []).map(item => ({
|
||||
...item,
|
||||
label: `${item.buildingName || ''}${item.unitNo}-${item.floorNo || ''}-${item.houseNo || ''}`.trim()
|
||||
}))
|
||||
@@ -391,13 +391,13 @@ const pageFixed = ref(false);
|
||||
});
|
||||
return;
|
||||
}
|
||||
if (form.peopleNum === '' || form.peopleNum === null || form.peopleNum === undefined) {
|
||||
uni.showToast({
|
||||
title: '请输入随行人数',
|
||||
icon: 'none'
|
||||
});
|
||||
return;
|
||||
}
|
||||
// if (form.peopleNum === '' || form.peopleNum === null || form.peopleNum === undefined) {
|
||||
// uni.showToast({
|
||||
// title: '请输入随行人数',
|
||||
// icon: 'none'
|
||||
// });
|
||||
// return;
|
||||
// }
|
||||
if (!form.visitTime) {
|
||||
uni.showToast({
|
||||
title: '请选择来访时间',
|
||||
@@ -472,8 +472,12 @@ const pageFixed = ref(false);
|
||||
|
||||
<style scoped>
|
||||
.visitor-invite {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
box-sizing: border-box;
|
||||
background-color: #f5f5f5;
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
.no-scroll {
|
||||
@@ -482,7 +486,6 @@ const pageFixed = ref(false);
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* 导航栏 */
|
||||
@@ -502,6 +505,7 @@ const pageFixed = ref(false);
|
||||
/* 标签切换 */
|
||||
.tab-wrap {
|
||||
display: flex;
|
||||
flex-shrink: 0;
|
||||
background-color: #fff;
|
||||
border-bottom: 1rpx solid #eee;
|
||||
}
|
||||
@@ -522,7 +526,10 @@ const pageFixed = ref(false);
|
||||
|
||||
/* 表单区域 */
|
||||
.form-wrap {
|
||||
padding: 10rpx;
|
||||
flex: 1;
|
||||
min-height: 0;
|
||||
overflow-y: auto;
|
||||
padding: 10rpx 10rpx 180rpx;
|
||||
}
|
||||
|
||||
.form-section {
|
||||
@@ -608,7 +615,14 @@ const pageFixed = ref(false);
|
||||
|
||||
/* 底部按钮 */
|
||||
.btn-wrap {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: 10;
|
||||
padding: 20rpx 40rpx 50rpx;
|
||||
padding-bottom: calc(50rpx + env(safe-area-inset-bottom));
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
.submit-btn {
|
||||
@@ -646,6 +660,8 @@ const pageFixed = ref(false);
|
||||
.gender-list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
max-height: 60vh;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.address-item,
|
||||
@@ -668,4 +684,12 @@ const pageFixed = ref(false);
|
||||
background-color: #007aff;
|
||||
color: #fff;
|
||||
}
|
||||
</style>
|
||||
|
||||
<style>
|
||||
/* 页面容器撑满并禁止整体滚动,让表单区域单独滚动 */
|
||||
page {
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
</style>
|
||||
@@ -151,8 +151,9 @@ const addInvitation = () => {
|
||||
.visitor-page {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
height: 100vh;
|
||||
overflow: hidden;
|
||||
box-sizing: border-box;
|
||||
background: linear-gradient(135deg, #e2f0ff 0%, #f9f9f9 50%);
|
||||
padding: 0 30rpx;
|
||||
}
|
||||
@@ -296,16 +297,21 @@ const addInvitation = () => {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
/* 列表底部占位 */
|
||||
/* 列表底部占位(为固定的按钮预留高度,保证最后一项能滚到按钮上方) */
|
||||
.list-bottom-space {
|
||||
height: 24rpx;
|
||||
height: 180rpx;
|
||||
}
|
||||
|
||||
/* 新增邀请按钮 */
|
||||
.add-btn-wrapper {
|
||||
flex-shrink: 0;
|
||||
padding: 20rpx 0;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: 10;
|
||||
padding: 20rpx 30rpx;
|
||||
padding-bottom: calc(20rpx + env(safe-area-inset-bottom));
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
|
||||
.add-btn {
|
||||
@@ -325,3 +331,11 @@ const addInvitation = () => {
|
||||
font-size: 30rpx;
|
||||
}
|
||||
</style>
|
||||
|
||||
<style>
|
||||
/* 页面容器撑满并禁止整体滚动,让内部 scroll-view 单独滚动 */
|
||||
page {
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -213,22 +213,19 @@
|
||||
{
|
||||
"path": "changePhone",
|
||||
"style": {
|
||||
"navigationBarTitleText": "",
|
||||
"navigationStyle": "custom"
|
||||
"navigationBarTitleText": "更改手机号码"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "changePwd",
|
||||
"style": {
|
||||
"navigationBarTitleText": "",
|
||||
"navigationStyle": "custom"
|
||||
"navigationBarTitleText": "修改密码"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "deleteAccount",
|
||||
"style": {
|
||||
"navigationBarTitleText": "",
|
||||
"navigationStyle": "custom"
|
||||
"navigationBarTitleText": "注销账号"
|
||||
}
|
||||
},
|
||||
{
|
||||
|
||||
Reference in New Issue
Block a user