细节处修改

web/src/components/ChatReply.vue

@@ -432,10 +432,12 @@ const reGenerate = (prompt) => {
               line-height 1.5
 
               code {
-                color:var(--theme-text-color-primary);
-                background-color var( --little-btn-bg)
+                color:#fff;
+                background-color var( --el-color-primary)
                 padding 0 3px;
                 border-radius 5px;
+                font-size: 16px;
+                padding: 5px 7px;
               }
             }
 
@@ -539,7 +541,7 @@ const reGenerate = (prompt) => {
           }
 
           .bar-item.bg {
-            background-color var( --gray-btn-bg)
+            // background-color var( --gray-btn-bg)
             cursor pointer
           }
 

web/src/components/UserOrder.vue

@@ -41,7 +41,7 @@
         </el-table-column>
       </el-table>
     </el-row>
-    <el-empty :image-size="100" v-else />
+    <el-empty :image-size="100" v-else :image="nodata" description="暂无数据" />
     <div class="pagination">
       <el-pagination
         v-if="total > 0"
@@ -59,6 +59,8 @@
 </template>
 
 <script setup>
+import nodata from "@/assets/img/no-data.png";
+
 import { onMounted, ref } from "vue";
 import { httpGet } from "@/utils/http";
 import { ElMessage } from "element-plus";

web/src/components/ui/BlackDialog.vue

@@ -1,29 +1,25 @@
 <template>
   <div class="black-dialog">
     <el-dialog
-        v-model="showDialog"
-        style="--el-dialog-bg-color:#414141;
-        --el-text-color-primary:#f1f1f1;
-        --el-border-color:#414141;
-        --el-color-primary:#21aa93;
-        --el-color-primary-dark-2:#41555d;
-        --el-color-white: #e1e1e1;
-        --el-color-primary-light-3:#549688;
-        --el-fill-color-blank:#616161;
-         --el-color-primary-light-7:#717171;
-        --el-color-primary-light-9:#717171;
-        --el-text-color-regular:#e1e1e1"
-        :title="title"
-        :width="width"
-        :before-close="cancel"
+      v-model="showDialog"
+      :title="title"
+      :width="width"
+      :before-close="cancel"
     >
       <div class="dialog-body">
         <slot></slot>
       </div>
       <template #footer v-if="!hideFooter">
         <div class="dialog-footer">
-          <el-button @click="cancel">{{cancelText}}</el-button>
-          <el-button type="primary" @click="$emit('confirm')" v-if="!hideConfirm">{{confirmText}}</el-button>
+          <el-button @click="cancel" style="--el-border-radius-base: 8px">{{
+            cancelText
+          }}</el-button>
+          <el-button
+            type="primary"
+            @click="$emit('confirm')"
+            v-if="!hideConfirm"
+            >{{ confirmText }}</el-button
+          >
         </div>
       </template>
     </el-dialog>
@@ -31,45 +27,47 @@
 </template>
 
 <script setup>
-
-import {ref, watch} from "vue";
+import { ref, watch } from "vue";
 const props = defineProps({
-  show : Boolean,
+  show: Boolean,
   title: {
     type: String,
-    default: 'Tips',
+    default: "Tips"
   },
   width: {
     type: String,
-    default: 'auto',
+    default: "auto"
   },
-  hideFooter:{
+  hideFooter: {
     type: Boolean,
     default: false
   },
-  hideConfirm:{
+  hideConfirm: {
     type: Boolean,
     default: false
   },
   confirmText: {
     type: String,
-    default: '确定',
+    default: "确定"
   },
   cancelText: {
     type: String,
-    default: '取消',
-  },
+    default: "取消"
+  }
 });
-const emits = defineEmits(['confirm','cancal']);
-const showDialog = ref(props.show)
+const emits = defineEmits(["confirm", "cancal"]);
+const showDialog = ref(props.show);
 
-watch(() => props.show, (newValue) => {
-  showDialog.value = newValue
-})
+watch(
+  () => props.show,
+  (newValue) => {
+    showDialog.value = newValue;
+  }
+);
 const cancel = () => {
-  showDialog.value = false
-  emits('cancal')
-}
+  showDialog.value = false;
+  emits("cancal");
+};
 </script>
 
 <style lang="stylus">
@@ -110,5 +108,4 @@ const cancel = () => {
     }
   }
 }
-
 </style>