优化

MrShi

6 天以前 97158794d69fd2beee1bf27577aa7cadea8d847d

 mini-program/pages/details/details.vue

@@ -54,10 +54,10 @@
            </view>
         </view>
      </view>
      <view class="card">
      <view class="card" v-if="item.casesList">
         <view class="card-title">
            <view class="card-title-xian"></view>
            <text>优秀项目案例 (40)</text>
            <text>优秀项目案例 ({{item.casesList.length}})</text>
         </view>
         <view class="work">
            <view class="work-item" v-for="(child, index) in item.casesList" :key="index">
@@ -69,7 +69,7 @@
                  </view>
                  <view class="left-info">{{child.detail}}</view>
               </view>
               <view class="right" v-if="child.fileList && child.fileList.length > 0" @click="yulan">
               <view class="right" v-if="child.fileList && child.fileList.length > 0" @click="yulan(index, child.fileList[0].url)">
                  <image :src="child.fileList[0].url" mode="widthFix"></image>
                  <view class="right-num">共{{child.fileList.length}}张</view>
               </view>
@@ -92,6 +92,12 @@
         this.getDetails()
      },
      methods: {
         yulan(index, url) {
            uni.previewImage({
               current: url,
               urls: this.item.casesList[index].fileList.map(item => item.url)
            })
         },
         zhankai() {
            this.item.zhankai = !this.item.zhankai
         },
@@ -106,6 +112,13 @@
                     res.data.zhankai = false
                     res.data.contentCopy = res.data.content.substring(0, 30) + '...'
                  }
                  let arr = []
                  res.data.fieldList.forEach(item => {
                     if (item.remark) {
                        arr.push(item)
                     }
                  })
                  res.data.fieldList = arr;
                  this.item = res.data
               }
            })
@@ -179,18 +192,21 @@
            }
            .item-info-a {
               display: flex;
               align-items: center;
               align-items: flex-start;
               text {
                  &:nth-child(1) {
                     flex-shrink: 0;
                     font-weight: 600;
                     font-size: 30rpx;
                     color: #222222;
                  }
                  &:nth-child(2) {
                     width: 300rpx;
                     font-weight: 400;
                     font-size: 24rpx;
                     color: #777777;
                     margin-left: 10rpx;
                     margin-top: 7rpx;
                  }
               }
            }
@@ -198,7 +214,7 @@
               display: flex;
               flex-wrap: wrap;
               align-items: center;
               margin-top: 8rpx;
               margin-top: 16rpx;
               .item-info-b-row {
                  padding: 0 8rpx;
                  box-sizing: border-box;
@@ -210,8 +226,9 @@
                  font-size: 22rpx;
                  color: #2E68C4;
                  margin-right: 8rpx;
                  margin-bottom: 8rpx;
                  &:last-child {
                     margin: 0;
                     margin-right: 0;
                  }
               }
            }
@@ -238,6 +255,7 @@
            }
            .item-info-d {
               width: 100%;
               line-height: 40rpx;
               font-weight: 400;
               font-size: 24rpx;
               color: #333333;
@@ -345,7 +363,7 @@
            .card-list-item {
               display: flex;
               flex-direction: column;
               margin-bottom: 20rpx;
               margin-bottom: 30rpx;
               &:last-child {
                  margin: 0 !important;
               }
@@ -353,9 +371,10 @@
                  font-weight: 500;
                  font-size: 28rpx;
                  color: #333333;
                  margin-bottom: 15rpx;
               }
               .card-list-item-text {
                  font-weight: 500;
                  font-weight: 400;
                  font-size: 26rpx;
                  color: #666666;
               }