首页修改

Lou

2023-11-17 eed35c26883b4dedddcbe4a8d3dedafdd4e5daf7

 subPackage/article/list.vue

@@ -5,23 +5,35 @@
            :inactiveStyle="{color:'#999999'}" :activeStyle="{color:'#017BFC'}"></u-tabs>
      </view>
      <view class="list">
         <view class="notic-list bgc-ff" v-for="(item,index) in noticeList" key="index" @click="navTo(item.id)">
            <view class="f-28 mb-30">
         <view class="notic-list flex j-c-s-b  bgc-ff" v-for="(item,index) in noticeList" :key="index" @click="navTo(item.id)">
            <!-- <view class="f-28 mb-30">
               {{item.title}}
            </view>
            <view class="flex a-i-c j-c-s-b">
               <view class="f-28 flex a-i-c">
                  <!-- <view class="flex a-i-c mr-30">
                  <u-icon name="thumb-up-fill" size="24" color="#CECECE"></u-icon>
                  <text class="f-24 c-99 ml-10">{{item.countNumber}}</text>
               </view> -->
                  <view class="flex a-i-c">
               <view class="f-28 flex a-i-c ">
                  <u-tag :text="item.dictValue" plain plainFill> </u-tag>
                  <view class="flex a-i-c ml-30">
                     <u-icon name="eye-fill" size="20" color="#CECECE"></u-icon>
                     <text class="f-24 c-99 ml-10">{{item.viewNumber}}</text>
                  </view>
               </view>
               <text class="f-24 c-99">{{item.createTime}}</text>
            </view> -->
            <view class="notic-list-left flex f-d-c j-c-s-b">
               <text class="notice-title f-28 fw">{{item.title}}</text>
               <view class="tag-content">
                  <u-tag :text="item.dictValue" plain plainFill size="mini"> </u-tag>
               </view>
				
               <view class="flex j-c-s-b a-i-c">
                  <view class="flex a-i-c">
                     <u-icon name="eye-fill" size="16" color="#CECECE"></u-icon>
                     <text class="f-24 c-99 ml-10">{{item.viewNumber}}</text>
                  </view>
                  <text class="f-24 c-99">{{item.createTime}}</text>
               </view>
            </view>
            <u-image :src="item.url" width="260rpx" height="200rpx"></u-image>
         </view>
         <u-loadmore :status="loadingStatus" loadmoreText="开始加载" loadingText="数据加载中" nomoreText="没有更多了" line />
      </view>
@@ -111,7 +123,7 @@
   }
</script>

<style>
<style lang="scss">
   page {
      background-color: #f5f5f5;
   }
@@ -141,5 +153,21 @@
   .notic-list {
      padding: 30rpx;
      border-bottom: 1px solid #f5f5f5;
      .notic-list-left {
         width: calc(100% - 260rpx - 20rpx);
         height: 200rpx;
      }
		
      .notice-title {
         width: 100%;
         display: -webkit-box;
         -webkit-box-orient: vertical;
         -webkit-line-clamp: 2;
         overflow: hidden;
      }
		
      .tag-content {
         display: inline-flex;
      }
   }
</style>