页面高度样式修改
This commit is contained in:
parent
bad70f6735
commit
60a8bb2f25
12
App.vue
12
App.vue
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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%;
|
||||||
|
|
|
||||||
|
|
@ -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 {
|
||||||
|
|
|
||||||
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -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;
|
||||||
|
|
|
||||||
|
|
@ -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 {
|
||||||
|
|
|
||||||
|
|
@ -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 {
|
||||||
|
|
|
||||||
|
|
@ -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;
|
||||||
|
|
|
||||||
|
|
@ -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 {
|
||||||
|
|
|
||||||
|
|
@ -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;
|
||||||
|
|
|
||||||
|
|
@ -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%;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -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 {
|
||||||
|
|
|
||||||
|
|
@ -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;
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -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;
|
||||||
|
|
|
||||||
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -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 {
|
||||||
|
|
|
||||||
|
|
@ -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;
|
||||||
|
|
|
||||||
|
|
@ -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;
|
||||||
|
|
|
||||||
|
|
@ -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 {
|
||||||
|
|
|
||||||
|
|
@ -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 {
|
||||||
|
|
|
||||||
|
|
@ -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%;
|
||||||
|
|
|
||||||
|
|
@ -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 {
|
||||||
|
|
|
||||||
|
|
@ -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;
|
||||||
|
|
|
||||||
|
|
@ -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 {
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue