登陆缓存 样式调整

zhouwenxuan

2023-08-08 45237a5746e794060e48bd172161c08660621d5c

 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;