diff --git a/pages/mine/require/index.vue b/pages/mine/require/index.vue
index cc1ea0f..e350722 100644
--- a/pages/mine/require/index.vue
+++ b/pages/mine/require/index.vue
@@ -1,7 +1,91 @@
 <template>
-  <view>
+  <view class="container">
+    <view class="form-container">
+      <uni-section title="基础卡片" type="line" >
+        <!-- 基础表单校验：缩小字体+一行两列布局 -->
+        <uni-forms
+            ref="valiForm"
+            label-width="50px"
+            label-position="left"
+            :modelValue="form"
+            style="font-size: 10px;"
+        >
+          <!-- 一行两列布局容器 -->
+          <view class="form-row">
+            <uni-forms-item label="标题:" name="name" class="form-item">
+              <uni-easyinput
+                  v-model="form.title"
+                  placeholder="请输入标题搜索"
+                  
+              />
+            </uni-forms-item>
+            <uni-forms-item label="详情:" label-width="35px" name="age" class="form-item">
+              <uni-easyinput
+                  v-model="form.detail"
+                  placeholder="请输入详情搜索"
+                  
+              />
+            </uni-forms-item>
+          </view>
+
+          <!-- 第二行两列 -->
+          <view class="form-row">
+            <uni-forms-item label="优先级:" name="priority" class="form-item">
+              <uni-data-select
+                  v-model="form.priority"
+                  :localdata="range"
+                  
+              />
+            </uni-forms-item>
+            <uni-forms-item label="进度:" label-width="35px" name="progress" class="form-item">
+              <uni-data-select
+                  v-model="form.progress"
+                  :localdata="range"
+                  
+              />
+            </uni-forms-item>
+          </view>
+        </uni-forms>
+
+        <view class="btn-group">
+        <view class="btn-left">
+
+          <button
+              class="iconfont icon-add mini-btn add-btn"
+              @click="submit('form')"
+              hover-class="is-hover"
+              type="default"
+              size="mini"
+          > 新增</button>
+
+          <button
+              class="iconfont icon-ashbin mini-btn del-btn"
+              hover-class="is-hover"
+              type="default"
+              size="mini"
+          > 删除</button>
+          <button
+              class="iconfont icon-edit mini-btn edit-btn"
+              hover-class="is-hover"
+              type="default"
+              size="mini"
+          > 编辑</button>
+        </view>
+
+          <view class="btn-right">
+            <button
+                class="iconfont icon-search mini-btn"
+                hover-class="is-hover"
+                type="default"
+                size="mini"
+            > 查询</button>
+          </view>
+        </view>
+      </uni-section>
+    </view>
+
     <view class="uni-container">
-      <!-- 1. 给table加宽度100%，关闭默认固定列宽 -->
+      <!-- 表格区域：保持原有紧凑样式并优化 -->
       <uni-table
           ref="table"
           :loading="loading"
@@ -10,50 +94,47 @@
           type="selection"
           emptyText="暂无更多数据"
           @selection-change="selectionChange"
-          style="width: 100%;"
-      :border-width="1"
+          style="width: 100%; font-size: 11px;"
+          :border-width="1"
       >
-      <uni-tr>
-        <!-- 2. 列宽设为auto（自适应），调整表头行高 -->
-        <uni-th align="center" style="width: auto; height: 30px; line-height: 30px;">选择</uni-th>
-        <uni-th align="center" style="width: auto; height: 30px; line-height: 30px;">需求标题</uni-th>
-        <uni-th align="center" style="width: auto; height: 30px; line-height: 30px;">需求详情</uni-th>
-        <uni-th align="center" style="width: auto; height: 30px; line-height: 30px;">优先级</uni-th>
-        <uni-th align="center" style="width: auto; height: 30px; line-height: 30px;">进度</uni-th>
-        <uni-th align="center" style="width: auto; height: 30px; line-height: 30px;">需求类型</uni-th>
-        <uni-th align="center" style="width: auto; height: 30px; line-height: 30px;">经办人名称</uni-th>
-        <uni-th align="center" style="width: auto; height: 30px; line-height: 30px;">操作</uni-th>
-      </uni-tr>
-      <!-- 3. 缩小表格行高 -->
-      <uni-tr v-for="(item, index) in tableData" :key="index" style="height: 35px; line-height: 35px;">
-        <uni-td style="width: auto; padding: 2px 0;">
-          <uni-checkbox :value="index" @change="handleCheckboxChange"></uni-checkbox>
-        </uni-td>
-        <uni-td style="width: auto; padding: 2px 0;">{{ item.title }}</uni-td>
-        <uni-td style="width: auto; padding: 2px 0;">
-          <view class="name">{{ item.detail }}</view>
-        </uni-td>
-        <uni-td align="center" style="width: auto; padding: 2px 0;">{{ item.priority }}</uni-td>
-        <uni-td align="center" style="width: auto; padding: 2px 0;">{{ item.progress }}</uni-td>
-        <uni-td align="center" style="width: auto; padding: 2px 0;">{{ item.reqType }}</uni-td>
-        <uni-td align="center" style="width: auto; padding: 2px 0;">{{ item.assigneeName }}</uni-td>
-        <uni-td style="width: auto; padding: 2px 0;">
-          <view class="uni-group">
-            <!-- 4. 缩小按钮尺寸 -->
-            <button class="uni-button" size="mini" type="primary" style="padding: 2px 8px; font-size: 12px;">修改</button>
-            <button class="uni-button" size="mini" type="warn" style="padding: 2px 8px; font-size: 12px; margin-left: 5px;">删除</button>
-          </view>
-        </uni-td>
-      </uni-tr>
+        <uni-tr>
+          <uni-th align="center" style="width: auto; height: 18px; line-height: 18px; font-size: 11px;">选择</uni-th>
+          <uni-th align="center" style="width: auto; height: 18px; line-height: 18px; font-size: 11px;">需求标题</uni-th>
+          <uni-th align="center" style="width: auto; height: 18px; line-height: 18px; font-size: 11px;">需求详情</uni-th>
+          <uni-th align="center" style="width: auto; height: 18px; line-height: 18px; font-size: 11px;">优先级</uni-th>
+          <uni-th align="center" style="width: auto; height: 18px; line-height: 18px; font-size: 11px;">进度</uni-th>
+          <uni-th align="center" style="width: auto; height: 18px; line-height: 18px; font-size: 11px;">需求类型</uni-th>
+          <uni-th align="center" style="width: auto; height: 18px; line-height: 18px; font-size: 11px;">经办人名称</uni-th>
+          <uni-th align="center" style="width: auto; height: 18px; line-height: 18px; font-size: 11px;">操作</uni-th>
+        </uni-tr>
+        <uni-tr v-for="(item, index) in tableData" :key="index" style="height: 30px; line-height: 30px;">
+          <uni-td style="width: auto; padding: 1px 0; font-size: 11px;">
+            <uni-checkbox :value="index" @change="(e) => handleCheckboxChange(e, index)"></uni-checkbox>
+          </uni-td>
+          <uni-td style="width: auto; padding: 1px 0; font-size: 11px;">{{ item.title }}</uni-td>
+          <uni-td style="width: auto; padding: 1px 0; font-size: 11px;">
+            <view class="name">{{ item.detail }}</view>
+          </uni-td>
+          <uni-td align="center" style="width: auto; padding: 1px 0; font-size: 11px;">{{ item.priority }}</uni-td>
+          <uni-td align="center" style="width: auto; padding: 1px 0; font-size: 11px;">{{ item.progress }}</uni-td>
+          <uni-td align="center" style="width: auto; padding: 1px 0; font-size: 11px;">{{ item.reqType }}</uni-td>
+          <uni-td align="center" style="width: auto; padding: 1px 0; font-size: 11px;">{{ item.assigneeName }}</uni-td>
+          <uni-td style="width: auto; padding: 1px 0; font-size: 11px;">
+            <view class="uni-group">
+              <button class="uni-button" size="mini" type="primary" style="padding: 1px 6px; font-size: 10px;">修改</button>
+              <button class="uni-button" size="mini" type="warn" style="padding: 1px 6px; font-size: 10px; margin-left: 3px;">删除</button>
+            </view>
+          </uni-td>
+        </uni-tr>
       </uni-table>
