From 3f10299a92e23fd902e4bd51a6d59f9bf0c7d7ec Mon Sep 17 00:00:00 2001
From: qingyiay <2386314947@qq.com>
Date: 星期二, 20 六月 2023 10:08:18 +0800
Subject: [PATCH] 增加用户绑定页面
---
pages/public-page/messageDetails/messageDetails.vue | 104 +++++++++++++++++++++++++++++-----------------------
1 files changed, 58 insertions(+), 46 deletions(-)
diff --git a/pages/public-page/messageDetails/messageDetails.vue b/pages/public-page/messageDetails/messageDetails.vue
index 87b45f4..a54c670 100644
--- a/pages/public-page/messageDetails/messageDetails.vue
+++ b/pages/public-page/messageDetails/messageDetails.vue
@@ -1,55 +1,67 @@
<template>
- <view>
- <combined-title title="娑堟伅璇︽儏"></combined-title>
- <view class="compDetails" v-for="(item, index) in detail" :key="index">
- <uni-table border stripe emptyText="鏆傛棤鏇村鏁版嵁">
- <uni-tr>
- <uni-th align="left">娑堟伅鏍囬</uni-th>
- <uni-td align="left">{{ item.title || '' }}</uni-td>
- </uni-tr>
- <uni-tr>
- <uni-th align="left">娑堟伅鍐呭</uni-th>
- <uni-td align="left">{{ item.content || '' }}</uni-td>
- </uni-tr>
- <uni-tr>
- <uni-th align="left">鍒涘缓鏃堕棿</uni-th>
- <uni-td align="left">{{ item.createTime || '' }}</uni-td>
- </uni-tr>
- </uni-table>
+ <view class="main">
+ <view class="main-title">
+ {{title}}
+ </view>
+ <u-divider text="杩欐槸涓�鏉″垎鍓茬嚎"
+ textColor="#2979ff"
+ lineColor="#2979ff"
+ textSize='20'></u-divider>
+ <view class="main-content">
+ <u-parse :content="content"
+ :lazyLoad="true"
+ :selectable="true"></u-parse>
</view>
</view>
</template>
<script>
-export default {
- data() {
- return {
- index: '',
- detail: []
- };
- },
- onLoad(v) {
- this.index = v.index;
- },
- onShow() {
- this.messageReq();
- },
- methods: {
- messageReq() {
- uni.showLoading({
- title: '鍔犺浇涓�'
- });
- this.$reqGet('getMessageByUser', { current: 1, size: 10 }).then(res => {
- if (res.code == 0) {
- uni.hideLoading();
- this.detail = res.data.records.filter((v, i) => i == this.index);
- } else {
- this.$u.toast('鍔犺浇澶辫触');
- }
- });
+ export default {
+ data() {
+ return {
+ index: '',
+ detail: {},
+ messageId: '',
+ id: '',
+ content: '',
+ title: ''
+ };
+ },
+ onLoad(v) {
+ this.messageId = v.messageId;
+ this.id = v.id;
+ },
+ onShow() {
+ this.getDetail();
+ },
+ methods: {
+ getDetail() {
+ this.$reqGet('getMsgDetail', { messageId: this.messageId, id: this.id }).then(res => {
+ this.detail = res.data;
+ this.content = this.detail.content;
+ this.title = this.detail.title;
+ });
+ }
}
- }
-};
+ };
</script>
-<style></style>
+<style lang="scss"
+ scoped>
+ @mixin flex {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ }
+
+ .main {
+ width: 100%;
+ height: 100%;
+
+ .main-title,
+ .main-content {
+ width: 94%;
+ margin: vww(10) auto;
+ }
+ }
+</style>
\ No newline at end of file
--
Gitblit v1.9.1