From 45237a5746e794060e48bd172161c08660621d5c Mon Sep 17 00:00:00 2001
From: zhouwenxuan <1175765986@qq.com>
Date: Tue, 08 Aug 2023 17:21:18 +0800
Subject: [PATCH] 登陆缓存 样式调整
---
pages/tabBar/information/information.vue | 71 +++++++++++++++++++----------------
1 files changed, 38 insertions(+), 33 deletions(-)
diff --git a/pages/tabBar/information/information.vue b/pages/tabBar/information/information.vue
index da2d350..4a132b5 100644
--- a/pages/tabBar/information/information.vue
+++ b/pages/tabBar/information/information.vue
@@ -14,43 +14,43 @@
</div>
<!-- 页面内容 -->
<view class="contentList">
- <view class="examineList">
<view class="listHead">
<u-checkbox-group >
<u-checkbox v-model="isReadOnly" :checked="isReadOnly" @change="chooseRead"></u-checkbox>只显示审核通过
</u-checkbox-group>
</view>
-<!-- <view class="listContent" v-if="informationList.length > 0">-->
- <scroll-view :scroll-top="scrollTop" scroll-y="true" class="listContent" @scrolltoupper="upper" v-if="informationList.length > 0"
+ <view style="display: flex;flex-direction: column;margin-bottom: 55px;">
+ <view class="examineList">
+ <scroll-view :scroll-top="scrollTop" scroll-y="true" class="listContent" @scrolltoupper="upper" v-if="informationList.length > 0"
@scrolltolower="lower" @scroll="scroll" lower-threshold="50">
<view v-for="(item, index) in informationList" :key="index" class="itemContent">
<view class="content" @click="toDetail(item)">
- <view class="top">
- <view class="textContent">
- <text>[{{item.colorContent}}]</text>
- <text>{{item.title}}</text>
- </view>
- <view class="buttonContent">
- <u-button v-if="item.buttonContent == '审核通过'" size="mini" class="buttonCo" style="background-color:rgb(17, 204, 33);color: white">
- {{item.buttonContent}}
- </u-button>
- <u-button v-else-if="item.buttonContent == '已驳回'" size="mini" class="buttonCo" style="background-color:rgb(153, 148, 143);color: white">
- {{item.buttonContent}}
- </u-button>
- <u-button v-else type="error" size="mini" class="buttonCo">
- {{item.buttonContent}}
- </u-button>
- </view>
- </view>
- <view class="bottom">
- {{item.content}}
- </view>
+ <view class="top">
+ <view class="textContent">
+ <text>[{{item.colorContent}}]</text>
+ <text>{{item.title}}</text>
</view>
- </view>
- </scroll-view>
-<!-- </view>-->
+ <view class="buttonContent">
+ <u-button v-if="item.buttonContent == '审核通过'" size="mini" class="buttonCo" style="background-color:rgb(17, 204, 33);color: white">
+ {{item.buttonContent}}
+ </u-button>
+ <u-button v-else-if="item.buttonContent == '已驳回'" size="mini" class="buttonCo" style="background-color:rgb(153, 148, 143);color: white">
+ {{item.buttonContent}}
+ </u-button>
+ <u-button v-else type="error" size="mini" class="buttonCo">
+ {{item.buttonContent}}
+ </u-button>
+ </view>
+ </view>
+ <view class="bottom">
+ {{item.content}}
+ </view>
+ </view>
+ </view>
+ </scroll-view>
<view v-else>
<u-empty margin-top="40%" text="数据为空" mode="data"></u-empty>
+ </view>
</view>
</view>
</view>
@@ -145,7 +145,7 @@
},
lower: function(e) {
if (this.data.pageIndex * this.data.pageSize >= this.total){
- uni.$u.toast('已加载全部数据')
+ // uni.$u.toast('已加载全部数据')
return
}
//并且让页码+1,调用获取数据的方法获取第二页数据
@@ -199,11 +199,11 @@
.statusBar{
background-color:lightgrey;
}
-.contentList{
- display: flex;
- flex-direction: column;
- padding-bottom: 65px;
-}
+// .contentList{
+// display: flex;
+// flex-direction: column;
+// padding-bottom: 65px;
+// }
.buttonGroup{
margin: 18px 12px;
@@ -274,7 +274,12 @@
box-shadow: 0 3px 12px rgba(0,0,0,0.05);
height: calc(100vh - 162px);
}
-
+.examineList{
+ // margin-top: 12px;
+ height: calc(100vh - 200px);
+ overflow: hidden;
+ overflow-y: scroll;
+}
.itemContent{
font-size: 16px;
--
Gitblit v1.9.2