fix: viditor样式失效 #586

fix: 优化邀请链接组件样式，增加文本换行支持；调整积分商城页面内边距

frontend_nuxt/components/InviteCodeActivityComponent.vue

@@ -15,7 +15,7 @@
     </div>
 
     <div v-if="inviteLink" class="invite-code-link-content">
-      <p>
+      <p class="invite-code-link-content-text">
         邀请链接：{{ inviteLink }}
         <span @click="copyLink"><i class="fas fa-copy copy-icon"></i></span>
       </p>
@@ -171,6 +171,10 @@ const copyLink = async () => {
   opacity: 0.8;
 }
 
+.invite-code-link-content-text {
+  word-break: break-all;
+}
+
 .copy-icon {
   cursor: pointer;
   margin-left: 5px;

frontend_nuxt/nuxt.config.ts

@@ -12,7 +12,6 @@ export default defineNuxtConfig({
       twitterClientId: process.env.NUXT_PUBLIC_TWITTER_CLIENT_ID || '',
     },
   },
-  // 确保 Vditor 样式在 global.css 覆盖前加载
   css: ['vditor/dist/index.css', '~/assets/fonts.css', '~/assets/global.css'],
   app: {
     pageTransition: { name: 'page', mode: 'out-in' },

frontend_nuxt/pages/points.vue

@@ -129,7 +129,7 @@ const submitRedeem = async () => {
 
 <style scoped>
 .point-mall-page {
-  padding-left: 20px;
+  padding: 0 20px;
   max-width: var(--page-max-width);
   background-color: var(--background-color);
   margin: 0 auto;

frontend_nuxt/utils/vditor.js

@@ -2,6 +2,7 @@ import Vditor from 'vditor'
 import { getToken, authState } from './auth'
 import { searchUsers, fetchFollowings, fetchAdmins } from './user'
 import { tiebaEmoji } from './tiebaEmoji'
+import '~/assets/global.css'
 
 export function getEditorTheme() {
   return document.documentElement.dataset.theme === 'dark' ? 'dark' : 'classic'