From a449a4c7f356efe2dcac1d5012d29141c9b1e9d2 Mon Sep 17 00:00:00 2001
From: sws <1141121512@qq.com>
Date: Tue, 10 Sep 2024 09:41:47 +0800
Subject: [PATCH] =?UTF-8?q?1.diy----=20=E7=94=A8=E6=88=B7=E4=BF=A1?=
 =?UTF-8?q?=E6=81=AF=E5=BC=80=E5=8F=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/diy/auxiliary-line.vue |  7 +++--
 components/diy/footer.vue         |  1 +
 components/diy/rich-text.vue      |  1 +
 components/diy/user-info.vue      | 43 +++++++++++++++++++++++++++++++
 4 files changed, 48 insertions(+), 4 deletions(-)
 create mode 100644 components/diy/user-info.vue

diff --git a/components/diy/auxiliary-line.vue b/components/diy/auxiliary-line.vue
index 761a65b2..956bd74a 100644
--- a/components/diy/auxiliary-line.vue
+++ b/components/diy/auxiliary-line.vue
@@ -1,8 +1,7 @@
 <template>
-    <view>
-        <view :style="style_container">
-            <view :style="style"></view>
-        </view>
+    <!-- 横线 -->
+    <view :style="style_container">
+        <view :style="style"></view>
     </view>
 </template>
 
diff --git a/components/diy/footer.vue b/components/diy/footer.vue
index c8f6dd1f..41bf300d 100644
--- a/components/diy/footer.vue
+++ b/components/diy/footer.vue
@@ -1,4 +1,5 @@
 <template>
+    <!-- 底部导航 -->
     <view class="footer-nav flex-row jc-c align-c bottom-line-exclude">
         <view class="footer-nav-content flex-row jc-c align-c wh" :style="style_container">
             <ul class="flex-row jc-sa align-c wh padding-0">
diff --git a/components/diy/rich-text.vue b/components/diy/rich-text.vue
index d7905400..4eed5ae5 100644
--- a/components/diy/rich-text.vue
+++ b/components/diy/rich-text.vue
@@ -1,4 +1,5 @@
 <template>
+    <!-- 富文本 -->
     <view class="rich-text" :style="style_container">
         <mp-html :content="content" />
     </view>
diff --git a/components/diy/user-info.vue b/components/diy/user-info.vue
new file mode 100644
index 00000000..29fe787b
--- /dev/null
+++ b/components/diy/user-info.vue
@@ -0,0 +1,43 @@
+<template>
+    <!-- 用户信息 -->
+    <view class="rich-text" :style="style_container">
+        <mp-html :content="content" />
+    </view>
+</template>
+
+<script>
+    import { common_styles_computer } from '@/common/js/common/common.js';
+    export default {
+        props: {
+            value: {
+                type: Object,
+                default: () => ({}),
+            },
+        },
+        data() {
+            return {
+                style_container: '',
+                content: '',
+            };
+        },
+        mounted() {
+            this.init();
+        },
+        methods: {
+            init() {
+                const new_content = this.value.content || {};
+                const new_style = this.value.style || {};
+                this.content = new_content.html;
+                this.style_container = common_styles_computer(new_style.common_style);
+            },
+        },
+    };
+</script>
+
+<style>
+    .rich-text {
+        * {
+            max-width: 100%;
+        }
+    }
+</style>