-      <view class="uni-pagination-box" style="margin-top: 10px;">
+      <view class="uni-pagination-box" style="margin-top: 8px;">
         <uni-pagination
             show-icon
             :page-size="pageSize"
             :current="pageCurrent"
             :total="total"
             @change="change"
-            style="font-size: 12px;"
+            style="font-size: 11px;"
         />
       </view>
     </view>
@@ -77,6 +158,13 @@ export default {
       pageSize: 10,
       pageCurrent: 1,
       total: 0,
+      range:[],
+      form: {
+        title:null,
+        detail:null,
+        priority:null,
+        progress: null
+      },
       loading: false,
       selectedIndexs: [] // 已选择的行索引
     }
@@ -89,10 +177,13 @@ export default {
     selectedItems() {
       return this.selectedIndexs.map(i => this.tableData[i])
     },
-    // 多选（替换原selection-change，适配自定义checkbox）
+    // 多选（修复参数传递）
     handleCheckboxChange(e, index) {
       if (e.detail.value) {
-        this.selectedIndexs.push(index)
+        // 去重处理
+        if (!this.selectedIndexs.includes(index)) {
+          this.selectedIndexs.push(index)
+        }
       } else {
         this.selectedIndexs = this.selectedIndexs.filter(item => item !== index)
       }
@@ -110,6 +201,9 @@ export default {
     search() {
       this.getData()
     },
+    submit(form) {
+      console.info(form)
+    },
     // 获取数据
     getData(pageCurrent) {
       this.loading = true
@@ -125,21 +219,76 @@ export default {
           this.total = response.total
         }
         this.loading = false
+      }).catch(error => {
+        console.error('获取数据失败:', error)
+        this.loading = false
       })
+    },
+    // 补充selection-change事件
+    selectionChange(e) {
+      console.log('表格选中项:', e)
     }
   }
 }
 </script>
 
 <style scoped>
-/* 适配微信小程序，取消页面默认padding */
+/* 页面基础样式重置 */
 page {
   padding-top: 0 !important;
+  font-size: 12px;
 }
 
