更新样式

src/components/layout/index.module.less

@@ -513,6 +513,8 @@
   //     background-color: transparent;
   //   }
   // }
+
+  width: 754px;
   background-color: transparent !important;
   box-shadow: none !important;
 

src/components/layout/layoutTop.tsx

@@ -11,11 +11,11 @@ import personIcon from './images/personIcon.png';
 import { useUserStore } from '@/store/modules/users';
 import { useRouter } from 'vue-router';
 import { storeToRefs } from 'pinia';
-import opinionIcon from './images/opinionIcon.png'
+import opinionIcon from './images/opinionIcon.png';
 import 'animate.css';
 import ForgotPassword from '/src/views/setting/modal/forgotPassword';
 import ImGroup from './imGroup';
-import SuggestionOption from './modals/suggestion-option'
+import SuggestionOption from './modals/suggestion-option';
 export default defineComponent({
   name: 'layoutTop',
   setup() {
@@ -24,7 +24,7 @@ export default defineComponent({
     const showHeadFlag = ref(false);
     const showImGroup = ref(false);
     const showImGroupLoading = ref(true);
-    const showSuggestionViseble = ref(false)
+    const showSuggestionViseble = ref(false);
     const users = useUserStore();
     const showWord = ref(false);
     const { info } = storeToRefs(users);
@@ -86,8 +86,10 @@ export default defineComponent({
             </p>
           </div>
           <div class={styles.layoutRight}>
-            <div class={styles.optons} onClick={()=>showSuggestionViseble.value = true}>
-                <NImage src={opinionIcon} previewDisabled></NImage>
+            <div
+              class={styles.optons}
+              onClick={() => (showSuggestionViseble.value = true)}>
+              <NImage src={opinionIcon} previewDisabled></NImage>
             </div>
             <div onClick={() => (showImGroup.value = true)}>
               <NBadge
@@ -234,16 +236,15 @@ export default defineComponent({
             <ImGroup />
           </NModal>
 
-
           <NModal
-            class={['modalTitle', 'background',styles.suggestWrap]}
-            style={{ width: '754px' }}
+            class={['modalTitle', 'background', styles.suggestWrap]}
             v-model:show={showSuggestionViseble.value}
             preset="card"
-            showIcon={false}
-
-            >
-              <SuggestionOption onClose={()=>showSuggestionViseble.value = false}></SuggestionOption>
+            showIcon={false}>
+            <SuggestionOption
+              onClose={() =>
+                (showSuggestionViseble.value = false)
+              }></SuggestionOption>
           </NModal>
         </div>
       </>