digitalMen/pages/wx/newsdetail.vue

<template>
	<view>
		<!-- <view style="color: #fff;">
			<tn-nav-bar backgroundColor="#00CA88" :bottomShadow="false">详情</tn-nav-bar>
			<view :style="{height: 45+'px'}"></view>
		</view> -->
		<view class="wrap">
			<text class="title">{{infos.title}}</text>
			<view class="time">
				<text style="margin-right: 20rpx;">由管理员</text>
				<text> 访问:</text>
				<text>{{infos.flow}}</text>
			</view>
			<view class="msg">
				<text>{{infos.desc}}</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				news: [{
						id: 0,
						title: "小程序微官网全新版本来袭,要制作的联系我们,五折,今日制作仅需5折!!!",
						image: "https://www.xibuts.cn/template/default/index/images/xcx_adv01.png",
						flow: '3241',
						desc: '随着微信小程序的日益火爆，很多商家都对微信小程序表示了高度的关注，因为担心开发成本较高，所以一直处于观望状态，但是今天小知想告诉大家一个好消息：微必知免费版小程序商城正式开启。微必知支持小程序商城一键生成，三分钟快速搭建好自己的小程序商城。,了解更多,联系电话: 4006266876'
					},
					{
						id: 1,
						title: "年销100W+，传统农场如何打开新媒体市场",
						image: "https://www.xibuts.cn/template/default/index/images/xcx_adv03.png",
						flow: '156741',
						desc: '水果同质化很严重，未来想走小而美的创业路，可以从团购+定制化入手，比如，为集团提供定制化苹果（假设我们销售苹果）——圈定100个目标大客户，开春后开始公关。如此以来，咱们的产品有了核心竞争力了哦。,了解更多,联系电话: 4006266876'
					},
					{
						id: 2,
						title: "农产品品牌华春果正式进军新媒体社交电商,靠的是什么?",
						image: "https://www.xibuts.cn/template/default/index/images/xcx_adv03.png",
						flow: '156741',
						desc:'全方位提供新媒体营销模式服务,新品发布,企业年会,活动,电影娱乐,了解更多,联系电话: 4006266876'
					}
				],
				infos:{}
			}
		},
		onLoad(option) {
			// console.log(option);

			var id = option.id;
			this.infos = this.news[id]
		},
		methods: {

		}
	}
</script>

<style>
	.wrap {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column;
		flex-direction: column;
		padding: 0 30rpx;
		background-color: #fff;
	}

	.title {
		line-height: 67rpx;
		font-size: 48rpx;
		color: #000;
		white-space: normal;
		word-break: break-all;
	}

	.time {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		flex-direction: row;
	}

	.time text {
		line-height: 76rpx;
		color: #888;
	}

	.msg {
		width: 690rpx;
		padding: 30rpx 0;
		overflow: hidden;
	}

	.msg text {
		font-size: 40rpx;
		line-height: 60rpx;

	}
</style>