修复bug

This commit is contained in:
zhouyanli
2026-08-17 18:02:46 +08:00
parent a4c7318ff6
commit 1710cba509
6 changed files with 69 additions and 69 deletions

View File

@@ -1,15 +1,5 @@
<template> <template>
<view class="contentStyle"> <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> <scroll-view class="page" scroll-y>
<!-- 表单区域 --> <!-- 表单区域 -->
<view class="form-container"> <view class="form-container">
@@ -59,7 +49,6 @@ import { ref, onUnmounted } from 'vue'
import { getAuthSendSmsCode, getUserChangePhone } from '../api/apiSub.js' import { getAuthSendSmsCode, getUserChangePhone } from '../api/apiSub.js'
// 响应式数据 // 响应式数据
const statusBarHeight = ref(20)
const phone = ref('') const phone = ref('')
const code = ref('') const code = ref('')
const countdown = ref(0) const countdown = ref(0)
@@ -147,6 +136,7 @@ onUnmounted(() => {
<style lang="scss"> <style lang="scss">
page { page {
background: #f9f9f9; background: #f9f9f9;
height: 100%;
} }
</style> </style>
@@ -154,7 +144,7 @@ page {
.contentStyle { .contentStyle {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: 100vh; height: 100%;
background-color: #f9f9f9; background-color: #f9f9f9;
} }
@@ -208,10 +198,6 @@ page {
} }
.code-btn { .code-btn {
position: absolute;
right: 10rpx;
top: 13%;
transform: translateY(-50%);
width: 200rpx; width: 200rpx;
height: 66rpx; height: 66rpx;
line-height: 66rpx; line-height: 66rpx;
@@ -221,6 +207,7 @@ page {
font-size: 28rpx; font-size: 28rpx;
padding: 0; padding: 0;
margin: 0; margin: 0;
flex-shrink: 0;
} }
.code-btn[disabled] { .code-btn[disabled] {
@@ -252,9 +239,4 @@ page {
border: none; border: none;
margin-top: 20rpx; margin-top: 20rpx;
} }
.status-bar {
width: 100vw;
height: 46px;
}
</style> </style>

View File

@@ -1,10 +1,5 @@
<template> <template>
<view class="contentStyle" style=""> <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> <scroll-view class="page" scroll-y>
<!-- 表单区域 --> <!-- 表单区域 -->
@@ -38,8 +33,7 @@
import { ref } from 'vue' import { ref } from 'vue'
import { authChangePassword } from '../api/apiSub.js' import { authChangePassword } from '../api/apiSub.js'
const statusBarHeight = ref(20);
const oldPwd = ref(''); const oldPwd = ref('');
const newPwd = ref(''); const newPwd = ref('');
const confirmPwd = ref('') const confirmPwd = ref('')
@@ -87,6 +81,7 @@ import { authChangePassword } from '../api/apiSub.js'
<style lang="scss"> <style lang="scss">
page { page {
background: #f9f9f9; background: #f9f9f9;
height: 100%;
} }
</style> </style>
@@ -94,7 +89,7 @@ import { authChangePassword } from '../api/apiSub.js'
.contentStyle { .contentStyle {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: 100vh; height: 100%;
/* 关键:占满屏幕高度 */ /* 关键:占满屏幕高度 */
background-color: #f9f9f9; background-color: #f9f9f9;
} }
@@ -193,9 +188,4 @@ import { authChangePassword } from '../api/apiSub.js'
color: #fff; color: #fff;
font-size: 28rpx; font-size: 28rpx;
} }
.status-bar {
width: 100vw;
height: 46px;
}
</style> </style>

View File

@@ -1,9 +1,5 @@
<template> <template>
<view class="contentStyle"> <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> <scroll-view class="page" scroll-y>
<!-- 提示信息 --> <!-- 提示信息 -->
<view class="warning-box"> <view class="warning-box">
@@ -111,6 +107,7 @@ onUnload(() => {
<style lang="scss"> <style lang="scss">
page { page {
background: #f9f9f9; background: #f9f9f9;
height: 100%;
} }
</style> </style>
@@ -118,7 +115,7 @@ page {
.contentStyle { .contentStyle {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: 100vh; height: 100%;
background-color: #f9f9f9; background-color: #f9f9f9;
} }
@@ -199,8 +196,4 @@ page {
background-color: #ccc; background-color: #ccc;
color: #999; color: #999;
} }
.status-bar {
width: 100vw;
height: 46px;
}
</style> </style>

View File

@@ -31,7 +31,9 @@
<view class="form-section"> <view class="form-section">
<view class="form-item"> <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" /> <input class="input" placeholder="请输入访客姓名" v-model="form.name" maxlength="20" @input="onNameInput" />
</view> </view>
<view class="form-item"> <view class="form-item">
@@ -65,9 +67,7 @@
</view> </view>
<view class="form-item"> <view class="form-item">
<view class="label"> <view class="label">随行人数</view>
<text class="required">*</text>随行人数
</view>
<input class="input" placeholder="请输入随行人数" v-model="form.peopleNum" type="number" maxlength="2" @input="onPeopleNumInput" /> <input class="input" placeholder="请输入随行人数" v-model="form.peopleNum" type="number" maxlength="2" @input="onPeopleNumInput" />
</view> </view>
</view> </view>
@@ -196,7 +196,7 @@ const pageFixed = ref(false);
try { try {
const res = await getHouseList({ pageNum: 1, pageSize: 10 }) const res = await getHouseList({ pageNum: 1, pageSize: 10 })
if (res.code === 200) { if (res.code === 200) {
addressList.value = (res.rows || []).map(item => ({ addressList.value = (res.data || []).map(item => ({
...item, ...item,
label: `${item.buildingName || ''}${item.unitNo}-${item.floorNo || ''}-${item.houseNo || ''}`.trim() label: `${item.buildingName || ''}${item.unitNo}-${item.floorNo || ''}-${item.houseNo || ''}`.trim()
})) }))
@@ -391,13 +391,13 @@ const pageFixed = ref(false);
}); });
return; return;
} }
if (form.peopleNum === '' || form.peopleNum === null || form.peopleNum === undefined) { // if (form.peopleNum === '' || form.peopleNum === null || form.peopleNum === undefined) {
uni.showToast({ // uni.showToast({
title: '请输入随行人数', // title: '请输入随行人数',
icon: 'none' // icon: 'none'
}); // });
return; // return;
} // }
if (!form.visitTime) { if (!form.visitTime) {
uni.showToast({ uni.showToast({
title: '请选择来访时间', title: '请选择来访时间',
@@ -472,8 +472,12 @@ const pageFixed = ref(false);
<style scoped> <style scoped>
.visitor-invite { .visitor-invite {
display: flex;
flex-direction: column;
height: 100%;
overflow: hidden;
box-sizing: border-box;
background-color: #f5f5f5; background-color: #f5f5f5;
min-height: 100vh;
} }
.no-scroll { .no-scroll {
@@ -482,7 +486,6 @@ const pageFixed = ref(false);
left: 0; left: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
overflow: hidden;
} }
/* 导航栏 */ /* 导航栏 */
@@ -502,6 +505,7 @@ const pageFixed = ref(false);
/* 标签切换 */ /* 标签切换 */
.tab-wrap { .tab-wrap {
display: flex; display: flex;
flex-shrink: 0;
background-color: #fff; background-color: #fff;
border-bottom: 1rpx solid #eee; border-bottom: 1rpx solid #eee;
} }
@@ -522,7 +526,10 @@ const pageFixed = ref(false);
/* 表单区域 */ /* 表单区域 */
.form-wrap { .form-wrap {
padding: 10rpx; flex: 1;
min-height: 0;
overflow-y: auto;
padding: 10rpx 10rpx 180rpx;
} }
.form-section { .form-section {
@@ -608,7 +615,14 @@ const pageFixed = ref(false);
/* 底部按钮 */ /* 底部按钮 */
.btn-wrap { .btn-wrap {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 10;
padding: 20rpx 40rpx 50rpx; padding: 20rpx 40rpx 50rpx;
padding-bottom: calc(50rpx + env(safe-area-inset-bottom));
background-color: #f5f5f5;
} }
.submit-btn { .submit-btn {
@@ -646,6 +660,8 @@ const pageFixed = ref(false);
.gender-list { .gender-list {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
max-height: 60vh;
overflow-y: auto;
} }
.address-item, .address-item,
@@ -668,4 +684,12 @@ const pageFixed = ref(false);
background-color: #007aff; background-color: #007aff;
color: #fff; color: #fff;
} }
</style>
<style>
/* 页面容器撑满并禁止整体滚动,让表单区域单独滚动 */
page {
height: 100%;
overflow: hidden;
}
</style> </style>

View File

@@ -151,8 +151,9 @@ const addInvitation = () => {
.visitor-page { .visitor-page {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: 100%; height: 100vh;
overflow: hidden; overflow: hidden;
box-sizing: border-box;
background: linear-gradient(135deg, #e2f0ff 0%, #f9f9f9 50%); background: linear-gradient(135deg, #e2f0ff 0%, #f9f9f9 50%);
padding: 0 30rpx; padding: 0 30rpx;
} }
@@ -296,16 +297,21 @@ const addInvitation = () => {
color: #999; color: #999;
} }
/* 列表底部占位 */ /* 列表底部占位(为固定的按钮预留高度,保证最后一项能滚到按钮上方) */
.list-bottom-space { .list-bottom-space {
height: 24rpx; height: 180rpx;
} }
/* 新增邀请按钮 */ /* 新增邀请按钮 */
.add-btn-wrapper { .add-btn-wrapper {
flex-shrink: 0; position: fixed;
padding: 20rpx 0; bottom: 0;
left: 0;
right: 0;
z-index: 10;
padding: 20rpx 30rpx;
padding-bottom: calc(20rpx + env(safe-area-inset-bottom)); padding-bottom: calc(20rpx + env(safe-area-inset-bottom));
background-color: #f9f9f9;
} }
.add-btn { .add-btn {
@@ -325,3 +331,11 @@ const addInvitation = () => {
font-size: 30rpx; font-size: 30rpx;
} }
</style> </style>
<style>
/* 页面容器撑满并禁止整体滚动,让内部 scroll-view 单独滚动 */
page {
height: 100%;
overflow: hidden;
}
</style>

View File

@@ -213,22 +213,19 @@
{ {
"path": "changePhone", "path": "changePhone",
"style": { "style": {
"navigationBarTitleText": "", "navigationBarTitleText": "更改手机号码"
"navigationStyle": "custom"
} }
}, },
{ {
"path": "changePwd", "path": "changePwd",
"style": { "style": {
"navigationBarTitleText": "", "navigationBarTitleText": "修改密码"
"navigationStyle": "custom"
} }
}, },
{ {
"path": "deleteAccount", "path": "deleteAccount",
"style": { "style": {
"navigationBarTitleText": "", "navigationBarTitleText": "注销账号"
"navigationStyle": "custom"
} }
}, },
{ {