替换

src/components/czr-ui/CzrButton.vue

@@ -86,7 +86,7 @@ const props = defineProps({
   color: #606266;
   line-height: 1;
   .svg-icon {
-    margin-right: var(--czr-gap);
+    margin-right: 10px;
   }
   &.del {
     background: rgba(var(--czr-error-color-rgb), 0.1);

src/style/czr.scss

@@ -9,7 +9,6 @@
   --czr-success-color-rgb: 28, 199, 141;
   --czr-default-color: rgba(246, 248, 252, 1);
   --czr-default-color-rgb: 246, 248, 252;
-  --czr-gap: 0.63rem;
   --czr-border-color: #10182814;
   --czr-border: 1px solid #10182814;
   --czr-dialog-bg: rgba(255, 255, 255, 0.8);
@@ -259,7 +258,7 @@
   display: flex;
   align-items: center;
   position: relative;
-  padding-left: var(--czr-gap);
+  padding-left: 10px;
   box-sizing: border-box;
   &:before {
     content: '';
@@ -278,7 +277,7 @@
   display: flex;
   align-items: center;
   position: relative;
-  padding-left: var(--czr-gap);
+  padding-left: 10px;
   box-sizing: border-box;
   &:before {
     content: '';

src/style/manage.scss

@@ -25,7 +25,7 @@
 }
 .bm-filter {
   .el-row {
-    gap: var(--czr-gap);
+    gap: 10px;
     .el-form-item {
       margin-bottom: 0;
     }

src/views/manage/app/index.vue

@@ -2,7 +2,7 @@
   <div class="bm-main-box">
     <div class="flex items-center">
       <div class="bm-main-box-title">{{ $route.meta.title }}</div>
-      <div class="ml-auto flex items-center gap-[var(--czr-gap)]">
+      <div class="ml-auto flex items-center gap-2.5">
         <CzrForm class="bm-filter" label-width="0px" @handleEnter="onSearch">
           <CzrFormColumn
             width="6.68rem"
@@ -61,15 +61,12 @@
           >
             <div class="flex">
               <template v-if="row.icon">
-                <img
-                  :src="row.icon"
-                  class="mr-[var(--czr-gap)] h-[3.25rem] w-[3.25rem]"
-                />
+                <img :src="row.icon" class="mr-2.5 h-[3.25rem] w-[3.25rem]" />
               </template>
               <template v-else>
                 <img
                   src="@/assets/images/app/app-default-logo.png"
-                  class="mr-[var(--czr-gap)] h-[3.25rem] w-[3.25rem]"
+                  class="mr-2.5 h-[3.25rem] w-[3.25rem]"
                 />
               </template>
               <div class="flex flex-1 flex-col overflow-hidden">
@@ -113,7 +110,7 @@
               </div>
             </div>
             <div
-              class="mt-3 flex items-center gap-[var(--czr-gap)] text-[0.75rem] text-[#6F7889]"
+              class="mt-3 flex items-center gap-2.5 text-[0.75rem] text-[#6F7889]"
             >
               <div>{{ row.userNickName }}</div>
               <div>|</div>
@@ -316,7 +313,7 @@ const initDictionary = () => {}
   background-repeat: no-repeat;
   background-size: 100% 100%;
   padding: 1rem;
-  border-radius: var(--czr-gap);
+  border-radius: 10px;
   box-shadow: 0rem 0.25rem 0.63rem 0rem rgba(40, 83, 247, 0.05);
   border: var(--czr-border);
   display: flex;

src/views/manage/app/make/index.vue

@@ -14,7 +14,15 @@
     </div>
     <div class="bm-main-box mt-4">
       <div class="grid h-full w-full grid-cols-3 gap-4">
-        <div class="col-span-2 rounded-lg bg-[#F6F8FC] p-4">2</div>
+        <div class="col-span-2 flex rounded-lg bg-[#F6F8FC] p-4">
+          <div
+            class="flex h-14 w-full items-center gap-2.5 rounded-lg bg-[#ffffff] px-6"
+          >
+            <div class="text-2xl text-[#303133]">编排</div>
+            <div>自动保存14:55:00</div>
+          </div>
+          <div class="flex-1"></div>
+        </div>
         <div class="col-span-1 rounded-lg bg-[#F6F8FC] p-4">1</div>
       </div>
     </div>

src/views/manage/app/monitor/index.vue

@@ -16,7 +16,7 @@
       <div class="flex items-center">
         <img
           src="../../../../assets/images/app/app-default-logo.png"
-          class="mr-[var(--czr-gap)] h-[3.25rem] w-[3.25rem]"
+          class="mr-2.5 h-[3.25rem] w-[3.25rem]"
         />
         <div>
           <div class="flex items-center">
@@ -154,7 +154,7 @@
                   placeholder="应用状态"
                 />
               </div>
-              <div class="mt-[var(--czr-gap)] grid flex-1 grid-cols-3">
+              <div class="mt-2.5 grid flex-1 grid-cols-3">
                 <div
                   class="col-span-1 flex flex-col items-center justify-center gap-4"
                 >
@@ -201,7 +201,7 @@
               >
                 用户来源
               </div>
-              <div class="mt-[var(--czr-gap)] grid flex-1">
+              <div class="mt-2.5 grid flex-1">
                 <pieChart :data="state.analysis.user" />
               </div>
             </div>
@@ -213,7 +213,7 @@
               >
                 全部会话数
               </div>
-              <div class="mt-[var(--czr-gap)] grid flex-1 grid-cols-3">
+              <div class="mt-2.5 grid flex-1 grid-cols-3">
                 <div
                   class="col-span-1 flex flex-col items-center justify-center gap-4"
                 >
@@ -259,7 +259,7 @@
               >
                 活跃用户数
               </div>
-              <div class="mt-[var(--czr-gap)] grid flex-1 grid-cols-3">
+              <div class="mt-2.5 grid flex-1 grid-cols-3">
                 <div
                   class="col-span-1 flex flex-col items-center justify-center gap-4"
                 >

src/views/manage/knowledge/documents/document/index.vue

@@ -10,7 +10,7 @@
         @handleSearch="onSearch"
       >
         <template #tableTitle>
-          <div class="flex gap-[var(--czr-gap)]">
+          <div class="flex gap-2.5">
             <CzrButton
               type="add"
               title="添加文件"
@@ -39,7 +39,7 @@
           </div>
         </template>
         <template #buttons>
-          <div class="flex items-center gap-[var(--czr-gap)]">
+          <div class="flex items-center gap-2.5">
             <CzrForm
               class="bm-filter"
               label-width="0px"

src/views/manage/knowledge/documents/document/stage-index.vue

@@ -29,7 +29,7 @@
       </div>
     </div>
     <div class="flex items-center">
-      <div class="ml-auto flex items-center gap-[var(--czr-gap)]">
+      <div class="ml-auto flex items-center gap-2.5">
         <CzrForm class="bm-filter" label-width="0px" @handleEnter="onSearch">
           <CzrFormColumn
             width="15.63rem"
@@ -89,7 +89,7 @@
               </div>
             </div>
             <div
-              class="mt-[var(--czr-gap)] text-sm text-[#576275]"
+              class="mt-2.5 text-sm text-[#576275]"
               style="line-height: 1.3rem"
               v-title="{ lines: 4 }"
             >

src/views/manage/knowledge/documents/index.vue

@@ -5,7 +5,7 @@
         <span v-title>{{ state.knowledge?.name }}</span>
       </div>
       <template v-for="(item, index) in menus">
-        <div class="last:rounded-b-2 w-full bg-[#ffffff] p-[var(--czr-gap)]">
+        <div class="last:rounded-b-2 w-full bg-[#ffffff] p-2.5">
           <div
             class="menu-item __hover"
             :class="{ active: state.menu === item.value }"
@@ -123,7 +123,7 @@ onMounted(() => {
   color: #303133;
   display: flex;
   align-items: center;
-  padding: 0 var(--czr-gap);
+  padding: 0 10px;
 }
 .menu-item {
   width: 100%;
@@ -131,7 +131,7 @@ onMounted(() => {
   display: flex;
   align-items: center;
   font-size: 0.88rem;
-  padding: 0 var(--czr-gap);
+  padding: 0 10px;
   color: #606266;
   border-radius: 0.25rem;
   .svg-icon {

src/views/manage/knowledge/documents/qa/index.vue

@@ -9,14 +9,14 @@
       @handleSearch="onSearch"
     >
       <template #tableTitle>
-        <div class="flex gap-[var(--czr-gap)]">
+        <div class="flex gap-2.5">
           <CzrButton type="add" title="创建问题" @click="onAdd" />
           <CzrButton title="迁移" icon="move" @click="onKnowledge()" />
           <CzrButton type="del" title="删除" icon="czr_del" @click="onDel()" />
         </div>
       </template>
       <template #buttons>
-        <div class="flex items-center gap-[var(--czr-gap)]">
+        <div class="flex items-center gap-2.5">
           <CzrForm class="bm-filter" label-width="0px" @handleEnter="onSearch">
             <CzrFormColumn
               width="15.63rem"

src/views/manage/knowledge/documents/test/index.vue

@@ -4,7 +4,7 @@
       召回测试
       <span>根据给定的查询文本测试知识的召回效果</span>
     </div>
-    <div class="mt-[var(--czr-gap)] flex flex-1 overflow-hidden">
+    <div class="mt-2.5 flex flex-1 overflow-hidden">
       <div class="card rounded-bl-2 flex flex-1 flex-col gap-4">
         <div class="text-main" v-loading="state.loading">
           <div class="text-head">
@@ -73,9 +73,7 @@
               <div class="mt-2 text-[1.25rem] font-bold text-[#21262D]">
                 {{ item.text }}
               </div>
-              <div
-                class="mt-[var(--czr-gap)] flex flex-wrap gap-2 text-sm text-[#576275]"
-              >
+              <div class="mt-2.5 flex flex-wrap gap-2 text-sm text-[#576275]">
                 <template v-for="s in item.keywords?.split(',') || []">
                   <span>#{{ s }}</span>
                 </template>

src/views/manage/knowledge/index.vue

@@ -2,7 +2,7 @@
   <div class="bm-main-box">
     <div class="flex items-center">
       <div class="bm-main-box-title">{{ $route.meta.title }}</div>
-      <div class="ml-auto flex items-center gap-[var(--czr-gap)]">
+      <div class="ml-auto flex items-center gap-2.5">
         <div
           class="__hover flex items-center gap-[0.3rem] text-sm text-[#576275]"
           @click="
@@ -76,8 +76,7 @@
               @click="onAdd"
             >
               <img src="@/assets/images/knowledge/knowledge-item-add.png" />
-              <span
-                class="ml-[var(--czr-gap)] text-[1.25rem] text-[var(--czr-main-color)]"
+              <span class="ml-2.5 text-[1.25rem] text-[var(--czr-main-color)]"
                 >创建知识库</span
               >
             </div>
@@ -97,7 +96,7 @@
               <div class="flex">
                 <img
                   src="@/assets/images/knowledge/knowledge-item-icon.png"
-                  class="mr-[var(--czr-gap)] h-[3.25rem] w-[3.25rem]"
+                  class="mr-2.5 h-[3.25rem] w-[3.25rem]"
                 />
                 <div
                   class="flex flex-1 flex-col justify-around overflow-hidden"
@@ -122,14 +121,14 @@
                 </div>
               </div>
               <div
-                class="mt-[var(--czr-gap)] mb-auto text-sm text-[#606266]"
+                class="mt-2.5 mb-auto text-sm text-[#606266]"
                 style="line-height: 1.4rem"
                 v-title="{ lines: 3 }"
               >
                 {{ row.description }}
               </div>
               <div
-                class="flex items-center gap-[var(--czr-gap)] text-[0.75rem] text-[#6F7889]"
+                class="flex items-center gap-2.5 text-[0.75rem] text-[#6F7889]"
               >
                 <div>文档数:{{ row.docCount }}</div>
                 <div>|</div>

src/views/manage/knowledge/model-config.vue

@@ -3,7 +3,7 @@
     <div class="__czr-title_1 mb-2">索引方式</div>
     <div class="flex w-full gap-4">
       <div
-        class="__hover h-[8.38rem] flex-1 rounded-[var(--czr-gap)] bg-[#ffffff] px-[1.5rem] py-4"
+        class="__hover rounded-2.5 h-[8.38rem] flex-1 bg-[#ffffff] px-[1.5rem] py-4"
         style="border: var(--czr-border); border-width: 0.13rem"
         :class="{ 'index-method-active': state.indexMethod.value === '高质量' }"
         @click="() => (state.indexMethod.value = '高质量')"
@@ -11,7 +11,7 @@
         <div class="flex items-center">
           <img
             src="@/assets/images/model/model-icon-1.png"
-            class="mr-[var(--czr-gap)] h-[3.25rem] w-[3.25rem]"
+            class="mr-2.5 h-[3.25rem] w-[3.25rem]"
           />
           <div class="text-[1.25rem] font-bold text-[#2E3238]">高质量</div>
           <img
@@ -46,7 +46,7 @@
     </div>
     <div
       v-if="state.indexMethod.value === '高质量'"
-      class="mt-[var(--czr-gap)] flex h-[2.5rem] w-full items-center gap-2 rounded-[0.25rem] px-[0.75rem] text-[0.8rem] text-[#666666]"
+      class="mt-2.5 flex h-[2.5rem] w-full items-center gap-2 rounded-[0.25rem] px-[0.75rem] text-[0.8rem] text-[#666666]"
       style="
         border: var(--czr-border);
         border-color: var(--czr-warning-color);
@@ -75,7 +75,7 @@
   <template v-if="searchMethod">
     <div class="__czr-title_1">检索方式</div>
     <div
-      class="mt-4 w-full cursor-pointer rounded-[var(--czr-gap)] bg-[#ffffff]"
+      class="rounded-2.5 mt-4 w-full cursor-pointer bg-[#ffffff]"
       style="border: var(--czr-border); border-width: 0.13rem"
       :class="{
         'search-method-active':
@@ -87,7 +87,7 @@
         <div class="flex items-center">
           <img
             src="@/assets/images/model/model-icon-4.png"
-            class="mr-[var(--czr-gap)] h-[3.25rem] w-[3.25rem]"
+            class="mr-2.5 h-[3.25rem] w-[3.25rem]"
           />
           <div class="text-[1.25rem] font-bold text-[#2E3238]">
             {{ SearchMethodTypeMap.get(SearchMethodType.Vector) }}
@@ -98,7 +98,7 @@
         </div>
         <template v-if="state.searchMethod.value === SearchMethodType.Vector">
           <div
-            class="text-4 mt-4 flex flex-col gap-2 rounded-[0.25rem] bg-[#ffffff] p-[var(--czr-gap)] font-bold text-[#2E3238]"
+            class="text-4 mt-4 flex flex-col gap-2 rounded-[0.25rem] bg-[#ffffff] p-2.5 font-bold text-[#2E3238]"
           >
             <div class="flex items-center gap-2">
               <el-switch
@@ -191,7 +191,7 @@
       </div>
     </div>
     <div
-      class="mt-4 w-full cursor-pointer rounded-[var(--czr-gap)] bg-[#ffffff]"
+      class="rounded-2.5 mt-4 w-full cursor-pointer bg-[#ffffff]"
       style="border: var(--czr-border); border-width: 0.13rem"
       :class="{
         'search-method-active':
@@ -203,7 +203,7 @@
         <div class="flex items-center">
           <img
             src="@/assets/images/model/model-icon-5.png"
-            class="mr-[var(--czr-gap)] h-[3.25rem] w-[3.25rem]"
+            class="mr-2.5 h-[3.25rem] w-[3.25rem]"
           />
           <div class="text-[1.25rem] font-bold text-[#2E3238]">
             {{ SearchMethodTypeMap.get(SearchMethodType.Global) }}
@@ -214,7 +214,7 @@
         </div>
         <template v-if="state.searchMethod.value === SearchMethodType.Global">
           <div
-            class="text-4 mt-4 flex flex-col gap-2 rounded-[0.25rem] bg-[#ffffff] p-[var(--czr-gap)] font-bold text-[#2E3238]"
+            class="text-4 mt-4 flex flex-col gap-2 rounded-[0.25rem] bg-[#ffffff] p-2.5 font-bold text-[#2E3238]"
           >
             <div class="flex items-center gap-2">
               <el-switch
@@ -310,7 +310,7 @@
       </div>
     </div>
     <div
-      class="mt-4 w-full cursor-pointer rounded-[var(--czr-gap)] bg-[#ffffff]"
+      class="rounded-2.5 mt-4 w-full cursor-pointer bg-[#ffffff]"
       style="border: var(--czr-border); border-width: 0.13rem"
       :class="{
         'search-method-active':
@@ -322,7 +322,7 @@
         <div class="flex items-center">
           <img
             src="@/assets/images/model/model-icon-6.png"
-            class="mr-[var(--czr-gap)] h-[3.25rem] w-[3.25rem]"
+            class="mr-2.5 h-[3.25rem] w-[3.25rem]"
           />
           <div class="text-[1.25rem] font-bold text-[#2E3238]">
             {{ SearchMethodTypeMap.get(SearchMethodType.Mix) }}
@@ -338,7 +338,7 @@
         <template v-if="state.searchMethod.value === SearchMethodType.Mix">
           <div class="mt-4 flex w-full gap-4">
             <div
-              class="__hover h-[8.38rem] flex-1 rounded-[var(--czr-gap)] bg-[#ffffff] px-[1.5rem] py-4"
+              class="__hover rounded-2.5 h-[8.38rem] flex-1 bg-[#ffffff] px-[1.5rem] py-4"
               style="border: var(--czr-border); border-width: 0.13rem"
               :class="{
                 'index-method-active':
@@ -354,7 +354,7 @@
               <div class="flex items-center">
                 <img
                   src="@/assets/images/model/model-icon-8.png"
-                  class="mr-[var(--czr-gap)] h-[3.25rem] w-[3.25rem]"
+                  class="mr-2.5 h-[3.25rem] w-[3.25rem]"
                 />
                 <div class="text-[1.25rem] font-bold text-[#2E3238]">
                   权重设置
@@ -372,7 +372,7 @@
               </div>
             </div>
             <div
-              class="__hover h-[8.38rem] flex-1 rounded-[var(--czr-gap)] bg-[#ffffff] px-[1.5rem] py-4"
+              class="__hover rounded-2.5 h-[8.38rem] flex-1 bg-[#ffffff] px-[1.5rem] py-4"
               style="border: var(--czr-border); border-width: 0.13rem"
               :class="{
                 'index-method-active':
@@ -388,7 +388,7 @@
               <div class="flex items-center">
                 <img
                   src="@/assets/images/model/model-icon-9.png"
-                  class="mr-[var(--czr-gap)] h-[3.25rem] w-[3.25rem]"
+                  class="mr-2.5 h-[3.25rem] w-[3.25rem]"
                 />
                 <div class="text-[1.25rem] font-bold text-[#2E3238]">
                   Rerank 模型
@@ -403,7 +403,7 @@
             </div>
           </div>
           <div
-            class="text-4 mt-4 flex flex-col gap-2 rounded-[0.25rem] bg-[#ffffff] p-[var(--czr-gap)] font-bold text-[#2E3238]"
+            class="text-4 mt-4 flex flex-col gap-2 rounded-[0.25rem] bg-[#ffffff] p-2.5 font-bold text-[#2E3238]"
           >
             <template
               v-if="
@@ -454,7 +454,7 @@
             </template>
           </div>
           <div
-            class="text-4 mt-4 flex flex-col gap-2 rounded-[0.25rem] bg-[#ffffff] p-[var(--czr-gap)] font-bold text-[#2E3238]"
+            class="text-4 mt-4 flex flex-col gap-2 rounded-[0.25rem] bg-[#ffffff] p-2.5 font-bold text-[#2E3238]"
           >
             <div class="flex gap-4">
               <div class="flex-1">

src/views/manage/knowledge/upload/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="flex h-full w-full flex-col">
     <div
-      class="__hover ml-[var(--czr-gap)] flex items-center text-sm text-[var(--czr-main-color)]"
+      class="__hover ml-2.5 flex items-center text-sm text-[var(--czr-main-color)]"
       @click="toBack"
     >
       <SvgIcon
@@ -121,7 +121,7 @@
         >
           <template v-for="[id, file] in state.uploadFiles">
             <div
-              class="flex h-[3.13rem] items-center gap-[0.25rem] rounded-[0.25rem] bg-[var(--czr-default-color)] px-[var(--czr-gap)]"
+              class="flex h-[3.13rem] items-center gap-[0.25rem] rounded-[0.25rem] bg-[var(--czr-default-color)] px-2.5"
               @mouseenter="file.hover__ = true"
               @mouseleave="file.hover__ = false"
             >
@@ -201,7 +201,7 @@
                 <CzrButton type="normal" title="预览块" @click="onTextView" />
               </div>
             </div>
-            <div class="mt-[1.5rem] flex justify-end gap-[var(--czr-gap)]">
+            <div class="mt-[1.5rem] flex justify-end gap-2.5">
               <CzrButton
                 type="normal"
                 title="返回上一步"
@@ -294,7 +294,7 @@
       >
         <div class="flex flex-1 flex-col gap-4 overflow-y-auto">
           <div class="__czr-title_1">文件嵌入中</div>
-          <div class="flex flex-col gap-[var(--czr-gap)]">
+          <div class="flex flex-col gap-2.5">
             <template v-for="[key, value] in state.taskFiles.waiting">
               <div
                 class="flex h-[4.5rem] w-full items-center gap-[0.3rem] rounded-[0.25rem] px-4"
@@ -341,7 +341,7 @@
                   </template>
                 </div>
                 <div
-                  class="flex items-center gap-[var(--czr-gap)] text-[0.75rem] text-[#6F7889]"
+                  class="flex items-center gap-2.5 text-[0.75rem] text-[#6F7889]"
                 >
                   {{ DictionaryStore.indexingStatusMap.get(value.status) }}
                 </div>
@@ -349,7 +349,7 @@
             </template>
           </div>
           <div class="__czr-title_1">文件嵌入完成</div>
-          <div class="flex flex-col gap-[var(--czr-gap)]">
+          <div class="flex flex-col gap-2.5">
             <template v-for="[key, value] in state.taskFiles.success">
               <div
                 class="flex h-[4.5rem] w-full items-center gap-[0.3rem] rounded-[0.25rem] px-4"
@@ -373,7 +373,7 @@
                   </div>
                 </div>
                 <div
-                  class="flex items-center gap-[var(--czr-gap)] text-[0.75rem] text-[#6F7889]"
+                  class="flex items-center gap-2.5 text-[0.75rem] text-[#6F7889]"
                 >
                   {{ value.status }}
                   <SvgIcon name="success" color="var(--czr-success-color)" />

src/views/manage/knowledge/upload/stage-config.vue

@@ -1,6 +1,6 @@
 <template>
   <div
-    class="w-full cursor-pointer rounded-[var(--czr-gap)] bg-[#ffffff]"
+    class="rounded-2.5 w-full cursor-pointer bg-[#ffffff]"
     style="border: var(--czr-border); border-width: 0.13rem"
     :class="{
       'search-method-active': state.config.value === StageMethodType.Fixed,
@@ -11,7 +11,7 @@
       <div class="flex items-center">
         <img
           src="@/assets/images/knowledge/stage-icon-1.png"
-          class="mr-[var(--czr-gap)] h-[3.25rem] w-[3.25rem]"
+          class="mr-2.5 h-[3.25rem] w-[3.25rem]"
         />
         <div class="text-[1.25rem] font-bold text-[#2E3238]">
           {{ StageMethodTypeMap.get(StageMethodType.Fixed) }}
@@ -108,7 +108,7 @@
     </div>
   </div>
   <div
-    class="mt-4 w-full cursor-pointer rounded-[var(--czr-gap)] bg-[#ffffff]"
+    class="rounded-2.5 mt-4 w-full cursor-pointer bg-[#ffffff]"
     style="border: var(--czr-border); border-width: 0.13rem"
     :class="{
       'search-method-active': state.config.value === StageMethodType.Split,
@@ -119,7 +119,7 @@
       <div class="flex items-center">
         <img
           src="@/assets/images/knowledge/stage-icon-2.png"
-          class="mr-[var(--czr-gap)] h-[3.25rem] w-[3.25rem]"
+          class="mr-2.5 h-[3.25rem] w-[3.25rem]"
         />
         <div class="text-[1.25rem] font-bold text-[#2E3238]">
           {{ StageMethodTypeMap.get(StageMethodType.Split) }}
@@ -234,7 +234,7 @@
     </div>
   </div>
   <div
-    class="mt-4 w-full cursor-pointer rounded-[var(--czr-gap)] bg-[#ffffff]"
+    class="rounded-2.5 mt-4 w-full cursor-pointer bg-[#ffffff]"
     style="border: var(--czr-border); border-width: 0.13rem"
     :class="{
       'search-method-active': state.config.value === StageMethodType.FatherSon,
@@ -245,7 +245,7 @@
       <div class="flex items-center">
         <img
           src="@/assets/images/knowledge/stage-icon-3.png"
-          class="mr-[var(--czr-gap)] h-[3.25rem] w-[3.25rem]"
+          class="mr-2.5 h-[3.25rem] w-[3.25rem]"
         />
         <div class="text-[1.25rem] font-bold text-[#2E3238]">
           {{ StageMethodTypeMap.get(StageMethodType.FatherSon) }}

src/views/manage/model/index.vue

@@ -2,7 +2,7 @@
   <div class="bm-main-box">
     <div class="flex items-center">
       <div class="bm-main-box-title">{{ $route.meta.title }}</div>
-      <div class="ml-auto flex items-center gap-[var(--czr-gap)]">
+      <div class="ml-auto flex items-center gap-2.5">
         <CzrForm class="bm-filter" label-width="0px" @handleEnter="onSearch">
           <CzrFormColumn
             width="6.68rem"
@@ -62,7 +62,7 @@
             <div class="flex">
               <img
                 src="@/assets/images/model/model-default-logo.png"
-                class="mr-[var(--czr-gap)] h-[3.25rem] w-[3.25rem]"
+                class="mr-2.5 h-[3.25rem] w-[3.25rem]"
               />
               <div class="flex flex-1 flex-col justify-around overflow-hidden">
                 <div class="text-[1.25rem] font-bold text-[#2E3238]" v-title>
@@ -86,14 +86,14 @@
               </div>
             </div>
             <div
-              class="mt-[var(--czr-gap)] mb-auto h-[3rem] text-sm text-[#606266]"
+              class="mt-2.5 mb-auto h-[3rem] text-sm text-[#606266]"
               style="line-height: 1.4rem"
               v-title="{ lines: 2 }"
             >
               {{ row.description }}
             </div>
             <div
-              class="mt-2 flex items-center gap-[var(--czr-gap)] text-[0.75rem] text-[#6F7889]"
+              class="mt-2 flex items-center gap-2.5 text-[0.75rem] text-[#6F7889]"
             >
               <div>
                 {{ DictionaryStore.modelProvides.map.get(row.pluginClass) }}
@@ -106,7 +106,7 @@
               <div>{{ YMDHms(row.updateTime) }}</div>
             </div>
             <div
-              class="mt-2 flex items-center gap-[var(--czr-gap)] text-[0.75rem] text-[#6F7889]"
+              class="mt-2 flex items-center gap-2.5 text-[0.75rem] text-[#6F7889]"
             >
               <div class="ml-auto" @click.capture.stop="onSwitch(row)">
                 <a-switch
@@ -323,7 +323,7 @@ const initDictionary = () => {
   background-repeat: no-repeat;
   background-size: 100% 100%;
   padding: 1rem 1.5rem;
-  border-radius: var(--czr-gap);
+  border-radius: 10px;
   box-shadow: 0rem 0.25rem 0.63rem 0rem rgba(40, 83, 247, 0.05);
   border: var(--czr-border);
   display: flex;

src/views/manage/model/statistic/index.vue

@@ -10,7 +10,7 @@
     <div class="mt-4 flex">
       <img
         src="@/assets/images/model/model-default-logo.png"
-        class="mr-[var(--czr-gap)] h-[3.25rem] w-[3.25rem]"
+        class="mr-2.5 h-[3.25rem] w-[3.25rem]"
       />
       <div class="flex flex-1 flex-col justify-around overflow-hidden">
         <div class="flex items-center text-[1.25rem] font-bold text-[#2E3238]">
@@ -32,15 +32,10 @@
       </div>
       <div class="mt-[0.25rem] ml-auto"></div>
     </div>
-    <div
-      class="mt-[var(--czr-gap)] text-sm text-[#606266]"
-      style="line-height: 1.4rem"
-    >
+    <div class="mt-2.5 text-sm text-[#606266]" style="line-height: 1.4rem">
       {{ state.detail.description }}
     </div>
-    <div
-      class="mt-[var(--czr-gap)] flex items-center gap-[var(--czr-gap)] text-[0.75rem] text-[#6F7889]"
-    >
+    <div class="mt-2.5 flex items-center gap-2.5 text-[0.75rem] text-[#6F7889]">
       <div>
         {{ DictionaryStore.modelProvides.map.get(state.detail.pluginClass) }}
       </div>