liyi/wx-starlock
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 更新多个页面的样式，使用windowHeight替代screenHeight以适应不同设备

Browse Source
This commit is contained in:
fanpeng 2025-07-16 10:57:46 +08:00
parent 4f6a97db9e
commit 08b0121560
26 changed files with 35 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
pages/addDevice/searchDevice.vue
View File

@ -4,7 +4,7 @@
v-if="deviceInfo" v-if="deviceInfo"
class="scroll-view" class="scroll-view"
scroll-y="true" scroll-y="true"
:style="{ height: deviceInfo.screenHeight - deviceInfo.statusBarHeight + 'px' }" :style="{ height: deviceInfo.windowHeight - deviceInfo.statusBarHeight + 'px' }"
> >
<view style="padding-bottom: calc(env(safe-area-inset-bottom) + 300rpx)"> <view style="padding-bottom: calc(env(safe-area-inset-bottom) + 300rpx)">
<view <view

2
pages/feature/adminList.vue
View File

@ -3,7 +3,7 @@
<scroll-view <scroll-view
v-if="deviceInfo" v-if="deviceInfo"
scroll-y="true" scroll-y="true"
:style="{ height: deviceInfo.screenHeight - deviceInfo.safeArea.top + 'px' }" :style="{ height: deviceInfo.windowHeight - deviceInfo.safeArea.top + 'px' }"
lower-threshold="100" lower-threshold="100"
@refresherrefresh="refresherList" @refresherrefresh="refresherList"
:refresher-enabled="true" :refresher-enabled="true"

2
pages/feature/cardList.vue
View File

@ -3,7 +3,7 @@
<scroll-view <scroll-view
v-if="deviceInfo" v-if="deviceInfo"
scroll-y="true" scroll-y="true"
:style="{ height: deviceInfo.screenHeight - deviceInfo.safeArea.top + 'px' }" :style="{ height: deviceInfo.windowHeight - deviceInfo.safeArea.top + 'px' }"
lower-threshold="100" lower-threshold="100"
@refresherrefresh="refresherList" @refresherrefresh="refresherList"
:refresher-enabled="true" :refresher-enabled="true"

2
pages/feature/createAdmin.vue
View File

@ -14,7 +14,7 @@
</up-tabs> </up-tabs>
</view> </view>
<swiper <swiper
:style="{ height: deviceInfo.screenHeight - deviceInfo.safeArea.top - 44 + 'px' }" :style="{ height: deviceInfo.windowHeight - deviceInfo.safeArea.top - 44 + 'px' }"
v-if="deviceInfo" v-if="deviceInfo"
:list="tabs" :list="tabs"
:autoplay="false" :autoplay="false"

2
pages/feature/createCard.vue
View File

@ -14,7 +14,7 @@
</up-tabs> </up-tabs>
</view> </view>
<swiper <swiper
:style="{ height: deviceInfo.screenHeight - deviceInfo.safeArea.top - 44 + 'px' }" :style="{ height: deviceInfo.windowHeight - deviceInfo.safeArea.top - 44 + 'px' }"
v-if="deviceInfo" v-if="deviceInfo"
:list="tabs" :list="tabs"
:autoplay="false" :autoplay="false"

2
pages/feature/createFace.vue
View File

@ -14,7 +14,7 @@
</up-tabs> </up-tabs>
</view> </view>
<swiper <swiper
:style="{ height: deviceInfo.screenHeight - deviceInfo.safeArea.top - 44 + 'px' }" :style="{ height: deviceInfo.windowHeight - deviceInfo.safeArea.top - 44 + 'px' }"
v-if="deviceInfo" v-if="deviceInfo"
:list="tabs" :list="tabs"
:autoplay="false" :autoplay="false"

2
pages/feature/createFingerprint.vue
View File

@ -14,7 +14,7 @@
</up-tabs> </up-tabs>
</view> </view>
<swiper <swiper
:style="{ height: deviceInfo.screenHeight - deviceInfo.safeArea.top - 44 + 'px' }" :style="{ height: deviceInfo.windowHeight - deviceInfo.safeArea.top - 44 + 'px' }"
v-if="deviceInfo" v-if="deviceInfo"
:list="tabs" :list="tabs"
:autoplay="false" :autoplay="false"

