From 2cb26124675883fa1e2742ae7899c9fc791ed6a2 Mon Sep 17 00:00:00 2001 From: zhouwenxuan <1175765986@qq.com> Date: 星期四, 27 七月 2023 14:27:43 +0800 Subject: [PATCH] 修改 --- pages/tabBar/information/information.vue | 80 ++++++++++++++++++++++++---------------- 1 files changed, 48 insertions(+), 32 deletions(-) diff --git a/pages/tabBar/information/information.vue b/pages/tabBar/information/information.vue index fd4674b..89f5e68 100644 --- a/pages/tabBar/information/information.vue +++ b/pages/tabBar/information/information.vue @@ -21,8 +21,10 @@ <view class="listContent" v-if="informationList.length > 0"> <view v-for="(item, index) in informationList" :key="index" class="itemContent"> <view class="content" @click="toDetail(item)"> - <text>[{{item.colorContent}}]</text> - <text>{{item.title}},{{item.content}}</text> + <view class="textContent"> + <text>[{{item.colorContent}}]</text> + <text>{{item.title}},{{item.content}}</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}} @@ -39,11 +41,7 @@ </view> </view> <view v-else> - <u-empty - mode="data" - icon="http://cdn.uviewui.com/uview/empty/data.png" - margin-top="50%"> - </u-empty> + <u-empty margin-top="40%" text="数据为空" mode="data"></u-empty> </view> </view> </view> @@ -125,7 +123,7 @@ </script> -<style> +<style lang="scss" scoped> .box { display: flex; flex-direction: column; @@ -141,12 +139,13 @@ z-index: 1; } .navBarBox .navBar { - background-color:lightgrey; - height: 40px; - display: flex; - flex-direction: row; - justify-content: center; - align-items: center; + background-color:#fff; + height: 50px; + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + box-shadow: 0 3px 12px rgba(0,0,0,0.05); } .barText{ text-align: center; @@ -161,6 +160,7 @@ .contentList{ display: flex; flex-direction: column; + padding-bottom: 65px; } .buttonGroup{ margin: 18px 12px; @@ -215,38 +215,54 @@ align-items: center; } .listHead{ - display: flex; - align-items: center; - /* background-color:lightgrey; */ - height: 25px; - padding: 10px 10px; + padding: 12px; + display: flex; + align-items: center; + justify-content: space-between; } .listContent{ display: flex; flex-direction: column; - padding: 0 10px; + margin: 0 12px; + background: #fff; + border-radius: 5px; + box-shadow: 0 3px 12px rgba(0,0,0,0.05); } .itemContent{ - font-size: 16px; - color: gray; - margin-top: 10px; - border-bottom: 1px solid lightgrey; - + font-size: 16px; + color: #333; + margin-top: 15px; + padding: 0 12px 15px; + border-bottom: 1px solid #ebebeb; + + &: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); + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + } + + .buttonContent{ + width: 80px; + } } .buttonCo{ - margin-top: 5px; - margin-bottom: 10px; + font-size: 13px; } -.buttonContent{ - float: right; - width: 80px; - margin-top: -5px; -} + /* .divider{ height: 1px; background-color: gray; -- Gitblit v1.9.2