页面高度样式修改

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; margin: 0;
padding: 0; padding: 0;
} }
body,html { html{
height: 100vh !important; height: 100% !important;
overflow: auto !important; overflow: hidden !important;
box-sizing: border-box;
}
body {
height: 100vh !important;
overflow: hidden !important;
box-sizing: border-box;
} }
</style> </style>

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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