lvdao-miniapp/pages/procedureList/procedureDetail.vue

<template>
	<view class="pages">
		<view class="contents">
			<view class="box" >
			
				 <view class="title">
				 	{{tableList.title}}
				 </view>
				 <view class="time">
				 	{{tableList.createdAt}}
				 </view>
				 <view class="desc">
				 	<!-- <u-parse :html="item.announcementContent"></u-parse> -->
					阿萨打我请问请问额阿萨打我请问请问额阿萨打我请问请问额阿萨打我请问请问额阿萨打我请问请问额
				 		<!-- {{item.content}} -->
				 </view>
		
				
				
			</view>
		</view>
	</view>
</template>
<script>
	export default {
		data() {
			return {
tableList:[],
pageindex: {
				id:'',
				pageNumber: 1,
				pageSize: 10,
				},
			}
		},
		onLoad(option){
			if(option.ids){
				this.pageindex.id = option.ids
			}
			this.getALL()
		},
		mounted() {
			this.getALL()
		},
		methods: {
	
getALL(){
		this.$http.sendRequest('/cereMessageNotification/queryByPage', 'POST', this.pageindex,1).then(res => {
			this.tableList =res.data.data.content[0]
		})
			},
		}
	}
</script>
<style lang="scss" scoped>
	.pages {
		width: 100vw;
		height: 100%;
		position: relative;
		overflow-y: auto;
		background-color: #f6f6f6;
		padding:0 20px;
		.contents {
			width: 100%;
			border-radius: 20rpx;
			background-color: #fff;
			margin-top: 20rpx;
			.box {
				width: 94%;
				margin: 0 auto;
				padding: 28rpx 40rpx 28rpx 10rpx;
				.title{
					font-size: 30rpx;
					font-weight: bold;
				}
				.time{
					margin: 20rpx 0;
					color: #888D9C;
					font-size: 24rpx;
				}
				.desc{
					color: #888D9C;
					font-size: 24rpx;
					text-align: justify;
					margin-top:10px;
				}
			}
		}
	}
</style>