xinelu-applet-ui/pagesC/noticedetails/noticedetails.vue
2023-11-10 16:48:33 +08:00

65 lines
1.1 KiB
Vue

<template>
<view class="app">
<view class="" style="height: 20rpx;width: 100%;background-color: #f6f6f6;">
</view>
<view class="title">
<!-- 家庭医生迎来重大版本升级 -->
{{currentItem.title?currentItem.title:title}}
</view>
<view class="time">
{{currentItem.sendTime}}
</view>
<view class="" style="height: 2rpx;width: 100%;background-color: #f6f6f6;">
</view>
<view class="text">
<text>{{currentItem.content}}</text>
</view>
</view>
</template>
<script>
export default {
data() {
return {
currentItem: '',
title: '',
};
},
onLoad(options) {
this.title = options.title
this.currentItem = JSON.parse(options.item)
}
}
</script>
<style lang="scss">
.app {
.text {
font-size: 24rpx;
line-height: 40rpx;
letter-spacing: 1rpx;
color: #333333;
margin-left: 30rpx;
margin-top: 20rpx;
text {
display: block;
}
}
.time {
margin-left: 30rpx;
font-size: 22rpx;
line-height: 50rpx;
color: #999999;
}
.title {
margin-left: 30rpx;
font-size: 32rpx;
margin-top: 20rpx;
line-height: 80rpx;
color: #333333;
}
}
</style>