czga-mobile/pages/content/content.vue

<template>
	<view slot="content">
		<view class="index">
			<view class="back">
				<u-icon @click="goback" name="arrow-left"></u-icon>
				<text>{{title}}</text>
			</view>
		</view>
		<view class="contentwrap">
			<view class="title">
				{{list.title}}
			</view>
			<view class="form">
				<text>{{list.times}}</text>
				<text>{{list.from}}</text>
				<text><u-icon name="eye"></u-icon>{{list.view?list.view:"0"}}</text>
			</view>
			<view class="info" v-html="list.content"></view>
		</view>
		
		
		
		<tab-bar :currentPage="0"></tab-bar>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				titleindex:0,
				titlelist:[{
					name: '图片新闻'
				}, {
					name: '综合新闻'
				}, {
					name: '市局通知'
				},{
					name: '市局文件'
				},{
					name: '各地警讯'
				}, {
					name: '机关动态'
				}, {
					name: '好警纪实'
				}, {
					name: '警营文化'
				}],
				title:"",
				list:{
					title:"于贵平到金坛督导检查党的二十大安保调研指",
					times:"2022-06-29",
					from:"常州公安",
					view:"456",
					content:"<p style='text-indent:2em'>7月7日下午，副市长、公安局长于贵平到高新区调研，传达李耀光厅长来常视察时的指示精神，督导检查党的二十大安保“常安行动”推进情况，调研指导全区公安工作，看望慰问一线民警辅警，勉励高新区公安机关以李耀光厅长对常州公安工作的肯定和鼓励为新动力。</p>"
				}
			}
		},
		onLoad() {

		},
		onShow(options) {
			this.titleindex = this.util.RQ("index")?this.util.RQ("index"):0
			this.title=this.titlelist[this.titleindex].name
			// var that = this
			// console.log('before',that.menuIndex)
			// that.menuIndex = uni.getStorageSync('menuIndex')?uni.getStorageSync('menuIndex'):0
			// console.log('after',that.menuIndex)
			// uni.removeStorageSync('menuIndex')
		},
		methods: {
			goback(){
				console.log("aa")
				
				// uni.switchTab({
				// 	url:'/pages/index/index'
				// })
				// uni.navigateBack({
				// 	delta:1,//返回层数，2则上上页
				// })
			}
		}
	}
</script>

<style>
	.index {
		/* background: url(@/static/images/homebg.png) no-repeat; */
		background: linear-gradient(90deg, #D81B28 0%, #F96767 100%);
		background-color: #fff;
		background-size: 100%;
		width: 100%;
		min-height: 435rpx;
		/* position: fixed; */
	}
	.back{
		font-size: 46rpx;
		color:#fff;
		padding:40rpx 40rpx;
		position: relative;
		top:0;
		left:0
	}
	.back text{
		position: absolute;
		left:50%;
		top:50%;
		transform: translate(-50%,-50%);
	}
	.contentwrap{
		background: #fff;
		padding:180rpx 40rpx;
		padding-top:0;
		margin-top:-300rpx
		
	}
	.title{
		color:#4D4D4D;
		font-size: 40rpx;
		text-align: center;
		padding:25rpx 0;
		padding-bottom:5rpx;
	}
	.form{
		text-align: center;
	}
	.form text{
		margin:10rpx 20rpx;
		display: inline-block;
	}
	.info{
		font-size: 36rpx;
		font-family: SourceHanSansCN-Normal, SourceHanSansCN;
		font-weight: 400;
		color: #000000;
		line-height: 55rpx;
	}
	
	
	
</style>