Browse Source

导航栏高度问题导致分页错误

v3
蟑螂恶霸 2 years ago
parent
commit
6f354e144a
  1. 9
      src/assets/style/index.less
  2. 23
      src/components/footer-enforcement-nav/index.vue
  3. 26
      src/components/footer-nav/index.vue
  4. 6
      src/views/enterprise/complaintList.vue

9
src/assets/style/index.less

@ -26,10 +26,11 @@ html,body,#app{
}
.footer_body{
height: 50px;
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
box-sizing: content-box;
height: 2rem;
//height: 50px;
//padding-bottom: constant(safe-area-inset-bottom);
//padding-bottom: env(safe-area-inset-bottom);
//box-sizing: content-box;
}
.no_data{

23
src/components/footer-enforcement-nav/index.vue

@ -44,17 +44,28 @@ let data = reactive({
</script>
<style lang="less" scoped>
/*.footer_nav{*/
/* height: 50px;*/
/* padding-bottom: constant(safe-area-inset-bottom);*/
/* padding-bottom: env(safe-area-inset-bottom);*/
/* box-sizing: content-box;*/
/* background-color: #fff;*/
/* !*box-shadow: 0 0 0.27rem #e5e5e5;*!*/
/* .footer-bar{*/
/* position: absolute;*/
/* bottom: constant(safe-area-inset-bottom);*/
/* bottom: env(safe-area-inset-bottom);*/
/* }*/
/*}*/
.footer_nav{
height: 50px;
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
box-sizing: content-box;
height: 2.0rem;
background-color: #fff;
/*box-shadow: 0 0 0.27rem #e5e5e5;*/
.footer-bar{
position: absolute;
bottom: constant(safe-area-inset-bottom);
bottom: env(safe-area-inset-bottom);
/*bottom: 0.6rem;*/
}
}

26
src/components/footer-nav/index.vue

@ -28,17 +28,31 @@ let data = reactive({
</script>
<style lang="less" scoped>
/*.footer_nav{*/
/* heighheight: 50px;*/
/*padding-bottom: constant(safe-area-inset-bottom);*/
/*padding-bottom: env(safe-area-inset-bottom);*/
/*box-sizing: content-box;*/
/*background-color: #fff;*/
/*!*box-shadow: 0 0 0.27rem #e5e5e5;*!*/
/* .footer-bar{*/
/* position: absolute;*/
/* bottom: constant(safe-area-inset-bottom);*/
/* bottom: env(safe-area-inset-bottom);*/
/* }*/
/*}*/
.footer_body{
height: 2rem;
}
.footer_nav{
heighheight: 50px;
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
box-sizing: content-box;
height: 2.0rem;
background-color: #fff;
/*box-shadow: 0 0 0.27rem #e5e5e5;*/
.footer-bar{
position: absolute;
bottom: constant(safe-area-inset-bottom);
bottom: env(safe-area-inset-bottom);
/*bottom: 0.6rem;*/
}
}

6
src/views/enterprise/complaintList.vue

@ -43,7 +43,7 @@
<!-- <van-button plain hairline class="search-button" @click="mssq()" round type="primary" size="mini">临时按钮</van-button>-->
</div>
<!-- <div class="search-button-date">
<!-- <div class="search-button-date">
<span class="date-select" @click="selectDate">{{ data.dateSearch }}</span>
<div style="border-color: black;" class="van-hairline&#45;&#45;bottom"></div>
&lt;!&ndash; <van-button class="search-button" type="primary" size="mini">统计分析</van-button> &ndash;&gt;
@ -97,8 +97,8 @@
</div>-->
<div class="btn-list">
<!-- <a><van-icon name="warning-o" />投诉</a>-->
<!-- <a v-if="item.status == 1" @click.stop="toEvaluate(item.id)"><van-icon name="flower-o"/>评价</a>-->
<!-- <a v-else style="color: #808080;" @click.stop="toEvaluate(item.proWoCode)"><van-icon color="#808080" name="flower-o"/>评价</a>-->
<!-- <a v-if="item.status == 1" @click.stop="toEvaluate(item.id)"><van-icon name="flower-o"/>评价</a>-->
<!-- <a v-else style="color: #808080;" @click.stop="toEvaluate(item.proWoCode)"><van-icon color="#808080" name="flower-o"/>评价</a>-->
</div>
</div>

Loading…
Cancel
Save