This commit is contained in:
DESKTOP-GMUNQ1B\k 2024-04-10 17:04:57 +08:00
parent 53d52b0621
commit 3063a637a2
2 changed files with 138 additions and 125 deletions

View File

@ -8,7 +8,8 @@
<view class="nav" v-if="showTab&&list.length>0"> <view class="nav" v-if="showTab&&list.length>0">
<view class="nav-item" @click="navTo('/pages/cloud_warehouse/home/home')"> <view class="nav-item" @click="navTo('/pages/cloud_warehouse/home/home')">
<view class="nav-item-up"> <view class="nav-item-up">
<image src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/c72bf202403191713119980.webp" mode=""></image> <image src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/c72bf202403191713119980.webp" mode="">
</image>
</view> </view>
<view class="nav-item-down"> <view class="nav-item-down">
<view class="nav-item-down-title">里海云仓</view> <view class="nav-item-down-title">里海云仓</view>
@ -17,7 +18,8 @@
</view> </view>
<view class="nav-item" @click="navTo('/pages/cloud_warehouse/market/market')"> <view class="nav-item" @click="navTo('/pages/cloud_warehouse/market/market')">
<view class="nav-item-up"> <view class="nav-item-up">
<image src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/de539202403191713558109.webp" mode=""></image> <image src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/de539202403191713558109.webp" mode="">
</image>
</view> </view>
<view class="nav-item-down"> <view class="nav-item-down">
<view class="nav-item-down-title">供销云市场</view> <view class="nav-item-down-title">供销云市场</view>
@ -26,7 +28,8 @@
</view> </view>
<view class="nav-item" @click="navTo('/pages/cloud_warehouse/specialty/specialty')"> <view class="nav-item" @click="navTo('/pages/cloud_warehouse/specialty/specialty')">
<view class="nav-item-up"> <view class="nav-item-up">
<image src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/81f8a202403191714238972.webp" mode=""></image> <image src="https://lihai001.oss-cn-chengdu.aliyuncs.com/def/81f8a202403191714238972.webp" mode="">
</image>
</view> </view>
<view class="nav-item-down"> <view class="nav-item-down">
<view class="nav-item-down-title">名优特产</view> <view class="nav-item-down-title">名优特产</view>
@ -36,13 +39,18 @@
</view> </view>
<!-- 资讯 --> <!-- 资讯 -->
<view v-if="showTab&&list.length>0" @click="navTo('/pages/news_list/index?type=20')" style="display: flex;justify-content: space-between;padding-bottom: 20rpx;font-size: 26rpx;color: #999999;height: 70rpx;align-items: center;"> <view v-if="showTab&&list.length>0" @click="navTo('/pages/news_list/index?type=20')"
<view style="font-size: 28rpx;background-color: #40ae36;color: #fff;padding: 4rpx 16rpx 6rpx 16rpx;border-radius: 90rpx;">里海新闻</view> style="display: flex;justify-content: space-between;padding-bottom: 20rpx;font-size: 26rpx;color: #999999;height: 70rpx;align-items: center;">
<view
style="font-size: 28rpx;background-color: #40ae36;color: #fff;padding: 4rpx 16rpx 6rpx 16rpx;border-radius: 90rpx;">
里海新闻</view>
<view style="display: flex;">更多<u-icon name="arrow-right" size="12" color="#999"></u-icon></view> <view style="display: flex;">更多<u-icon name="arrow-right" size="12" color="#999"></u-icon></view>
</view> </view>
<view class="information" v-if="showTab&&list.length>0"> <view class="information" v-if="showTab&&list.length>0">
<scroll-view scroll-x style="height: 230rpx;width: 700rpx;white-space: nowrap;"> <scroll-view scroll-x style="height: 230rpx;width: 700rpx;white-space: nowrap;">
<view class="nav-item" style="display: inline-block;margin-right: 16rpx;" @click="navTo(`/pages/news_details/index?id=${item.article_id}`)" v-for="(item, index) in list" :key="item.article_id"> <view class="nav-item" style="display: inline-block;margin-right: 16rpx;"
@click="navTo(`/pages/news_details/index?id=${item.article_id}`)" v-for="(item, index) in list"
:key="item.article_id">
<view class="nav-item-up" style="overflow: hidden;"> <view class="nav-item-up" style="overflow: hidden;">
<image :src="item.image_input" mode="aspectFill"></image> <image :src="item.image_input" mode="aspectFill"></image>
</view> </view>
@ -66,7 +74,8 @@
</view> </view>
<view class='recommendList' :class="indexP?'on':''"> <view class='recommendList' :class="indexP?'on':''">
<WaterfallsFlow v-if="hostProduct.length>0" :wfList='hostProduct' @itemTap="goDetail" :type="0" :sale_type="sale_type"/> <WaterfallsFlow v-if="hostProduct.length>0" :wfList='hostProduct' @itemTap="goDetail" :type="0"
:sale_type="sale_type" />
<view class='pictrue' v-if="!loading&&hostProduct.length==0"> <view class='pictrue' v-if="!loading&&hostProduct.length==0">
<image :src="`${domain}/static/images/noCart.png`"></image> <image :src="`${domain}/static/images/noCart.png`"></image>
<view>暂无商品看点别的吧</view> <view>暂无商品看点别的吧</view>
@ -95,7 +104,9 @@
import { import {
HTTP_REQUEST_URL HTTP_REQUEST_URL
} from '@/config/app'; } from '@/config/app';
import { Toast } from "../../libs/uniApi"; import {
Toast
} from "../../libs/uniApi";
export default { export default {
components: { components: {
WaterfallsFlow WaterfallsFlow
@ -120,11 +131,11 @@
type: Boolean, type: Boolean,
default: false default: false
}, },
sale_type:{ sale_type: {
type: [Number, String], type: [Number, String],
default: 1 default: 1
}, },
loading:{ loading: {
type: Boolean, type: Boolean,
default: false default: false
}, },
@ -145,7 +156,7 @@
desc: '商户汇聚', desc: '商户汇聚',
val: 3 val: 3
}, { }, {
name: '名优特产', name: '名优特产',
desc: '特色农副', desc: '特色农副',
val: 4 val: 4
}], }],
@ -161,7 +172,7 @@
this.currTabs = e; this.currTabs = e;
this.$emit('changeRecommedTab', e) this.$emit('changeRecommedTab', e)
}, },
navTo(url){ navTo(url) {
uni.navigateTo({ uni.navigateTo({
url: url, url: url,
fail: () => { fail: () => {
@ -169,11 +180,11 @@
} }
}) })
}, },
getArticleList(){ getArticleList() {
getArticleList(20,{ getArticleList(20, {
page: 1, page: 1,
limit: 10 limit: 10
}).then(res=>{ }).then(res => {
this.list = res.data.list; this.list = res.data.list;
}) })
}, },
@ -322,7 +333,7 @@
border-radius: 16rpx 16rpx 0 0; border-radius: 16rpx 16rpx 0 0;
} }
.information{ .information {
// display: flex; // display: flex;
// justify-content: space-between; // justify-content: space-between;
// margin-bottom: 20rpx; // margin-bottom: 20rpx;
@ -371,11 +382,13 @@
} }
} }
} }
.pictrue{
.pictrue {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
color: #999; color: #999;
image { image {
width: 414rpx; width: 414rpx;
height: 305rpx; height: 305rpx;

View File

@ -504,7 +504,7 @@
name: '供销云市场批发', name: '供销云市场批发',
val: 2 val: 2
}, { }, {
name: '名优特产批发', name: '名优特产批发',
val: 3 val: 3
}], }],
tabsCurr: 1, tabsCurr: 1,