样式全面修改，所有页面焕然一新

qingyiay

2023-05-05 79993be468244e6cc16ce9c1d7e8736bd359c600

 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,39 @@
};
</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-family: PingFang SC;
   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;