css

liukangdong

2024-06-25 ebc96a1cf0424c04dceacbc42f9ad2a897223be9

 h5/packagesMine/notice/notice.vue

@@ -1,30 +1,54 @@
<template>

   <view class="notice">

      <view class="notice_item" v-for="(item, index) in list" :key="index" @click="jump(item)">

    <view

      class="notice_item"

      v-for="(item, index) in list"

      :key="index"

      @click="jump(item)"

    >

         <view class="left">

            <view class="left_dian" v-if="item.status === 0"></view>

            <image src="@/static/meeting/icon/xiaoxi_ic_gonggao@2x.png" v-if="item.type === 1" mode="widthFix"></image>

            <image src="@/static/meeting/icon/xiaoxi_ic_gonggao@2x(1).png" v-else mode="widthFix"></image>

        <image

          src="@/static/meeting/icon/xiaoxi_ic_gonggao@2x.png"

          v-if="item.type === 1"

          mode="widthFix"

        ></image>

        <image

          src="@/static/meeting/icon/xiaoxi_ic_gonggao@2x(1).png"

          v-else

          mode="widthFix"

        ></image>

         </view>

         <view class="right">

            <view class="right_a">{{item.title}}</view>

            <view class="right_b" v-if="item.type === 1">

               <view class="right_b_label">会议主题：</view>

               <view class="right_b_val">{{item.meetingDetailResponse.meetingName}}</view>

          <view class="right_b_val">{{

            item.meetingDetailResponse.meetingName

          }}</view>

            </view>

            <view class="right_b" v-if="item.type === 1">

               <view class="right_b_label">会议时间：</view>

               <view class="right_b_val">{{item.meetingDetailResponse.meetingDate}} {{item.meetingDetailResponse.meetingTime}}</view>

          <view class="right_b_val"

            >{{ item.meetingDetailResponse.meetingDate }}

            {{ item.meetingDetailResponse.meetingTime }}</view

          >

            </view>

            <view class="right_b" v-if="item.type === 1">

               <view class="right_b_label">会议室：</view>

               <view class="right_b_val">{{item.meetingDetailResponse.roomName}}</view>

          <view class="right_b_val">{{

            item.meetingDetailResponse.roomName

          }}</view>

            </view>

            <view class="right_b" v-if="item.type === 1">

               <view class="right_b_label">预约人：</view>

               <view class="right_b_val">{{item.meetingDetailResponse.bookingUserName}}</view>

          <view class="right_b_val">{{

            item.meetingDetailResponse.bookingUserName

          }}</view>

            </view>

            <view class="right_c" v-if="item.type !== 1">{{item.createDate}}</view>

        <view class="right_c" v-if="item.type !== 1">{{

          item.createDate

        }}</view>

         </view>

      </view>

   </view>

@@ -37,7 +61,7 @@
            page: 0,

            next: false,

            list: []

         };

    }

      },

      onLoad() {

         this.getList()

@@ -70,7 +94,7 @@
            if (item.type === 0) {

               uni.navigateTo({

                  url: `/packagesMine/notificationDetails/notificationDetails?content=${item.id}`

               });

        })

            } else {

               that.$u.api.getMemberDTO({ id: item.id })

                  .then(res => {

@@ -81,7 +105,7 @@
                     })

                     uni.navigateTo({

                        url: `/packagesMine/meetingDetails/meetingDetails?id=${item.meetingDetailResponse.id}`

                     });

            })

                  })

            }

         }

@@ -118,8 +142,8 @@
               top: 0;

               width: 18rpx;

               height: 18rpx;

               background: #F62710;

               border: 2rpx solid #FFFFFF;

        background: #f62710;

        border: 2rpx solid #ffffff;

               border-radius: 50%;

            }

            image {

@@ -134,7 +158,7 @@
            .right_a {

               font-size: 32rpx;

               font-family: PingFangSC-Medium, PingFang SC;

               font-weight: 500;

        font-weight: 600;

               color: #222222;

               margin-bottom: 24rpx;

            }