From 9655b129a296b4a5cc5e39d60fc022cf5ac06879 Mon Sep 17 00:00:00 2001
From: 马宇豪 <978517621@qq.com>
Date: 星期五, 04 八月 2023 13:43:55 +0800
Subject: [PATCH] 提交样式
---
pages/tabBar/information/information.vue | 73 +++++++++++++++++++++---------------
1 files changed, 42 insertions(+), 31 deletions(-)
diff --git a/pages/tabBar/information/information.vue b/pages/tabBar/information/information.vue
index b8b43a7..3c3e937 100644
--- a/pages/tabBar/information/information.vue
+++ b/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{
--
Gitblit v1.9.2