demingshangjia/pages/messages/info.vue

<template>
	<view>
		<image :src="list.picture" class="picture" mode="widthFix"></image>
        <view class="box">
            <view class="info">
                <text class="title u-line-2">{{ list.title }}</text>
                <u-divider class="time">{{ list.addtime }}</u-divider>
                <!-- <text class="time"></text> -->
            </view>
            <view class="content">{{ list.summary }}</view>
        </view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				id: 0,
                list: [],
			};
		},
        onLoad(option) {
            // console.log(option);
            this.id = option.id;
            // 获取数据
            this.informationList();
        },
        methods: {
            informationList(){
                console.log(this.id)
            	this.$u.api.messageInfo({id:this.id}).then((res)=>{
                    this.list = res.data
                    console.log(res);

            	})
            }
        }
	}
</script>

<style lang="scss">
page {
}
.picture {
    width: 750rpx;
}
.box {
    width: 100%;
    padding: 20rpx;
    .info {
        .title {
            font-size: 38rpx;
            color: rgba(0,0,0,.84);
            line-height: 1.2;
        }
        .time {
            padding: 40rpx 0;
        }
    }
    .content {
        padding: 0 6rpx;
        font-size: 34rpx;
        color: rgba(0,0,0,.6);
        line-height: 1.4;
        letter-spacing: 1rpx;
        text-indent: 2rem;
    }
}
</style>