修改公告样式，修改楼盘列表样式，新增我的家人页面，个人中心样式调整

Lou

2023-11-20 627fd69986e6306c4f00881bc6bf0dc9bf6fca28

 subPackage/article/list.vue

@@ -4,40 +4,10 @@
         <u-tabs :list="tabList" :current="tabIndex" keyName="dictValue" @change="changeTab"
            :inactiveStyle="{color:'#999999'}" :activeStyle="{color:'#017BFC'}"></u-tabs>
      </view>
      <view class="list">
         <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 ">
                  <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 class="list bgc-ff">
         <notice-list   :data="list"  />
      </view>
      <u-loadmore :status="loadingStatus" loadmoreText="开始加载" loadingText="数据加载中" nomoreText="没有更多了" line />
   </view>
</template>

@@ -46,13 +16,17 @@
      getPage,
      getCategory
   } from "@/api/article/article.js";
   import noticeList from "@/components/noticeList/noticeList.vue"
   export default {
      components:{
         noticeList
      },
      data() {
         return {
            tabList: [],
            tabId: "",
            tabIndex: 0,
            noticeList: [],
            list: [],
            currentPage: 1,
            loadingStatus: 'nomore'
         }
@@ -71,7 +45,7 @@
         changeTab(e) {
            this.tabIndex = e.index;
            this.tabId = e.dictKey;
            this.noticeList = [];
            this.list = [];
            this.currentPage = 1;
            this.getNoticeList()
         },
@@ -113,7 +87,7 @@
               })
               return
            }
            this.noticeList = [...this.noticeList, ...records]
            this.list = [...this.list, ...records]
            this.loadingStatus = 'nomore'

         },
@@ -128,7 +102,6 @@
   page {
      background-color: #f5f5f5;
   }

   .tab {
      width: 100%;
      height: 88rpx;
@@ -144,32 +117,9 @@
      padding: 0 30rpx;
      box-sizing: border-box;
      z-index: 999;

   }

   .list {
      margin-top: 108rpx;
   }

   .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;
      }
      padding:0 30rpx;
   }
</style>