feat: 添加事件名称

罗广辉

6 days ago 9859152fdaebb4162e80e8a112705bf397f35e09

 uniapps/work-app/src/pages/work/index.vue

@@ -13,12 +13,17 @@
        <div class="eventList">
          <div class="eventItem"  v-for="(item,index) in dataList" :key="index">
            <image
                     v-if="[1, 2].includes(item.attachmentType)"
                     :src="item?.aiImg || item?.eventImageUrl"
                     mode="aspectFill"
                     @click="detailHandle(item)"
                  />
                  <div v-if="item.attachmentType === 3" class="videoBox" @click="detailHandle(item)">
                     <div class="playIcon"></div>
                  </div>
            <div class="informationDisplay">
              <div class="itemContent">{{formatDate(item.createTime) }}</div>
                     <div class="itemTitle">{{ item.eventName }}</div>
              <div class="itemContent">{{ formatDate(item.createTime) }}</div>
            </div>
          </div>
        </div>
@@ -383,13 +388,40 @@
      box-sizing: border-box;
      max-width: 100%;

      image {
      image,
         .videoBox {
        width: 100%;
        height: 208rpx;
        border-radius: 12rpx;
        overflow: hidden;
            display: block;
      }
         .videoBox {
            background: linear-gradient(135deg, #eef4ff 0%, #dfe8f8 100%);
            display: flex;
            align-items: center;
            justify-content: center;
         }
         .playIcon {
            width: 72rpx;
            height: 72rpx;
            border-radius: 50%;
            background: rgba(29, 111, 233, 0.9);
            position: relative;
            box-shadow: 0 8rpx 18rpx rgba(29, 111, 233, 0.24);

            &::after {
               content: '';
               position: absolute;
               left: 29rpx;
               top: 20rpx;
               width: 0;
               height: 0;
               border-top: 16rpx solid transparent;
               border-bottom: 16rpx solid transparent;
               border-left: 22rpx solid #fff;
            }
         }
      .informationDisplay{
        width: 100%;
        position: absolute;
@@ -398,14 +430,16 @@
        border-radius: 0rpx 0rpx 12rpx 12rpx;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding: 10rpx 0rpx 10rpx 0rpx;
        justify-content: space-between;
        padding: 10rpx 14rpx;
            box-sizing: border-box;
        .itemTitle {
          width: 144rpx;
          flex: 1;
               min-width: 0;
          font-family: Source Han Sans CN, Source Han Sans CN;
          font-weight: 500;
          font-size: 28rpx;
          color: #000000;
          font-size: 24rpx;
          color: #FFFFFF;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
@@ -416,7 +450,8 @@
          font-weight: 400;
          font-size: 24rpx;
          color: #FFFFFF;
          padding-right: 14rpx;
          margin-left: 12rpx;
               white-space: nowrap;

        }
      }