61 lines
1.3 KiB
Vue
61 lines
1.3 KiB
Vue
<template>
|
|
<app-layout title="详情">
|
|
<div class="message-container">
|
|
<view class="head">
|
|
<text class="title limit-line clamp-1">{{ title }}</text>
|
|
<text class="date">{{ date }}</text>
|
|
</view>
|
|
<view class="body">
|
|
<rich-text :nodes="content"></rich-text>
|
|
</view>
|
|
</div>
|
|
</app-layout>
|
|
</template>
|
|
|
|
<script>
|
|
import AppLayout from "@/components/layout/layout";
|
|
export default {
|
|
name: "message-detail",
|
|
data() {
|
|
return {
|
|
title: "接单后要求多久与客户预约安装时间？",
|
|
date: "2022-11-01 18:14",
|
|
content: "哈哈哈",
|
|
};
|
|
},
|
|
components: {
|
|
AppLayout,
|
|
},
|
|
onLoad() {},
|
|
onShow() {},
|
|
onReady() {},
|
|
onReachBottom() {},
|
|
onPullDownRefresh() {},
|
|
methods: {},
|
|
};
|
|
</script>
|
|
|
|
<style lang="less" scoped>
|
|
.message-container {
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
padding: 40rpx;
|
|
.head {
|
|
width: 100%;
|
|
font-size: 30rpx;
|
|
font-weight: bold;
|
|
line-height: 30rpx;
|
|
.title {
|
|
color: #333333;
|
|
}
|
|
.date {
|
|
display: inline-block;
|
|
color: #999999;
|
|
margin-top: 24rpx;
|
|
}
|
|
}
|
|
.body {
|
|
margin-top: 40rpx;
|
|
}
|
|
}
|
|
</style> |