From 14df401b50272890dc910bbd95d98a8b6caf48d3 Mon Sep 17 00:00:00 2001 From: qingyiay <2386314947@qq.com> Date: 星期三, 10 五月 2023 20:32:44 +0800 Subject: [PATCH] 样式修改,引入字体,修改逻辑 --- pages/public-page/message/message.vue | 33 +++++++++++++++++++++++++++------ 1 files changed, 27 insertions(+), 6 deletions(-) diff --git a/pages/public-page/message/message.vue b/pages/public-page/message/message.vue index e84b822..21bebd4 100644 --- a/pages/public-page/message/message.vue +++ b/pages/public-page/message/message.vue @@ -6,8 +6,10 @@ <u-swipe-action> <u-swipe-action-item :options="options1" v-for="(item, index) in messageList" :key="item.id" @click="deleteMsg(item, index)"> <u-badge :isDot="true" type="error" v-if="item.status !== 1"></u-badge> - <u-cell size="large" :title="item.title" :label="item.content" @click="messageDetails(item, index)"> - <view class="prepose" slot="icon"><u-icon name="file-text" color="#a299a0" size="80"></u-icon></view> + <u-cell size="large" :title="item.title" @click="messageDetails(item, index)"> + <u-parse :content="item.content" slot="label"></u-parse> + + <view class="prepose" slot="icon"><u-icon name="volume" color="#035CFB" size="40"></u-icon></view> </u-cell> </u-swipe-action-item> </u-swipe-action> @@ -120,19 +122,38 @@ }; </script> -<style lang="scss"> +<style lang="scss" scoped> +@mixin flex { + display: flex; + justify-content: center; + align-items: center; +} ::v-deep .u-list-item- { position: relative; .u-badge { position: absolute; - right: vww(10); - top: vww(10); + left: vww(45); + top: vww(13); } +} +::v-deep .u-cell__title-text { + height: 32rpx; + font-size: 34rpx !important; + font-weight: bold; + color: #2f2f2f !important; + margin-bottom: vww(18); } .message-body { width: 100%; height: 100%; - + .prepose { + width: 89rpx; + height: 89rpx; + background: rgba(237, 240, 245, 0.75); + border-radius: 50%; + @include flex; + margin-right: vww(32); + } .more-text { color: #999; font-size: 24rpx; -- Gitblit v1.9.1