页面高度样式修改

This commit is contained in:
zzyuan 2025-06-17 16:19:23 +08:00
parent bad70f6735
commit 60a8bb2f25
32 changed files with 84 additions and 49 deletions

12
App.vue
View File

@ -39,8 +39,14 @@ export default {
margin: 0;
padding: 0;
}
body,html {
height: 100vh !important;
overflow: auto !important;
html{
height: 100% !important;
overflow: hidden !important;
box-sizing: border-box;
}
body {
height: 100vh !important;
overflow: hidden !important;
box-sizing: border-box;
}
</style>

View File

@ -1,6 +1,6 @@
<template>
<page-meta :page-font-size="fontValue+'px'" :root-font-size="fontValue+'px'"></page-meta>
<view>
<view style="height: 100vh;overflow-y: auto;">
<view class="image-box">
<image style="width: 100%;height: 100%;" :src="dashesData.imageUrl"></image>
</view>
@ -637,8 +637,8 @@ page {
flex-direction: column;
box-sizing: border-box;
background-color: #fff;
min-height: 100%;
height: auto;
height: 98vh;
overflow-y: auto;
}
.image-box{
width: 90%;

View File

@ -467,7 +467,8 @@ export default {
.page {
background: #f9fbff;
padding: 16px;
min-height: 100vh;
height: 100vh;
overflow-y: auto;
color: #0f274b;
}
.appraise {

View File

@ -101,7 +101,8 @@ export default {
<style lang="scss" scoped>
.page-container {
min-height: 100vh;
height: 96vh;
overflow-y: auto;
background-color: #f5f5f5;
padding: 20rpx;
}

View File

@ -166,7 +166,8 @@ export default {
.password-page {
padding: 40rpx;
background-color: #ffffff;
min-height: 100vh;
height: 100vh;
overflow-y: auto;
.title {
font-size: 40rpx;

View File

@ -71,8 +71,8 @@
flex-direction: column;
box-sizing: border-box;
background-color: #F9FBFF;
min-height: 100%;
height: auto;
height: 100vh;
overflow-y: auto;
}
.work-container {

View File

@ -6,7 +6,7 @@
@leftClick="goBack"
@rightClick="clickIcon"
:autoBack="true"
placeholder
placeholder :leftIconSize="leftIconSize"
titleStyle="font-size: 32rpx;font-weight: 700;"
>
<view slot="right">
@ -51,7 +51,11 @@ export default {
text: {
type: String,
default: ''
}
},
leftIconSize:{
type: Number,
default: 20
}
},
data() {
return {

View File

@ -102,7 +102,8 @@ export default {
background: #fff;
}
.message-page {
min-height: 94vh;
height: 96vh;
overflow-y: auto;
background-color: #f5f5f5;
background: #fff;
padding: 12px;

View File

@ -253,7 +253,8 @@ export default {
<style lang="scss" scoped>
.feedback-page {
height:94vh;
height:96vh;
overflow-y: auto;
background-color: #FFF;
.type-section {

View File

@ -419,8 +419,8 @@ page {
flex-direction: column;
box-sizing: border-box;
background-color: #fafcff;
min-height: 100%;
height: auto;
height: 100vh;
overflow-y: auto;
}
view {
@ -486,10 +486,10 @@ view {
.handle-box-item2{
width: 100%;
margin-bottom: 10px;
margin-bottom: 12px;
background-color: #ffffff;
border-radius: 12rpx;
padding: 18rpx 20rpx;
padding: 24rpx 20rpx;
display: flex;
align-items: center;
justify-content: space-between;

View File

@ -219,7 +219,8 @@ export default {
<style lang="scss" scoped>
page {
// background-color: #ffffff;
min-height: 100vh;
height: 100vh;
overflow-y: auto;
background-image: url('../static/images/login/back.png');
background-size: 100% 100%;
}

View File

@ -58,7 +58,8 @@ export default {
.notice-detail {
padding: 16px;
background-color: #fff;
min-height: 94vh;
height: 96vh;
overflow-y: auto;
}
.notice-title {

View File

@ -137,7 +137,8 @@ export default {
background: #fff;
}
.message-page {
min-height: 94vh;
height: 96vh;
overflow-y: auto;
background-color: #f5f5f5;
background: #fff;
padding: 12px;

View File

@ -1,7 +1,7 @@
<template>
<page-meta :page-font-size="fontValue+'px'" :root-font-size="fontValue+'px'"></page-meta>
<u-loading-page :loading="showLoading" loading-text="加载中..."></u-loading-page>
<view style="background-color: #fff;height: 94vh;">
<view style="background-color: #fff;height: 94vh;overflow-y: auto;">
<view class="top-bar">
<view style="font-size: 28rpx;font-weight: bold;">{{collectData.length}}个菜品</view>
<view style="color: red;" @click="isShowBtn=!isShowBtn">管理</view>

View File

@ -323,7 +323,8 @@
<style lang="scss">
.container {
min-height: 100vh;
height: 100vh;
overflow-y: auto;
background-color: #FBFCFF;
}

View File

@ -76,7 +76,8 @@ export default {
<style lang="scss">
.container {
min-height: 100vh;
height: 100vh;
overflow-y: auto;
background-color: #fff;
}

View File

@ -144,7 +144,8 @@ export default {
background: #f5f5f5;
}
.list-page {
min-height: 94vh;
height: 96vh;
overflow-y: auto;
background-color: #f5f5f5;
padding: 12px;
}

View File

@ -114,7 +114,8 @@ export default {
<style lang="scss" scoped>
.address-list {
min-height: 100vh;
height: 94vh;
overflow-y: auto;
background-color: #f8f8f8;
padding: 30rpx;
}

View File

@ -201,7 +201,8 @@ export default {
<style lang="scss">
.container {
min-height: 100vh;
height: 100vh;
overflow-y: auto;
background-color: #fff;
}

View File

@ -93,7 +93,8 @@ export default {
<style lang="scss">
.container {
min-height: 100vh;
height: 100vh;
overflow-y: auto;
background-color: #fff;
}

View File

@ -109,8 +109,9 @@ export default {
<style lang="scss" scoped>
.password-page {
padding: 40rpx;
background-color: #ffffff;
min-height: 100vh;
background-color: #ffffff;
height: 94vh;
overflow-y: auto;
.title {
font-size: 40rpx;

View File

@ -115,7 +115,8 @@ export default {
<style lang="scss" scoped>
.page-container {
min-height: 100vh;
height: 96vh;
overflow-y: auto;
background-color: #f5f5f5;
padding: 20rpx;
}

View File

@ -282,7 +282,8 @@ export default {
<style lang="scss" scoped>
.page-container {
min-height: 100vh;
height: 96vh;
overflow-y: auto;
background-color: #f5f5f5;
padding: 20rpx;
}

View File

@ -217,7 +217,8 @@ page {
.recharge-history {
background: #fff;
//background-color: #f3f4f6;
min-height: 94vh;
height: 94vh;
overflow-y: auto;
}
.tab-navigation {

View File

@ -213,7 +213,8 @@ export default {
<style scoped>
.report-detail {
background-color: #fff;
min-height: 94vh;
height: 100vh;
overflow-y: auto;
}
.info-item {
display: flex;

View File

@ -98,8 +98,9 @@ export default {
page {
background: #fff;
}
.message-page {
min-height: 94vh;
.message-page {
height: 96vh;
overflow-y: auto;
background-color: #f5f5f5;
background: #fff;
padding: 12px;

View File

@ -2,7 +2,8 @@
<page-meta :page-font-size="fontValue+'px'" :root-font-size="fontValue+'px'"></page-meta>
<view class="index_main" :style="{ minHeight: screenH + 'px' }">
<!-- <Navbar title="皖送e餐" :showRightText="false" :isBack="false" :showBack="false"/> -->
<view style="height: 50px;width: 100%;text-align: center;line-height: 50px;background: #FFF;font-weight: 600;font-size: 32rpx;margin-bottom: 20rpx;">皖送e餐</view>
<Navbar title="皖送e餐" :showRightText="false" :isBack="false" :showBack="false" :leftIconSize="0"/>
<!-- <view style="height: 50px;width: 100%;text-align: center;line-height: 50px;background: #FFF;font-weight: 600;font-size: 32rpx;margin-bottom: 20rpx;">皖送e餐</view> -->
<view class="back-top"></view>
<!-- 轮播图 -->
<view class="swiper_nav">
@ -136,7 +137,8 @@ export default {
<style lang="scss">
page {
min-height: 100vh;
height: 100vh;
overflow-y: auto;
background-image: url('../static/images/system/bg.png');
}
@ -163,6 +165,7 @@ page {
border-radius: 20rpx;
padding: 0 24rpx;
box-sizing: border-box;
margin-top: 28rpx;
}
.main_menu {

View File

@ -68,8 +68,8 @@ page {
flex-direction: column;
box-sizing: border-box;
background-color: #f9fbff;
min-height: 100%;
height: auto;
height: 100vh;
overflow-y: auto;
}
.work-container {

View File

@ -1,6 +1,6 @@
<template>
<page-meta :page-font-size="fontValue+'px'" :root-font-size="fontValue+'px'"></page-meta>
<view>
<view style="height: 100vh;overflow-y: auto;">
<view class="image-box">
<image style="width: 100%;height: 100%;" :src="dashesData.imageUrl"></image>
@ -262,8 +262,8 @@ page {
flex-direction: column;
box-sizing: border-box;
background-color: #fff;
min-height: 100%;
height: auto;
height: 100vh;
overflow-y: auto;
}
.image-box{
width: 90%;

View File

@ -325,7 +325,8 @@ export default {
.page {
background: #f9fbff;
padding: 16px;
min-height: 100vh;
height: 98vh;
overflow-y: auto;
color: #0f274b;
}
.appraise {

View File

@ -208,8 +208,9 @@ export default {
</script>
<style lang="scss" scoped>
.rating-page {
min-height: 94vh;
.rating-page {
height: 94vh;
overflow-y: auto;
background-color: #ffffff;
padding: 40rpx;
padding-bottom: 120rpx;

View File

@ -115,8 +115,8 @@
flex-direction: column;
box-sizing: border-box;
background-color: #fff;
min-height: 100%;
height: auto;
height: 100vh;
overflow-y: auto;
}
view {