| | |
|---|
| | | </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> |
|---|
| | |
|---|
| | | </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> |
|---|
| | |
|---|
| | | 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> |
|---|
