首页图片获取,行业报告中行业新闻及详情页和新品发布及详情页接口对接完毕
This commit is contained in:
@@ -1,9 +1,8 @@
|
||||
<template>
|
||||
<view>
|
||||
<view :key="index">
|
||||
<u-swiper :list="detailList.images" indicatorMode="line " width="750rpx" height="530rpx" radius="0"
|
||||
circular>
|
||||
</u-swiper>
|
||||
<u-image :src="imgUrl+detailList.cover" width="750rpx" height="530rpx">
|
||||
</u-image>
|
||||
<view class="collect">
|
||||
<view class="star">
|
||||
<u-image v-if="showStar==false" src="/static/detail/xp_icon_wstar.png" width="28rpx" height="28rpx"
|
||||
@@ -31,8 +30,7 @@
|
||||
</view>
|
||||
<view class="tag_view">
|
||||
<view>
|
||||
<text class="tagOne">{{detailList.tags}}</text>
|
||||
<!-- <text class="tagTwo">{{item.tagTwo}}</text> v-for="item in detailList.tags" :key="item.id" -->
|
||||
<text class="tagOne" v-for="item in detailList.tags" :key="item.id">{{item}}</text>
|
||||
</view>
|
||||
<view v-if="isThumb==false" class="heart">
|
||||
<u-image v-if="showHeart==false" src="/static/detail/xp_icon_heart.png" width="34rpx"
|
||||
@@ -64,44 +62,39 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
dateFormatDetail
|
||||
} from '../../../utills/date.js'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
id: '',
|
||||
imgUrl: '',
|
||||
tagsArray: [],
|
||||
showStar: false,
|
||||
showHeart: false,
|
||||
isThumb: false,
|
||||
detailList: [
|
||||
// {
|
||||
// title: '锅巴',
|
||||
// tag: '零食铺子',
|
||||
// desc: '糯米蟹黄锅巴散装,非油炸绿色健康食品',
|
||||
// classify: '薯片膨化',
|
||||
// tagOne: '无添加剂1',
|
||||
// tagTwo: '无添加剂',
|
||||
// time: '2022年12月04日',
|
||||
// content: '<h1>一级标题</h1><br/><h2>二级标题</h2>'
|
||||
// },
|
||||
],
|
||||
swiperList: [
|
||||
'/static/detail/zhanwei_xppx.png',
|
||||
'/static/detail/zhanwei_xppx.png'
|
||||
]
|
||||
detailList: []
|
||||
}
|
||||
},
|
||||
onLoad(option) {
|
||||
console.log('产品id', option.id);
|
||||
this.id = option.id
|
||||
this.getProductDetail()
|
||||
this.imgUrl = uni.getStorageSync('img_url')
|
||||
},
|
||||
methods: {
|
||||
//获取详情信息
|
||||
getProductDetail() {
|
||||
this.$apiServe.getProductDetail(this.id).then(res => {
|
||||
// console.log('详情页', res.data.data.thumb)
|
||||
// console.log('详情页', res.data.data)
|
||||
if (res.data.data.thumb) {
|
||||
this.isThumb = true
|
||||
}
|
||||
let detail = res.data.data
|
||||
detail.pub_time = dateFormatDetail(detail.pub_time)
|
||||
let tag = detail.tags
|
||||
this.tagsArray = tag.split(',')
|
||||
detail.tags = this.tagsArray
|
||||
this.detailList = res.data.data
|
||||
}).finally(_ => {})
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user