2
pages/feature/createKey.vue
View File

@ -14,7 +14,7 @@
</up-tabs> </up-tabs>
</view> </view>
<swiper <swiper
:style="{ height: deviceInfo.screenHeight - deviceInfo.safeArea.top - 44 + 'px' }" :style="{ height: deviceInfo.windowHeight - deviceInfo.safeArea.top - 44 + 'px' }"
v-if="deviceInfo" v-if="deviceInfo"
:list="tabs" :list="tabs"
:autoplay="false" :autoplay="false"

2
pages/feature/createPalmVein.vue
View File

@ -14,7 +14,7 @@
</up-tabs> </up-tabs>
</view> </view>
<swiper <swiper
:style="{ height: deviceInfo.screenHeight - deviceInfo.safeArea.top - 44 + 'px' }" :style="{ height: deviceInfo.windowHeight - deviceInfo.safeArea.top - 44 + 'px' }"
v-if="deviceInfo" v-if="deviceInfo"
:list="tabs" :list="tabs"
:autoplay="false" :autoplay="false"

2
pages/feature/createPassword.vue
View File

@ -14,7 +14,7 @@
</up-tabs> </up-tabs>
</view> </view>
<swiper <swiper
:style="{ height: deviceInfo.screenHeight - deviceInfo.safeArea.top - 44 + 'px' }" :style="{ height: deviceInfo.windowHeight - deviceInfo.safeArea.top - 44 + 'px' }"
v-if="deviceInfo" v-if="deviceInfo"
:list="tabs" :list="tabs"
:autoplay="false" :autoplay="false"

2
pages/feature/createRemote.vue
View File

@ -14,7 +14,7 @@
</up-tabs> </up-tabs>
</view> </view>
<swiper <swiper
:style="{ height: deviceInfo.screenHeight - deviceInfo.safeArea.top - 44 + 'px' }" :style="{ height: deviceInfo.windowHeight - deviceInfo.safeArea.top - 44 + 'px' }"
v-if="deviceInfo" v-if="deviceInfo"
:list="tabs" :list="tabs"
:autoplay="false" :autoplay="false"

2
pages/feature/faceList.vue
View File

@ -3,7 +3,7 @@
<scroll-view <scroll-view
v-if="deviceInfo" v-if="deviceInfo"
scroll-y="true" scroll-y="true"
:style="{ height: deviceInfo.screenHeight - deviceInfo.safeArea.top + 'px' }" :style="{ height: deviceInfo.windowHeight - deviceInfo.safeArea.top + 'px' }"
lower-threshold="100" lower-threshold="100"
@refresherrefresh="refresherList" @refresherrefresh="refresherList"
:refresher-enabled="true" :refresher-enabled="true"

2
pages/feature/fingerprintList.vue
View File

@ -3,7 +3,7 @@
<scroll-view <scroll-view
v-if="deviceInfo" v-if="deviceInfo"
scroll-y="true" scroll-y="true"
:style="{ height: deviceInfo.screenHeight - deviceInfo.safeArea.top + 'px' }" :style="{ height: deviceInfo.windowHeight - deviceInfo.safeArea.top + 'px' }"
lower-threshold="100" lower-threshold="100"
@refresherrefresh="refresherList" @refresherrefresh="refresherList"
:refresher-enabled="true" :refresher-enabled="true"

2
pages/feature/keyList.vue
View File

@ -3,7 +3,7 @@
<scroll-view <scroll-view
v-if="deviceInfo" v-if="deviceInfo"
scroll-y="true" scroll-y="true"
:style="{ height: deviceInfo.screenHeight - deviceInfo.safeArea.top + 'px' }" :style="{ height: deviceInfo.windowHeight - deviceInfo.safeArea.top + 'px' }"
lower-threshold="100" lower-threshold="100"
@refresherrefresh="refresherList" @refresherrefresh="refresherList"
:refresher-enabled="true" :refresher-enabled="true"

2
pages/feature/palmVeinList.vue
View File

