提交样式

马宇豪

2023-08-04 9655b129a296b4a5cc5e39d60fc022cf5ac06879

 pages/tabBar/information/information.vue

@@ -19,28 +19,32 @@
               <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"
                       @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="textContent">
                <text>[{{item.colorContent}}]</text>
                <text>{{item.title}},{{item.content}}</text>
              <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="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 class="bottom">
                {{item.content}}
              </view>
                  </view>
               </view>
          </scroll-view>
@@ -129,7 +133,6 @@
         },
         //下拉刷新
         onPullDownRefresh() {
            console.log('refresh');
            setTimeout(() => {
               uni.stopPullDownRefresh();
               this.getInformationList();
@@ -280,28 +283,36 @@
  padding: 0 12px 15px;
  border-bottom: 1px solid #ebebeb;

  &:last-of-type{
    border-bottom: none;
  }
  //&:last-of-type{
  //  border-bottom: none;
  //}
}
.content{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;

  .textContent{
    width: calc(100% - 90px);
  .top{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    .textContent{
      width: calc(100% - 90px);
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
    }

    .buttonContent{
      width: 80px;
    }
  }
  .bottom{
    width: 100%;
    font-size: 14px;
    color: #666;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }

  .buttonContent{
    width: 80px;
  }
}
.buttonCo{