tony001 发布系统代码 [后台服务，演示应用]

app_Web/src/components/layout-element/login/app-login-third/app-login-third.vue

 <template>
     <div class="app-login-third">
-        <span class="title">{{ $t("components.login.other") }}</span>
-        <div class="app-login-third-imgrwap">
+        <div class="app-login-third__title">{{ $t("components.login.other") }}</div>
+        <div class="app-login-third__content">
             <div class="sign-btn" @click="handleThirdLogin('DINGDING')">
                 <img class="third-svg-container" src="@/assets/img/dingding.svg" />
             </div>

app_Web/src/components/layout-element/text/app-preset-text/app-preset-text.vue

@@ -3,28 +3,28 @@
         <!-- 直接内容类型 -->
         <template v-if="Object.is(contentType, 'RAW')">
             <template v-if="Object.is(renderMode, 'TEXT')">
-                <span :style="cssStyle">{{ value }}</span>
+                <span :style="cssStyle">{{ content }}</span>
             </template>
             <template v-else-if="Object.is(renderMode, 'HEADING1')">
-                <h1 :style="cssStyle">{{ value }}</h1>
+                <h1 :style="cssStyle">{{ content }}</h1>
             </template>
             <template v-else-if="Object.is(renderMode, 'HEADING2')">
-                <h2 :style="cssStyle">{{ value }}</h2>
+                <h2 :style="cssStyle">{{ content }}</h2>
             </template>
             <template v-else-if="Object.is(renderMode, 'HEADING3')">
-                <h3 :style="cssStyle">{{ value }}</h3>
+                <h3 :style="cssStyle">{{ content }}</h3>
             </template>
             <template v-else-if="Object.is(renderMode, 'HEADING4')">
-                <h4 :style="cssStyle">{{ value }}</h4>
+                <h4 :style="cssStyle">{{ content }}</h4>
             </template>
             <template v-else-if="Object.is(renderMode, 'HEADING5')">
-                <h5 :style="cssStyle">{{ value }}</h5>
+                <h5 :style="cssStyle">{{ content }}</h5>
             </template>
             <template v-else-if="Object.is(renderMode, 'HEADING6')">
-                <h6 :style="cssStyle">{{ value }}</h6>
+                <h6 :style="cssStyle">{{ content }}</h6>
             </template>
             <template v-else-if="Object.is(renderMode, 'PARAGRAPH')">
-                <p :style="cssStyle">{{ value }}</p>
+                <p :style="cssStyle">{{ content }}</p>
             </template>
         </template>
         <!-- 图片类型 -->
@@ -34,7 +34,7 @@
         </template>
         <!-- HTML类型 -->
         <template v-else-if="Object.is(contentType, 'HTML')">
-            <div :style="cssStyle" v-html="value" />
+            <div :style="cssStyle" v-html="content" />
         </template>
         <!-- MARKDOWN类型 -->
         <template v-else-if="Object.is(contentType, 'MARKDOWN')">
@@ -120,6 +120,28 @@ export default class AppPreSetText extends Vue {
         return this.dynaImgUrl;
     }
 
+    /**
+     * 内容
+     *
+     * @memberof AppPreSetText
+     */
+    get content(): string {
+        let content = this.value;
+        if (this.contentType == 'HTML') {
+            const items = content.match(/\{{(.+?)\}}/g);
+            if (items) {
+                items.forEach((item: string) => {
+                    content = content.replace(/\{{(.+?)\}}/, eval(item.substring(2, item.length - 2)));
+                });
+            }
+            content = content.replaceAll('&lt;', '<');
+            content = content.replaceAll('&gt;', '>');
+            content = content.replaceAll('&amp;nbsp;', ' ');
+            content = content.replaceAll('&nbsp;', ' ');
+        }
+        return content;
+    }
+
     /**
      * Vue生命周期 --- Created
      *