@ -3,7 +3,7 @@
<scroll-view <scroll-view
v-if="deviceInfo" v-if="deviceInfo"
scroll-y="true" scroll-y="true"
:style="{ height: deviceInfo.screenHeight - deviceInfo.safeArea.top + 'px' }" :style="{ height: deviceInfo.windowHeight - deviceInfo.safeArea.top + 'px' }"
lower-threshold="100" lower-threshold="100"
@refresherrefresh="refresherList" @refresherrefresh="refresherList"
:refresher-enabled="true" :refresher-enabled="true"

2
pages/feature/passwordList.vue
View File

@ -3,7 +3,7 @@
<scroll-view <scroll-view
v-if="deviceInfo" v-if="deviceInfo"
scroll-y="true" scroll-y="true"
:style="{ height: deviceInfo.screenHeight - deviceInfo.safeArea.top + 'px' }" :style="{ height: deviceInfo.windowHeight - deviceInfo.safeArea.top + 'px' }"
lower-threshold="100" lower-threshold="100"
@refresherrefresh="refresherList" @refresherrefresh="refresherList"
:refresher-enabled="true" :refresher-enabled="true"

2
pages/feature/recordList.vue
View File

@ -47,7 +47,7 @@
<scroll-view <scroll-view
v-if="deviceInfo" v-if="deviceInfo"
scroll-y="true" scroll-y="true"
:style="{ height: `calc(${deviceInfo.screenHeight - deviceInfo.safeArea.top - 60}px)` }" :style="{ height: `calc(${deviceInfo.windowHeight - deviceInfo.safeArea.top - 60}px)` }"
lower-threshold="100" lower-threshold="100"
@refresherrefresh="refresherList" @refresherrefresh="refresherList"
:refresher-enabled="true" :refresher-enabled="true"

2
pages/feature/remoteList.vue
View File

@ -3,7 +3,7 @@
<scroll-view <scroll-view
v-if="deviceInfo" v-if="deviceInfo"
scroll-y="true" scroll-y="true"
:style="{ height: deviceInfo.screenHeight - deviceInfo.safeArea.top + 'px' }" :style="{ height: deviceInfo.windowHeight - deviceInfo.safeArea.top + 'px' }"
lower-threshold="100" lower-threshold="100"
@refresherrefresh="refresherList" @refresherrefresh="refresherList"
:refresher-enabled="true" :refresher-enabled="true"

20
pages/feature/typeRecordList.vue
View File

