提交

MrShi

10 小时以前 8250384a6b443df940062f99064127d77e72c1ec

 mini-program/pages/community/community.vue

@@ -9,7 +9,7 @@
         </view>
         <view class="search">
            <u-search placeholder="请输入关键词" height="36" searchIconColor="#999999" borderColor="#eeeeee"
               bgColor="rgba(255,255,255,0.9)" :showAction="false" v-model="keyword" />
               bgColor="rgba(255,255,255,0.9)" :showAction="false" v-model="info" />
            <view class="search-shai" @click="show = true">
               <text>筛选</text>
               <image src="/static/icon/ic_shaixuan@2x.png" mode="widthFix"></image>
@@ -17,17 +17,17 @@
         </view>
      </view>
      <view class="list">
         <view class="list-item" v-for="(item, index) in 10" :key="index">
         <view class="list-item" v-for="(item, index) in list" :key="index" @click="jump(item.id)">
            <view class="info">
               <view class="info-title">挖掘机在冬季起动为什么困难？</view>
               <view class="info-desc">挖掘机在冬季起动为什么困难？不仅决定于本身的技术状况，还受外界气温的影响</view>
               <view class="info-title">{{item.name}}</view>
               <view class="info-desc" v-if="item.contentInfo">{{item.contentInfo}}</view>
               <view class="info-data">
                  <view class="tips">维修</view>
                  <text>100 阅读｜2025-10-10 21:00</text>
                  <view class="tips">{{item.lablesName}}</view>
                  <text>{{item.looknum || 0}} 阅读｜{{item.createDate}}</text>
               </view>
            </view>
            <view class="image">
               <image src="/static/logo.png" mode="widthFix"></image>
            <view class="image" v-if="item.imgurlfull">
               <image :src="item.imgurlfull" mode="widthFix"></image>
            </view>
         </view>
      </view>
@@ -69,8 +69,44 @@
      data() {
         return {
            show: false,
            keyword: ''
            info: '',
            page: 1,
            next: true,
            list: []
         };
      },
      onLoad() {
         this.getList()
      },
      onReachBottom() {
         this.getList()
      },
      methods: {
         jump(id) {
            uni.navigateTo({
               url: '/pages/article-details/article-details?id=' + id
            })
         },
         getList() {
            if (!this.next) return;
            this.$u.api.getArticlePage({
               capacity: 10,
               page: this.page,
               model: {
                  info: this.info,
                  brandId: '',
                  labelId: ''
               }
            }).then(res => {
               if (res.code === 200) {
                  this.list.push(...res.data.records)
                  this.page++
                  if (this.list.length === res.data.total) {
                     this.next = false
                  }
               }
            })
         },
      }
   }
</script>