+/* 整体容器样式 */
+.container {
+  margin: 20rpx;
+  border-radius: 20rpx;
+  background: #fff;
+  font-size: 12px;
+}
+
+.form-container {
+  margin: 20rpx 0 0 0;
+  padding: 15rpx;
+  border-radius: 20rpx;
+  background: #fff;
+}
+
+/* 表单一行两列布局核心样式 */
+.form-row {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  margin: 0 10rpx 10rpx 10rpx;
+  width: 100%;
+}
+
+/* 核心：父容器flex布局，通过justify-content: space-between实现左右分布 */
+.btn-group {
+  display: flex;
+  justify-content: space-between; /* 关键：左右元素分别靠两端 */
+  align-items: center; /* 垂直居中，保证按钮对齐 */
+  width: 100%; /* 占满父容器宽度，确保分布效果 */
+  padding: 20rpx 10rpx 0; /* 左右留间距，避免贴边 */
+  box-sizing: border-box;
+}
+
+/* 左侧按钮容器：横向排列，靠左 */
+.btn-left {
+  display: flex;
+  align-items: center;
+}
+
+/* 右侧按钮容器：横向排列，靠右 */
+.btn-right {
+  display: flex;
+  align-items: center;
+}
+
+/* 表格容器样式 */
 .uni-container {
   padding: 10px;
-  box-sizing: border-box; /* 保证padding不超出屏幕 */
+  box-sizing: border-box;
 }
 
 .uni-group {
@@ -148,9 +297,37 @@ page {
   justify-content: center;
 }
 
-/* 缩小需求详情的行高 */
+/* 需求详情文字样式 */
 .name {
-  line-height: 20px;
-  font-size: 12px;
+  line-height: 18px;
+  font-size: 11px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
+
+/* 分页区域样式 */
+.uni-pagination-box {
+  text-align: center;
+}
+
+/deep/ .uni-forms-item__label {
+  font-size: 12px !important;
+  padding: 0 !important;
+}
+/deep/ .uni-select, /deep/.uni-easyinput__content-input {
+  font-size: 12px !important;
+  height: 30px;
+}
+
+
+.form-item {
+  display: flex;
+  align-items: center;
+  width: 48%; /* 每个表单项占48%宽度，留间距 */
+  box-sizing: border-box;
+  margin: 0 !important; /* 清除默认间距 */
+}
+
+
 </style>
\ No newline at end of file
diff --git a/static/font_ve87r6kfq3/demo.css b/static/font_ve87r6kfq3/demo.css
new file mode 100644
index 0000000..a67054a
--- /dev/null
+++ b/static/font_ve87r6kfq3/demo.css
@@ -0,0 +1,539 @@
+/* Logo 字体 */
+@font-face {
+  font-family: "iconfont logo";
+  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
+  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg');
+}
+
+.logo {
+  font-family: "iconfont logo";
+  font-size: 160px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+/* tabs */
+.nav-tabs {
+  position: relative;
+}
+
+.nav-tabs .nav-more {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  height: 42px;
+  line-height: 42px;
+  color: #666;
+}
+
+#tabs {
+  border-bottom: 1px solid #eee;
+}
+
+#tabs li {
+  cursor: pointer;
+  width: 100px;
+  height: 40px;
+  line-height: 40px;
+  text-align: center;
+  font-size: 16px;
+  border-bottom: 2px solid transparent;
+  position: relative;
+  z-index: 1;
+  margin-bottom: -1px;
+  color: #666;
+}
+
+
+#tabs .active {
+  border-bottom-color: #f00;
+  color: #222;
+}
+
+.tab-container .content {
+  display: none;
+}
+
+/* 页面布局 */
+.main {
+  padding: 30px 100px;
+  width: 960px;
+  margin: 0 auto;
+}
+
+.main .logo {
+  color: #333;
+  text-align: left;
+  margin-bottom: 30px;
+  line-height: 1;
+  height: 110px;
+  margin-top: -50px;
+  overflow: hidden;
+  *zoom: 1;
+}
+
+.main .logo a {
+  font-size: 160px;
+  color: #333;
+}
+
+.helps {
+  margin-top: 40px;
+}
+
+.helps pre {
+  padding: 20px;
+  margin: 10px 0;
+  border: solid 1px #e7e1cd;
+  background-color: #fffdef;
+  overflow: auto;
+}
+
+.icon_lists {
+  width: 100% !important;
+  overflow: hidden;
+  *zoom: 1;
+}
+
+.icon_lists li {
+  width: 100px;
+  margin-bottom: 10px;
+  margin-right: 20px;
+  text-align: center;
+  list-style: none !important;
+  cursor: default;
+}
+
+.icon_lists li .code-name {
+  line-height: 1.2;
+}
+
+.icon_lists .icon {
+  display: block;
+  height: 100px;
+  line-height: 100px;
+  font-size: 42px;
+  margin: 10px auto;
+  color: #333;
+  -webkit-transition: font-size 0.25s linear, width 0.25s linear;
+  -moz-transition: font-size 0.25s linear, width 0.25s linear;
+  transition: font-size 0.25s linear, width 0.25s linear;
+}
+
+.icon_lists .icon:hover {
+  font-size: 100px;
+}
+
+.icon_lists .svg-icon {
+  /* 通过设置 font-size 来改变图标大小 */
+  width: 1em;
+  /* 图标和文字相邻时，垂直对齐 */
+  vertical-align: -0.15em;
+  /* 通过设置 color 来改变 SVG 的颜色/fill */
+  fill: currentColor;
+  /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
+      normalize.css 中也包含这行 */
+  overflow: hidden;
+}
+
+.icon_lists li .name,
+.icon_lists li .code-name {
+  color: #666;
+}
+
+/* markdown 样式 */
+.markdown {
+  color: #666;
+  font-size: 14px;
+  line-height: 1.8;
+}
+
+.highlight {
+  line-height: 1.5;
+}
+
+.markdown img {
+  vertical-align: middle;
+  max-width: 100%;
+}
+
+.markdown h1 {
+  color: #404040;
+  font-weight: 500;
+  line-height: 40px;
+  margin-bottom: 24px;
+}
+
+.markdown h2,
+.markdown h3,
+.markdown h4,
+.markdown h5,
+.markdown h6 {
+  color: #404040;
+  margin: 1.6em 0 0.6em 0;
+  font-weight: 500;
+  clear: both;
+}
+
+.markdown h1 {
+  font-size: 28px;
+}
+
+.markdown h2 {
+  font-size: 22px;
+}
+
+.markdown h3 {
+  font-size: 16px;
+}
+
+.markdown h4 {
+  font-size: 14px;
+}
+
+.markdown h5 {
+  font-size: 12px;
+}
+
+.markdown h6 {
+  font-size: 12px;
+}
+
+.markdown hr {
+  height: 1px;
+  border: 0;
+  background: #e9e9e9;
+  margin: 16px 0;
+  clear: both;
+}
+
+.markdown p {
+  margin: 1em 0;
+}
+
+.markdown>p,
+.markdown>blockquote,
+.markdown>.highlight,
+.markdown>ol,
+.markdown>ul {
+  width: 80%;
+}
+
+.markdown ul>li {
+  list-style: circle;
+}
+
+.markdown>ul li,
+.markdown blockquote ul>li {
+  margin-left: 20px;
+  padding-left: 4px;
+}
+
+.markdown>ul li p,
+.markdown>ol li p {
+  margin: 0.6em 0;
+}
+
+.markdown ol>li {
+  list-style: decimal;
+}
+
+.markdown>ol li,
+.markdown blockquote ol>li {
+  margin-left: 20px;
+  padding-left: 4px;
+}
+
+.markdown code {
+  margin: 0 3px;
+  padding: 0 5px;
+  background: #eee;
+  border-radius: 3px;
+}
+
+.markdown strong,
+.markdown b {
+  font-weight: 600;
+}
+
+.markdown>table {
+  border-collapse: collapse;
+  border-spacing: 0px;
+  empty-cells: show;
+  border: 1px solid #e9e9e9;
+  width: 95%;
+  margin-bottom: 24px;
+}
+
+.markdown>table th {
+  white-space: nowrap;
+  color: #333;
+  font-weight: 600;
+}
+
+.markdown>table th,
+.markdown>table td {
+  border: 1px solid #e9e9e9;
+  padding: 8px 16px;
+  text-align: left;
+}
+
+.markdown>table th {
+  background: #F7F7F7;
+}
+
+.markdown blockquote {
+  font-size: 90%;
+  color: #999;
+  border-left: 4px solid #e9e9e9;
+  padding-left: 0.8em;
+  margin: 1em 0;
+}
+
+.markdown blockquote p {
+  margin: 0;
+}
+
+.markdown .anchor {
+  opacity: 0;
+  transition: opacity 0.3s ease;
+  margin-left: 8px;
+}
+
+.markdown .waiting {
+  color: #ccc;
+}
+
+.markdown h1:hover .anchor,
+.markdown h2:hover .anchor,
+.markdown h3:hover .anchor,
+.markdown h4:hover .anchor,
+.markdown h5:hover .anchor,
+.markdown h6:hover .anchor {
+  opacity: 1;
+  display: inline-block;
+}
+
+.markdown>br,
+.markdown>p>br {
+  clear: both;
+}
+
+
+.hljs {
+  display: block;
+  background: white;
+  padding: 0.5em;
+  color: #333333;
+  overflow-x: auto;
+}
+
+.hljs-comment,
+.hljs-meta {
+  color: #969896;
+}
+
+.hljs-string,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-strong,
+.hljs-emphasis,
+.hljs-quote {
+  color: #df5000;
+}
+
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-type {
+  color: #a71d5d;
+}
+
+.hljs-literal,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-attribute {
+  color: #0086b3;
+}
+
+.hljs-section,
+.hljs-name {
+  color: #63a35c;
+}
+
+.hljs-tag {
+  color: #333333;
+}
+
+.hljs-title,
+.hljs-attr,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-selector-attr,
+.hljs-selector-pseudo {
+  color: #795da3;
+}
+
+.hljs-addition {
+  color: #55a532;
+  background-color: #eaffea;
+}
+
+.hljs-deletion {
+  color: #bd2c00;
+  background-color: #ffecec;
+}
+
+.hljs-link {
+  text-decoration: underline;
+}
+
+/* 代码高亮 */
+/* PrismJS 1.15.0
+https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
+/**
+ * prism.js default theme for JavaScript, CSS and HTML
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+code[class*="language-"],
+pre[class*="language-"] {
+  color: black;
+  background: none;
+  text-shadow: 0 1px white;
+  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+  text-align: left;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
+  word-wrap: normal;
+  line-height: 1.5;
+
+  -moz-tab-size: 4;
+  -o-tab-size: 4;
+  tab-size: 4;
+
+  -webkit-hyphens: none;
+  -moz-hyphens: none;
+  -ms-hyphens: none;
+  hyphens: none;
+}
+
+pre[class*="language-"]::-moz-selection,
+pre[class*="language-"] ::-moz-selection,
+code[class*="language-"]::-moz-selection,
+code[class*="language-"] ::-moz-selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+
+pre[class*="language-"]::selection,
+pre[class*="language-"] ::selection,
+code[class*="language-"]::selection,
+code[class*="language-"] ::selection {
+  text-shadow: none;
+  background: #b3d4fc;
+}
+
+@media print {
+
+  code[class*="language-"],
+  pre[class*="language-"] {
+    text-shadow: none;
+  }
+}
+
+/* Code blocks */
+pre[class*="language-"] {
+  padding: 1em;
+  margin: .5em 0;
+  overflow: auto;
+}
+
+:not(pre)>code[class*="language-"],
+pre[class*="language-"] {
+  background: #f5f2f0;
+}
+
+/* Inline code */
+:not(pre)>code[class*="language-"] {
+  padding: .1em;
+  border-radius: .3em;
+  white-space: normal;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+  color: slategray;
+}
+
+.token.punctuation {
+  color: #999;
+}
+
+.namespace {
+  opacity: .7;
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+  color: #905;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+  color: #690;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+  color: #9a6e3a;
+  background: hsla(0, 0%, 100%, .5);
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+  color: #07a;
+}
+
+.token.function,
+.token.class-name {
+  color: #DD4A68;
+}
+
+.token.regex,
+.token.important,
+.token.variable {
+  color: #e90;
+}
+
+.token.important,
+.token.bold {
+  font-weight: bold;
+}
+
+.token.italic {
+  font-style: italic;
+}
+
+.token.entity {
+  cursor: help;
+}
diff --git a/static/font_ve87r6kfq3/demo_index.html b/static/font_ve87r6kfq3/demo_index.html
new file mode 100644
index 0000000..9228888
--- /dev/null
+++ b/static/font_ve87r6kfq3/demo_index.html
@@ -0,0 +1,368 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8"/>
+  <title>iconfont Demo</title>
+  <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg" type="image/x-icon"/>
+  <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg"/>
+  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
+  <link rel="stylesheet" href="demo.css">
+  <link rel="stylesheet" href="iconfont.css">
+  <script src="iconfont.js"></script>
+  <!-- jQuery -->
+  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
+  <!-- 代码高亮 -->
+  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
+  <style>
+    .main .logo {
+      margin-top: 0;
+      height: auto;
+    }
+
+    .main .logo a {
+      display: flex;
+      align-items: center;
+    }
+
+    .main .logo .sub-title {
+      margin-left: 0.5em;
+      font-size: 22px;
+      color: #fff;
+      background: linear-gradient(-45deg, #3967FF, #B500FE);
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+    }
+  </style>
+</head>
+<body>
+  <div class="main">
+    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
+      <img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
+      
+    </a></h1>
+    <div class="nav-tabs">
+      <ul id="tabs" class="dib-box">
+        <li class="dib active"><span>Unicode</span></li>
+        <li class="dib"><span>Font class</span></li>
+        <li class="dib"><span>Symbol</span></li>
+      </ul>
+      
+    </div>
+    <div class="tab-container">
+      <div class="content unicode" style="display: block;">
+          <ul class="icon_lists dib-box">
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe664;</span>
+                <div class="name">add</div>
+                <div class="code-name">&amp;#xe664;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe665;</span>
+                <div class="name">ashbin</div>
+                <div class="code-name">&amp;#xe665;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe668;</span>
+                <div class="name">close</div>
+                <div class="code-name">&amp;#xe668;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe685;</span>
+                <div class="name">close-bold</div>
+                <div class="code-name">&amp;#xe685;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe654;</span>
+                <div class="name">edit</div>
+                <div class="code-name">&amp;#xe654;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xea56;</span>
+                <div class="name">search</div>
+                <div class="code-name">&amp;#xea56;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe615;</span>
+                <div class="name">查询</div>
+                <div class="code-name">&amp;#xe615;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe65b;</span>
+                <div class="name">蜡烛</div>
+                <div class="code-name">&amp;#xe65b;</div>
+              </li>
+          
+          </ul>
+          <div class="article markdown">
+          <h2 id="unicode-">Unicode 引用</h2>
+          <hr>
+
+          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
+          <ul>
+            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
+            <li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
+          </ul>
+          <blockquote>
+            <p>注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p>
+          </blockquote>
+          <p>Unicode 使用步骤如下：</p>
+          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
+<pre><code class="language-css"
+>@font-face {
+  font-family: 'iconfont';
+  src: url('iconfont.ttf?t=1768306553008') format('truetype');
+}
+</code></pre>
+          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
+<pre><code class="language-css"
+>.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+</code></pre>
+          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
+<pre>
+<code class="language-html"
+>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
+</code></pre>
+          <blockquote>
+            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
+          </blockquote>
+          </div>
+      </div>
+      <div class="content font-class">
+        <ul class="icon_lists dib-box">
+          
+          <li class="dib">
+            <span class="icon iconfont icon-add"></span>
+            <div class="name">
+              add
+            </div>
+            <div class="code-name">.icon-add
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-ashbin"></span>
+            <div class="name">
+              ashbin
+            </div>
+            <div class="code-name">.icon-ashbin
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-close"></span>
+            <div class="name">
+              close
+            </div>
+            <div class="code-name">.icon-close
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-close-bold"></span>
+            <div class="name">
+              close-bold
+            </div>
+            <div class="code-name">.icon-close-bold
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-edit"></span>
+            <div class="name">
+              edit
+            </div>
+            <div class="code-name">.icon-edit
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-search"></span>
+            <div class="name">
+              search
+            </div>
+            <div class="code-name">.icon-search
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-search1"></span>
+            <div class="name">
+              查询
+            </div>
+            <div class="code-name">.icon-search1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-lazhu"></span>
+            <div class="name">
+              蜡烛
+            </div>
+            <div class="code-name">.icon-lazhu
+            </div>
+          </li>
+          
+        </ul>
+        <div class="article markdown">
+        <h2 id="font-class-">font-class 引用</h2>
+        <hr>
+
+        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
+        <p>与 Unicode 使用方式相比，具有如下特点：</p>
+        <ul>
+          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
+          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
+        </ul>
+        <p>使用步骤如下：</p>
+        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
+<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
+</code></pre>
+        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
+<pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;
+</code></pre>
+        <blockquote>
+          <p>"
+            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
+        </blockquote>
+      </div>
+      </div>
+      <div class="content symbol">
+          <ul class="icon_lists dib-box">
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-add"></use>
+                </svg>
+                <div class="name">add</div>
+                <div class="code-name">#icon-add</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-ashbin"></use>
+                </svg>
+                <div class="name">ashbin</div>
+                <div class="code-name">#icon-ashbin</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-close"></use>
+                </svg>
+                <div class="name">close</div>
+                <div class="code-name">#icon-close</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-close-bold"></use>
+                </svg>
+                <div class="name">close-bold</div>
+                <div class="code-name">#icon-close-bold</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-edit"></use>
+                </svg>
+                <div class="name">edit</div>
+                <div class="code-name">#icon-edit</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-search"></use>
+                </svg>
+                <div class="name">search</div>
+                <div class="code-name">#icon-search</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-search1"></use>
+                </svg>
+                <div class="name">查询</div>
+                <div class="code-name">#icon-search1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-lazhu"></use>
+                </svg>
+                <div class="name">蜡烛</div>
+                <div class="code-name">#icon-lazhu</div>
+            </li>
+          
+          </ul>
+          <div class="article markdown">
+          <h2 id="symbol-">Symbol 引用</h2>
+          <hr>
+
+          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
+            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
+          <ul>
+            <li>支持多色图标了，不再受单色限制。</li>
+            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
+            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
+            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
+          </ul>
+          <p>使用步骤如下：</p>
+          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
+<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
+</code></pre>
+          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
+<pre><code class="language-html">&lt;style&gt;
+.icon {
+  width: 1em;
+  height: 1em;
+  vertical-align: -0.15em;
+  fill: currentColor;
+  overflow: hidden;
+}
+&lt;/style&gt;
+</code></pre>
+          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
+<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
+  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
+&lt;/svg&gt;
+</code></pre>
+          </div>
+      </div>
+
+    </div>
+  </div>
+  <script>
+  $(document).ready(function () {
+      $('.tab-container .content:first').show()
+
+      $('#tabs li').click(function (e) {
+        var tabContent = $('.tab-container .content')
+        var index = $(this).index()
+
+        if ($(this).hasClass('active')) {
+          return
+        } else {
+          $('#tabs li').removeClass('active')
+          $(this).addClass('active')
+
+          tabContent.hide().eq(index).fadeIn()
+        }
+      })
+    })
+  </script>
+</body>
+</html>
diff --git a/static/font_ve87r6kfq3/iconfont.css b/static/font_ve87r6kfq3/iconfont.css
new file mode 100644
index 0000000..c77ae7d
--- /dev/null
+++ b/static/font_ve87r6kfq3/iconfont.css
@@ -0,0 +1,45 @@
+@font-face {
+  font-family: "iconfont"; /* Project id  */
+  src: url('@/static/font_ve87r6kfq3/iconfont.ttf?t=1768306553008') format('truetype');
+}
+
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-add:before {
+  content: "\e664";
+}
+
+.icon-ashbin:before {
+  content: "\e665";
+}
+
+.icon-close:before {
+  content: "\e668";
+}
+
+.icon-close-bold:before {
+  content: "\e685";
+}
+
+.icon-edit:before {
+  content: "\e654";
+}
+
+.icon-search:before {
+  content: "\ea56";
+}
+
+.icon-search1:before {
+  content: "\e615";
+}
+
+.icon-lazhu:before {
+  content: "\e65b";
+}
+
diff --git a/static/font_ve87r6kfq3/iconfont.js b/static/font_ve87r6kfq3/iconfont.js
new file mode 100644
index 0000000..abb94c1
--- /dev/null
+++ b/static/font_ve87r6kfq3/iconfont.js
@@ -0,0 +1 @@
+window._iconfont_svg_string_='<svg><symbol id="icon-add" viewBox="0 0 1024 1024"><path d="M853.333333 480H544V170.666667c0-17.066667-14.933333-32-32-32s-32 14.933333-32 32v309.333333H170.666667c-17.066667 0-32 14.933333-32 32s14.933333 32 32 32h309.333333V853.333333c0 17.066667 14.933333 32 32 32s32-14.933333 32-32V544H853.333333c17.066667 0 32-14.933333 32-32s-14.933333-32-32-32z" fill="#666666" ></path></symbol><symbol id="icon-ashbin" viewBox="0 0 1024 1024"><path d="M874.666667 241.066667h-202.666667V170.666667c0-40.533333-34.133333-74.666667-74.666667-74.666667h-170.666666c-40.533333 0-74.666667 34.133333-74.666667 74.666667v70.4H149.333333c-17.066667 0-32 14.933333-32 32s14.933333 32 32 32h53.333334V853.333333c0 40.533333 34.133333 74.666667 74.666666 74.666667h469.333334c40.533333 0 74.666667-34.133333 74.666666-74.666667V305.066667H874.666667c17.066667 0 32-14.933333 32-32s-14.933333-32-32-32zM416 170.666667c0-6.4 4.266667-10.666667 10.666667-10.666667h170.666666c6.4 0 10.666667 4.266667 10.666667 10.666667v70.4h-192V170.666667z m341.333333 682.666666c0 6.4-4.266667 10.666667-10.666666 10.666667H277.333333c-6.4 0-10.666667-4.266667-10.666666-10.666667V309.333333h490.666666V853.333333z" fill="#666666" ></path><path d="M426.666667 736c17.066667 0 32-14.933333 32-32V490.666667c0-17.066667-14.933333-32-32-32s-32 14.933333-32 32v213.333333c0 17.066667 14.933333 32 32 32zM597.333333 736c17.066667 0 32-14.933333 32-32V490.666667c0-17.066667-14.933333-32-32-32s-32 14.933333-32 32v213.333333c0 17.066667 14.933333 32 32 32z" fill="#666666" ></path></symbol><symbol id="icon-close" viewBox="0 0 1024 1024"><path d="M556.8 512L832 236.8c12.8-12.8 12.8-32 0-44.8-12.8-12.8-32-12.8-44.8 0L512 467.2l-275.2-277.333333c-12.8-12.8-32-12.8-44.8 0-12.8 12.8-12.8 32 0 44.8l275.2 277.333333-277.333333 275.2c-12.8 12.8-12.8 32 0 44.8 6.4 6.4 14.933333 8.533333 23.466666 8.533333s17.066667-2.133333 23.466667-8.533333L512 556.8 787.2 832c6.4 6.4 14.933333 8.533333 23.466667 8.533333s17.066667-2.133333 23.466666-8.533333c12.8-12.8 12.8-32 0-44.8L556.8 512z" fill="#666666" ></path></symbol><symbol id="icon-close-bold" viewBox="0 0 1024 1024"><path d="M571.733333 512l268.8-268.8c17.066667-17.066667 17.066667-42.666667 0-59.733333-17.066667-17.066667-42.666667-17.066667-59.733333 0L512 452.266667 243.2 183.466667c-17.066667-17.066667-42.666667-17.066667-59.733333 0-17.066667 17.066667-17.066667 42.666667 0 59.733333L452.266667 512 183.466667 780.8c-17.066667 17.066667-17.066667 42.666667 0 59.733333 8.533333 8.533333 19.2 12.8 29.866666 12.8s21.333333-4.266667 29.866667-12.8L512 571.733333l268.8 268.8c8.533333 8.533333 19.2 12.8 29.866667 12.8s21.333333-4.266667 29.866666-12.8c17.066667-17.066667 17.066667-42.666667 0-59.733333L571.733333 512z" fill="#666666" ></path></symbol><symbol id="icon-edit" viewBox="0 0 1024 1024"><path d="M128 768V256a125.696 125.696 0 0 1 128-128h213.333A42.667 42.667 0 0 1 512 170.667a42.667 42.667 0 0 1-42.667 42.666H256A42.667 42.667 0 0 0 213.333 256v512A42.667 42.667 0 0 0 256 810.667h512A40.32 40.32 0 0 0 810.667 768V503.467a42.667 42.667 0 0 1 42.666-42.667A42.667 42.667 0 0 1 896 503.467V768a128.384 128.384 0 0 1-128 128H256a125.696 125.696 0 0 1-128-128z m230.4-102.4a64.81 64.81 0 0 1 0-85.333l42.667-42.667 85.333 85.333-42.667 42.667a64.81 64.81 0 0 1-85.333 0zM512 597.333L426.667 512l324.266-324.267a60.416 60.416 0 0 1 89.6 81.067l-4.266 4.267z"  ></path></symbol><symbol id="icon-search" viewBox="0 0 1024 1024"><path d="M644.096 251.904a277.312 277.312 0 1 0-392.192 392.192 277.312 277.312 0 0 0 392.192-392.192z m-452.544-60.352a362.688 362.688 0 0 1 541.312 480.96l228.032 228.032-60.352 60.352-228.032-228.032a362.752 362.752 0 0 1-480.96-541.312z"  ></path></symbol><symbol id="icon-search1" viewBox="0 0 1024 1024"><path d="M762.752 736.704a368 368 0 1 0-48 42.432l158.592 158.72a32 32 0 0 0 45.312-45.312l-155.904-155.84zM496 179.2a304 304 0 1 1 0 608 304 304 0 0 1 0-608z" fill="#263140" ></path></symbol><symbol id="icon-lazhu" viewBox="0 0 1024 1024"><path d="M373.504 222.72c-9.984 5.248-45.312 66.944-50.944 88.832-7.424 29.44 3.072 54.784 27.52 66.304 4.608 2.048 11.776 4.48 16 5.248l7.68 1.536V393.984h-8.576c-14.72-0.128-40.064 1.536-54.784 3.584-22.912 3.2-30.848 7.936-38.784 23.296-9.088 17.536-10.368 30.592-11.392 119.296-0.768 78.72-0.512 83.968 9.088 177.408 2.56 24.192 7.808 34.048 21.632 40.704 9.088 4.48 20.224 5.248 47.744 3.456 12.672-0.768 36.992-2.048 54.272-2.688 17.28-0.768 36.096-1.92 41.984-2.56 9.472-1.024 11.136-0.896 15.36 1.28 7.68 3.968 20.608 6.784 31.616 6.784 5.632-0.128 26.624-0.768 46.72-1.664 19.968-0.768 63.744-1.664 97.28-1.92 41.856-0.128 62.592-0.768 66.56-1.792 13.056-3.456 21.504-13.184 24.448-28.032 2.56-12.416 2.56-193.28 0-208.384-2.944-18.048-13.44-32.128-26.752-36.096-9.472-2.816-28.544-4.096-63.36-4.096h-35.584l0.384-4.096c0.384-3.584 1.024-4.224 5.248-5.12 22.784-4.736 40.576-30.72 40.576-59.264 0-24.192-7.68-42.624-32.256-77.696-17.28-24.576-24.064-29.312-35.072-24.704-6.272 2.56-10.368 6.528-19.2 18.176-14.72 19.456-30.976 51.072-35.712 68.992-3.712 14.208-2.048 32.384 4.096 44.416 6.4 12.8 19.2 22.528 34.944 26.496 11.264 2.816 12.8 3.712 12.8 8.32v4.224l-24.576 0.896c-13.568 0.512-26.112 0.768-27.904 0.512l-3.2-0.512-0.768-21.888c-1.792-46.208-6.272-59.136-22.144-63.872-7.808-2.304-40.576-4.48-69.504-4.48H398.08v-4.864c0-4.608 0.256-4.864 8.96-9.088 9.6-4.608 25.088-17.92 30.08-25.6 5.248-8.576 8.32-19.84 8.32-31.232 0-19.84-4.736-30.208-36.48-78.336-10.752-16.384-13.568-19.456-19.328-21.888-5.76-2.432-10.496-2.176-16.128 0.768z m14.848 34.048c1.792 3.328 3.328 6.272 3.328 6.784 0 0.384-2.688 2.176-5.888 3.968-3.328 1.664-8.448 4.992-11.52 7.424-3.072 2.304-5.632 3.584-5.632 2.944 0-2.048 14.848-27.008 16-27.008 0.256 0 1.92 2.688 3.712 5.888z m16.384 30.72l3.584 5.76-2.944 4.736c-1.664 2.56-4.352 7.936-5.888 11.776-1.664 3.84-5.248 11.776-7.936 17.408-2.816 5.76-4.992 11.648-4.992 13.056 0 3.712 3.328 6.656 7.552 6.656 6.784 0 13.824-9.472 19.456-26.112l3.456-10.24 0.896 6.528c1.664 12.928-5.504 27.52-15.744 31.872-7.424 3.072-25.984 4.736-34.176 3.072-9.472-1.92-19.712-11.52-12.288-11.52 3.2 0 16.896-9.344 21.76-14.848 4.864-5.376 4.992-8.704 0.768-11.52-3.968-2.56-7.296-1.408-18.048 6.016-3.84 2.816-7.296 4.992-7.552 4.992-1.024 0-0.768-2.816 0.64-7.808 1.024-3.584 2.176-4.864 4.864-5.376 6.144-1.28 33.152-20.992 38.4-28.032 2.56-3.584 4.48-2.688 8.192 3.584z m175.872 60.8c2.048 3.968 2.048 3.968-2.432 7.68-2.56 2.048-7.04 7.296-10.24 11.776-3.2 4.352-7.552 9.6-9.856 11.776l-4.096 3.84 2.048-5.12c1.152-2.816 4.608-9.472 7.68-14.72 12.16-21.12 13.312-22.016 16.896-15.232z m14.464 22.912l2.688 5.12-3.712 5.376c-2.048 3.072-7.04 11.776-11.264 19.584-16.128 29.568-20.224 36.48-22.144 36.48-3.712 0-13.44-5.76-14.976-8.96-2.048-4.096-2.176-14.336-0.128-16.384 0.896-0.896 2.56-1.536 3.84-1.536 2.944 0 7.424-2.816 16.128-9.984 8.192-7.04 14.208-14.976 20.096-27.008 2.56-5.12 5.12-8.832 5.632-8.448 0.64 0.256 2.304 2.944 3.84 5.76z m13.824 41.6c-0.768 10.88-2.944 15.616-9.472 20.992-4.352 3.584-11.264 6.272-12.672 4.864-1.152-1.152 20.224-36.736 21.632-35.84 0.768 0.384 0.896 4.48 0.512 9.984zM451.84 432.768c11.648 0.768 21.248 1.536 21.504 1.792 0.256 0.256-1.152 2.048-3.072 3.968-8.704 9.344-17.152 25.216-17.152 32.128 0 5.12 4.224 8.576 7.936 6.656 3.456-1.792 10.496-12.032 15.36-22.016 2.304-4.736 4.608-8.576 5.12-8.576 0.512 0 1.024 8.32 1.024 18.56V483.84h-9.6c-28.928 0-39.552 16.256-43.008 65.92-2.048 30.976-0.768 168.96 1.664 179.584 1.024 4.48 1.408 8.32 0.896 8.704-0.512 0.256-4.608 0-9.088-0.64-11.008-1.664-65.408-3.328-94.72-2.816l-23.808 0.384-2.176-3.328c-3.328-4.992-5.504-24.32-7.68-66.688-4.096-77.824-3.456-209.28 1.024-222.976l1.536-4.864 14.08-1.024c7.808-0.512 23.936-1.664 35.84-2.688 27.776-2.176 77.056-2.432 104.32-0.64z m207.232 89.984c21.504 2.688 23.808 3.328 25.856 6.016 3.328 4.352 3.2 6.784-0.128 4.736-2.048-1.408-3.2-1.28-6.656 0.768-7.936 4.352-30.08 32.64-36.224 46.208-6.144 13.696-4.992 27.648 2.56 29.568 5.888 1.536 9.472-2.816 21.248-25.216 6.016-11.52 13.568-26.112 16.896-32.384l6.016-11.392v51.072c0 28.032-0.384 59.264-0.896 69.12-0.64 16.768-0.896 18.048-3.072 17.536-5.12-1.408-8.96 1.408-23.296 17.536-16.512 18.56-17.92 21.76-11.648 26.752 5.888 4.608 10.112 3.584 18.304-4.736 4.096-3.968 9.984-11.008 13.312-15.616l6.016-8.192v14.08c0 9.728-0.512 14.848-1.664 16.384-2.688 3.712-36.736 5.888-126.976 8.448-24.576 0.768-54.144 1.92-65.664 2.816-28.928 2.048-28.544 2.304-32-24.576-3.2-24.576-3.072-136.576 0.128-158.08 3.328-22.528 4.608-28.544 6.656-29.312 1.536-0.512 41.344-2.688 69.76-3.712 5.248-0.256 29.44-0.512 53.76-0.64 39.424-0.128 46.72 0.128 67.712 2.816z"  ></path><path d="M318.72 457.984c-3.456 1.664-4.864 3.584-6.912 9.216-2.304 6.528-2.56 11.52-3.072 63.36-0.512 48.896-0.256 56.96 1.408 61.056 4.736 11.264 20.864 13.44 27.392 3.712 2.688-4.096 3.968-30.848 4.096-88.192 0.128-41.6-0.384-45.056-6.4-49.408-3.84-2.688-10.88-2.56-16.512 0.256zM322.816 614.528c-8.704 1.792-14.336 10.368-14.336 21.632 0 5.504 0.64 7.04 4.352 11.136 3.712 4.096 4.992 4.736 10.624 4.736 7.808 0.128 12.416-2.176 15.872-7.808 2.304-3.584 2.688-5.888 2.176-13.312-0.384-7.296-1.024-9.344-3.712-12.032-3.968-3.968-9.472-5.632-14.976-4.352zM484.992 546.944c-8.064 5.248-10.112 11.904-11.648 36.992-1.664 29.952-1.152 36.352 3.328 40.32 2.816 2.432 4.864 2.944 11.648 2.944 7.552 0 8.32-0.256 11.776-4.224 6.144-7.04 7.04-12.928 6.528-41.344-0.384-21.12-0.768-26.112-2.688-29.568-4.48-8.32-11.392-10.24-18.944-5.12zM664.96 620.544c-6.528 4.736-87.68 86.272-89.856 90.112-6.144 11.264 5.76 15.616 19.712 7.168 10.88-6.656 59.52-53.376 73.856-71.168 6.784-8.448 12.928-17.024 13.44-19.2 2.944-9.856-7.552-14.08-17.152-6.912zM481.92 643.072C473.6 646.656 468.48 656.256 468.48 668.16c0 18.688 22.528 25.984 33.92 11.008 2.688-3.584 3.584-6.528 4.096-12.672 1.024-11.52-2.304-18.688-10.112-22.528-6.528-3.072-9.088-3.2-14.464-0.896z"  ></path></symbol></svg>',(c=>{var t=(e=(e=document.getElementsByTagName("script"))[e.length-1]).getAttribute("data-injectcss"),e=e.getAttribute("data-disable-injectsvg");if(!e){var o,i,l,n,a,s=function(t,e){e.parentNode.insertBefore(t,e)};if(t&&!c.__iconfont__svg__cssinject__){c.__iconfont__svg__cssinject__=!0;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(t){console&&console.log(t)}}o=function(){var t,e=document.createElement("div");e.innerHTML=c._iconfont_svg_string_,(e=e.getElementsByTagName("svg")[0])&&(e.setAttribute("aria-hidden","true"),e.style.position="absolute",e.style.width=0,e.style.height=0,e.style.overflow="hidden",e=e,(t=document.body).firstChild?s(e,t.firstChild):t.appendChild(e))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(o,0):(i=function(){document.removeEventListener("DOMContentLoaded",i,!1),o()},document.addEventListener("DOMContentLoaded",i,!1)):document.attachEvent&&(l=o,n=c.document,a=!1,h(),n.onreadystatechange=function(){"complete"==n.readyState&&(n.onreadystatechange=null,d())})}function d(){a||(a=!0,l())}function h(){try{n.documentElement.doScroll("left")}catch(t){return void setTimeout(h,50)}d()}})(window);
\ No newline at end of file
diff --git a/static/font_ve87r6kfq3/iconfont.json b/static/font_ve87r6kfq3/iconfont.json
new file mode 100644
index 0000000..8d3b48f
--- /dev/null
+++ b/static/font_ve87r6kfq3/iconfont.json
@@ -0,0 +1,65 @@
+{
+  "id": "",
+  "name": "",
+  "font_family": "iconfont",
+  "css_prefix_text": "icon-",
+  "description": "",
+  "glyphs": [
+    {
+      "icon_id": "15838424",
+      "name": "add",
+      "font_class": "add",
+      "unicode": "e664",
+      "unicode_decimal": 58980
+    },
+    {
+      "icon_id": "15838430",
+      "name": "ashbin",
+      "font_class": "ashbin",
+      "unicode": "e665",
+      "unicode_decimal": 58981
+    },
+    {
+      "icon_id": "15838444",
+      "name": "close",
+      "font_class": "close",
+      "unicode": "e668",
+      "unicode_decimal": 58984
+    },
+    {
+      "icon_id": "15838563",
+      "name": "close-bold",
+      "font_class": "close-bold",
+      "unicode": "e685",
+      "unicode_decimal": 59013
+    },
+    {
+      "icon_id": "33215995",
+      "name": "edit",
+      "font_class": "edit",
+      "unicode": "e654",
+      "unicode_decimal": 58964
+    },
+    {
+      "icon_id": "44063702",
+      "name": "search",
+      "font_class": "search",
+      "unicode": "ea56",
+      "unicode_decimal": 59990
+    },
+    {
+      "icon_id": "44849862",
+      "name": "查询",
+      "font_class": "search1",
+      "unicode": "e615",
+      "unicode_decimal": 58901
+    },
+    {
+      "icon_id": "46589632",
+      "name": "蜡烛",
+      "font_class": "lazhu",
+      "unicode": "e65b",
+      "unicode_decimal": 58971
+    }
+  ]
+}
diff --git a/static/font_ve87r6kfq3/iconfont.ttf b/static/font_ve87r6kfq3/iconfont.ttf
new file mode 100644
index 0000000..1f01e2a
Binary files /dev/null and b/static/font_ve87r6kfq3/iconfont.ttf differ
diff --git a/static/scss/global.scss b/static/scss/global.scss
index ac636bd..47a653f 100644
--- a/static/scss/global.scss
+++ b/static/scss/global.scss
@@ -88,3 +88,37 @@
       }
     }
   }
