Преглед на файлове

fix: UI更新
更新规则

mjh преди 3 години
родител
ревизия
370fe16133
променени са 2 файла, в които са добавени 14 реда и са изтрити 5 реда
  1. 13 4
      UI规则.md
  2. 1 1
      src/views/CoderPage/ExamDetail.vue

+ 13 - 4
UI规则.md

@@ -1,11 +1,14 @@
 # UI规则 更新中
 
+## 0 组件库
+[Element Plus](https://element-plus.gitee.io/zh-CN/)
+
 ## 1 字体
 
 ### 1.1 大小
 
-1. 32px
-2. 24px
+1. 32px 对应按钮大小default
+2. 24px 对应按钮大小small
 3. 16px
 4. 12px
 
@@ -13,7 +16,7 @@
 
 ### 2.1 系统主题色
 
-![img.png](img.png)
+![img.png](src/assets/seec-logo--full.png)
 
 从左至右的颜色分别为
 
@@ -23,4 +26,10 @@
 
 <font color="#50a879">绿色:#50a879</font>
 
-<font color="#3a85bb">海蓝色:#fcfdfe</font>
+<font color="#3a85bb">海蓝色:#fcfdfe</font>
+
+## 3 按钮
+
+### 3.1 样式
+
+1. ElementPlus组件库最基本样式,不做其他改动。

+ 1 - 1
src/views/CoderPage/ExamDetail.vue

@@ -159,7 +159,7 @@
           >
             <template #title>
               <span style="margin-left: 20px;font-size: 16px;">{{ problem.name }}</span>
-              <el-tag size="small" round style="margin-left: 15px">
+              <el-tag size="small" round style="margin-left: 15px" effect="plain">
                 {{ problemTypeToTagContent(problem.type) }}
               </el-tag>
             </template>