qwl-wechat-h5/pages/yunProduct/newDetail.vue

<template>
	<view class="app" style="margin: 10rpx 30rpx;">	
		<text class="new-title">一见倾心 | 轻未来2021大健康引领5G新店品牌战略盛典圆满成功！</text>
		<text class="new-time">2021年4月24日</text>
		<image src="/static/shop/677088217d8a00aa.jpg" class="new-img"></image>
		<text class="new-des">理想，是未来事物的美好想象和希望，也比喻对某事物榛于最完善境界的观念。是人们在实践过程中形成的，有实现可能性的、对未来社会和自身发展的向往和追求；价值观是基于人的一定的思维感官之上而作出的认知、理解、判断或抉择、也就是认定事物、判定是非的一种思维或取向、本产本具有良好疗效；理想，是未来事物的美好想象和希望，也比喻对某事物榛于最完善境界的观念。是人们在实践过程中形成的，有实现可能性的、对未来社会和自身发展的向往和追求；价值观是基于人的一定的思维感官之上而作出的认知、理解、判断或抉择、也就是认定事物、判定是非的一种思维或取向、本产本具有良好疗效；</text>
	</view>
</template>

<script>

	export default {
		components: {
	
		},
		data() {
			return {
				navList: [],//导航列表
				advertList: [],//广告列表
				hotList: [],//热门推荐
			   indicatorDots: true,
				autoplay: true,
				interval: 2000,
				duration: 500
			}
		},
		computed: {
			  changeIndicatorDots(e) {
			            this.indicatorDots = !this.indicatorDots
			        },
			        changeAutoplay(e) {
			            this.autoplay = !this.autoplay
			        },
			        intervalChange(e) {
			            this.interval = e.target.value
			        },
			        durationChange(e) {
			            this.duration = e.target.value
			        },
			midAdvert(){
				if(this.advertList.length === 0) return {};
				const res = this.advertList.filter(item=> item.advert_type === 'middle');
				return res.length > 0 ? res[0]: {};
			},
			carousel(){
				return this.advertList.filter(item=> item.advert_type === 'carousel');
			}
		},
		onLoad() {
			this.loadAdvert();
			this.loadNavList();
			
			setTimeout(()=>{
				//this.navTo('/pages/address/list')
			}, 1000)
		},
		methods: {
			toStoreProduct(){
					this.navTo(`/pages/yunProduct/storeProduct`)
			},
			//加载广告 缓存10分钟
			async loadAdvert(){
				const res = await this.$request('advert', 'getAdvertList', {}, {
					cache: 10*60
				});
				this.advertList = res.data;
				this.log(res);
			},
			//加载导航 缓存1小时
			async loadNavList(){
				const res = await this.$request('advert', 'getNavList', {}, {
					cache: 60*60*0,
				});
				this.navList = res.data;
			},
		}
	}
</script>

<style>
	page{
		background-color: white;
	}
</style>
<style scoped lang="scss">
	/* 分类 */
	
	
	.new-title{
		display: block;
		line-height: 45rpx;
		font-size: 15px;
		font-weight: bold;
		color: #333333;
		margin: 50rpx 0rpx 0rpx;
	}
	.new-time{
		display: block;
		font-size: 13px;
		font-weight: 500;
		color: #999999;
		text-align: right;
	}
	.new-img{
		width: 100%;
		height: 375rpx;
		margin: 48rpx 0rpx 50rpx;
		
	}
	.new-des{
		font-size: 13px;
		font-weight: 500;
		color: #999999;
	}
	
	
	
</style>