chore: remove unused SCSS and fix component styles

- remove unused z-index and word-break SCSS utility files and their imports from src/static/scss/index.scss
- standardize padding unit notation to [px] format in ChatQuickAccess component
- reformat long class attributes and clean up whitespace in GeneratorPhotoComponent
- fix trailing whitespace and formatting for the navigateTo call in GeneratorPhotoComponent

src/pages/ChatMain/ChatQuickAccess/index.vue

@@ -1,6 +1,6 @@
 <template>
   <view>
-    <view class="quick-access flex flex-row ml-[12px] pt-8 pb-8 scroll-x whitespace-nowrap">
+    <view class="quick-access flex flex-row ml-[12px] pt-[8px] pb-[8px] scroll-x whitespace-nowrap">
       <view class="item border-box rounded-50 flex flex-row items-center" v-for="(item, index) in itemList" :key="index"
         @click="sendReply(item)">
         <view class="flex items-center justify-center">

src/pages/ChatModule/GeneratorPhotoComponent/index.vue

@@ -12,15 +12,16 @@
           <text class="tag-text">{{ componentDataMap.superscript }}</text>
         </view>
 
-        <image class="g_title mt-20" :src="componentDataMap.title"  />
+        <image class="g_title mt-20" :src="componentDataMap.title" />
 
         <text class="font-size-14 font-400 color-white my-12 text-center">
           {{ componentDataMap.description }}
         </text>
 
-        <view class="w-full border-box px-12 pb-8 flex flex-row" @click="jumpClick">
+        <view class="w-full border-box px-12 pb-[8px] flex flex-row" @click="jumpClick">
           <view class="btn-bg w-full border-box p-4 rounded-24 flex flex-row">
-            <view class="btn-bg-sub w-full border-box p-16 rounded-20 flex flex-row flex-items-center flex-justify-center color-white text-center font-size-18 font-800">
+            <view
+              class="btn-bg-sub w-full border-box p-16 rounded-20 flex flex-row flex-items-center flex-justify-center color-white text-center font-size-18 font-800">
               {{ componentDataMap.buttonName }}
             </view>
           </view>
@@ -28,7 +29,7 @@
       </view>
     </view>
   </view>
-  
+
 </template>
 <script setup>
 import { defineProps, nextTick, onMounted, computed } from "vue";
@@ -68,7 +69,7 @@ onMounted(() => {
 const jumpClick = () => {
   const token = getAccessToken();
   if (componentDataMap.value.jumpUrl) {
-    navigateTo(componentDataMap.value.jumpUrl, { token: token }); 
+    navigateTo(componentDataMap.value.jumpUrl, { token: token });
   }
 };
 

src/static/scss/index.scss

@@ -17,10 +17,8 @@
 @import "./overflow.scss";
 @import "./scroll.scss";
 @import "./width.scss";
-@import "./z-index.scss";
 @import "./white-space.scss";
 @import "./box-sizing.scss";
-@import "./word-break.scss";
 @import "./min-height.scss";
 @import "./min-width.scss";
 @import "./gap.scss";

src/static/scss/word-break.scss

@@ -1,3 +0,0 @@
-.break-all {
-  word-break: break-all;
-}

src/static/scss/z-index.scss

@@ -1,15 +0,0 @@
-.z-0 {
-  z-index: 0;
-}
-
-.z-10 {
-  z-index: 10;
-}
-
-.z-20 {
-  z-index: 20;
-}
-
-.z-30 {
-  z-index: 30;
-}