+
+
+
+
+/* 极简版（无CSS变量） */
+.mini-btn {
+  margin-left: 10rpx !important;
+  font-size: 12px !important;
+  padding: 5rpx 15rpx !important;
+  border-width: 1px !important;
+  border-style: solid !important;
+}
+.btn-left .mini-btn:first-child {
+  margin-left: 0 !important;
+}
+
+/* 默认按钮 */
+.mini-btn { color: #fff !important; background: #1890ff !important; border-color: #1890ff !important; }
+/* 新增按钮 */
+.add-btn { color: #1890ff !important; background: #e8f4ff !important; border-color: #a3d3ff !important; }
+/* 删除按钮 */
+.del-btn { color: #71e2a3 !important; background: #e7faf0 !important; border-color: #d0f5e0 !important; }
+/* 编辑按钮 */
+.edit-btn { color: #ff9292 !important; background: #ffeded !important; border-color: #ffdbdb !important; }
+
+/* hover统一样式 */
+.is-hover {
+  color: #fff !important;
+  /* 按按钮类型匹配背景色 */
+  &.add-btn { background: #1890ff !important; border-color: #1890ff !important; }
+  &.del-btn { background: #71e2a3 !important; border-color: #71e2a3 !important; }
+  &.edit-btn { background: #ff9292 !important; border-color: #ff9292 !important; }
+  &:not(.add-btn):not(.del-btn):not(.edit-btn) { background: #1682e6 !important; border-color: #1682e6 !important; }
+}
\ No newline at end of file
diff --git a/static/scss/index.scss b/static/scss/index.scss
index 745cffa..ed366a1 100644
--- a/static/scss/index.scss
+++ b/static/scss/index.scss
@@ -3,4 +3,5 @@
 // color-ui
 @import "@/static/scss/colorui.css";
 // iconfont
-@import "@/static/font/iconfont.css";
\ No newline at end of file
+@import "@/static/font/iconfont.css";
+@import "@/static/font_ve87r6kfq3/iconfont.css";
\ No newline at end of file