@ -6,7 +6,7 @@
<scroll-view <scroll-view
v-if="deviceInfo" v-if="deviceInfo"
scroll-y="true" scroll-y="true"
:style="{ height: `${deviceInfo.screenHeight - deviceInfo.safeArea.top}px` }" :style="{ height: `${deviceInfo.windowHeight - deviceInfo.safeArea.top}px` }"
lower-threshold="100" lower-threshold="100"
@refresherrefresh="refresherList" @refresherrefresh="refresherList"
:refresher-enabled="true" :refresher-enabled="true"
@ -213,36 +213,36 @@
<style lang="scss" scoped> <style lang="scss" scoped>
.search { .search {
padding: 32rpx;
width: 686rpx !important; width: 686rpx !important;
padding: 32rpx;
} }
.item { .item {
display: flex; display: flex;
align-items: center; align-items: center;
background-color: #ffffff;
height: 120rpx;
width: 750rpx; width: 750rpx;
height: 120rpx;
background-color: #ffffff;
.item-left { .item-left {
margin-left: 32rpx;
width: 80rpx; width: 80rpx;
height: 80rpx; height: 80rpx;
margin-left: 32rpx;
} }
.item-right { .item-right {
width: 574rpx;
margin-right: 32rpx; margin-right: 32rpx;
margin-left: 32rpx; margin-left: 32rpx;
width: 574rpx;
.item-right-top { .item-right-top {
max-width: 400rpx; max-width: 400rpx;
font-size: 32rpx;
font-weight: bold;
padding-bottom: 6rpx; padding-bottom: 6rpx;
white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
font-size: 32rpx;
font-weight: bold;
white-space: nowrap;
} }
.item-right-bottom { .item-right-bottom {
@ -266,9 +266,9 @@
} }
.empty-list-text { .empty-list-text {
text-align: center;
font-size: 32rpx; font-size: 32rpx;
color: #999999; color: #999999;
text-align: center;
} }
.status { .status {

2
pages/main/lockDetail.vue
View File

@ -3,7 +3,7 @@
<scroll-view <scroll-view
v-if="deviceInfo" v-if="deviceInfo"
scroll-y="true" scroll-y="true"
:style="{ height: deviceInfo.screenHeight - deviceInfo.safeArea.top + 'px' }" :style="{ height: deviceInfo.windowHeight - deviceInfo.safeArea.top + 'px' }"
@refresherrefresh="refresher" @refresherrefresh="refresher"
:refresher-enabled="true" :refresher-enabled="true"
:refresher-triggered="refresherTriggered" :refresher-triggered="refresherTriggered"

2
pages/p2p/videoLog.vue
View File

@ -27,7 +27,7 @@
v-if="deviceInfo" v-if="deviceInfo"
scroll-y="true" scroll-y="true"
:lower-threshold="100" :lower-threshold="100"
:style="{ height: deviceInfo.screenHeight - deviceInfo.safeArea.top - 145 + 'px' }" :style="{ height: deviceInfo.windowHeight - deviceInfo.safeArea.top - 145 + 'px' }"
:refresher-enabled="true" :refresher-enabled="true"
@refresherrefresh="onRefresh" @refresherrefresh="onRefresh"
@scrolltolower="onScrollToLower" @scrolltolower="onScrollToLower"

2
pages/setting/coercionFingerprint.vue
View File

@ -3,7 +3,7 @@
<scroll-view <scroll-view
v-if="deviceInfo" v-if="deviceInfo"
scroll-y="true" scroll-y="true"
:style="{ height: deviceInfo.screenHeight - deviceInfo.safeArea.top + 'px' }" :style="{ height: deviceInfo.windowHeight - deviceInfo.safeArea.top + 'px' }"
lower-threshold="100" lower-threshold="100"
@refresherrefresh="refresherList" @refresherrefresh="refresherList"
:refresher-enabled="true" :refresher-enabled="true"

2
pages/setting/coercionOpenDoor.vue
View File

@ -8,7 +8,7 @@
scroll-y="true" scroll-y="true"
:style="{ :style="{
height: height:
deviceInfo.screenHeight - deviceInfo.windowHeight -
deviceInfo.safeArea.top - deviceInfo.safeArea.top -
(deviceInfo.screenWidth / 750) * 128 + (deviceInfo.screenWidth / 750) * 128 +
'px' 'px'

2
pages/setting/lockUser.vue
View File

@ -3,7 +3,7 @@
<scroll-view <scroll-view
v-if="deviceInfo" v-if="deviceInfo"
scroll-y="true" scroll-y="true"
:style="{ height: deviceInfo.screenHeight - deviceInfo.safeArea.top + 'px' }" :style="{ height: deviceInfo.windowHeight - deviceInfo.safeArea.top + 'px' }"
lower-threshold="100" lower-threshold="100"
> >
<view class="search"> <view class="search">

2
pages/setting/openDoorNotice.vue
View File

@ -8,7 +8,7 @@
scroll-y="true" scroll-y="true"
:style="{ :style="{
height: height:
deviceInfo.screenHeight - deviceInfo.windowHeight -
deviceInfo.safeArea.top - deviceInfo.safeArea.top -
(deviceInfo.screenWidth / 750) * 128 + (deviceInfo.screenWidth / 750) * 128 +
'px' 'px'

2
pages/setting/selectGroup.vue
View File

@ -3,7 +3,7 @@
<scroll-view <scroll-view
v-if="deviceInfo" v-if="deviceInfo"
:scroll-y="true" :scroll-y="true"
:style="{ height: deviceInfo.screenHeight - deviceInfo.safeArea.top + 'px' }" :style="{ height: deviceInfo.windowHeight - deviceInfo.safeArea.top + 'px' }"
> >
<view class="pb-[calc(env(safe-area-inset-bottom)+250rpx)]"> <view class="pb-[calc(env(safe-area-inset-bottom)+250rpx)]">
<view <view