调整注册订阅页面结构

Revert "情绪版布局调整"
This reverts commit f86c18cf3a.
2025-11-24 17:40:43 +08:00 · 2025-11-24 17:32:24 +08:00 · 2025-11-24 17:26:26 +08:00 · 2025-11-24 17:11:09 +08:00 · 2025-11-24 17:09:40 +08:00 · 2025-11-24 17:09:37 +08:00
261 changed files with 26386 additions and 14816 deletions
--- a/.env.dev_build
+++ b/.env.dev_build
@@ -1,4 +1,4 @@
-VITE_USER_NODE_ENV = 'production'
+VITE_USER_NODE_ENV = 'development'
 # VITE_APP_BASE_URL = 'https://aida.com.hk/test'
 # VITE_APP_BASE_URL = 'http://18.167.251.121:10088'
 # VITE_APP_BASE_URL = 'https://api.aida.com.hk'
--- a/.env.test
+++ b/.env.test
@@ -1,12 +1,6 @@
-<<<<<<< HEAD
 VITE_USER_NODE_ENV = 'development'
 VITE_APP_BASE_URL = 'https://test.api.aida.com.hk'
 # VITE_APP_BASE_URL = 'https://api.aida.com.hk'
-=======
-NODE_ENV = 'development'
-# VUE_APP_BASE_URL = 'https://api.aida.com.hk'
-VUE_APP_BASE_URL = 'https://test.api.aida.com.hk'
->>>>>>> 5d8304ce3ece21dd3200ffffb0c76e3ef55dd213

 # VITE_APP_BASE_URL = 'http://18.167.251.121:10086'
 # VITE_APP_BASE_URL = 'http://192.168.1.9:5567'
--- a/.gitignore
+++ b/.gitignore
@@ -23,3 +23,4 @@ dist.rar
 *.sln
 *.sw?
 .eslintrc-auto-import.json
+components.d.ts
--- a/components.d.ts
+++ b/components.d.ts
@@ -1,35 +0,0 @@
-/* eslint-disable */
-// @ts-nocheck
-// Generated by unplugin-vue-components
-// Read more: https://github.com/vuejs/core/pull/3399
-// biome-ignore lint: disable
-export {}
-
-/* prettier-ignore */
-declare module 'vue' {
-  export interface GlobalComponents {
-    ABadge: typeof import('ant-design-vue/es')['Badge']
-    ACheckbox: typeof import('ant-design-vue/es')['Checkbox']
-    AConfigProvider: typeof import('ant-design-vue/es')['ConfigProvider']
-    ADrawer: typeof import('ant-design-vue/es')['Drawer']
-    ADropdown: typeof import('ant-design-vue/es')['Dropdown']
-    AImage: typeof import('ant-design-vue/es')['Image']
-    AInputNumber: typeof import('ant-design-vue/es')['InputNumber']
-    AMenu: typeof import('ant-design-vue/es')['Menu']
-    AMenuItem: typeof import('ant-design-vue/es')['MenuItem']
-    AModal: typeof import('ant-design-vue/es')['Modal']
-    APopover: typeof import('ant-design-vue/es')['Popover']
-    ARangePicker: typeof import('ant-design-vue/es')['RangePicker']
-    ASelect: typeof import('ant-design-vue/es')['Select']
-    ASelectOption: typeof import('ant-design-vue/es')['SelectOption']
-    ASlider: typeof import('ant-design-vue/es')['Slider']
-    ASpin: typeof import('ant-design-vue/es')['Spin']
-    ASwitch: typeof import('ant-design-vue/es')['Switch']
-    ATable: typeof import('ant-design-vue/es')['Table']
-    ATabPane: typeof import('ant-design-vue/es')['TabPane']
-    ATabs: typeof import('ant-design-vue/es')['Tabs']
-    AUpload: typeof import('ant-design-vue/es')['Upload']
-    RouterLink: typeof import('vue-router')['RouterLink']
-    RouterView: typeof import('vue-router')['RouterView']
-  }
-}
--- a/dist.7z
+++ b/dist.7z
--- a/package-lock.json
+++ b/package-lock.json
@@ -35,7 +35,8 @@
        "vue-i18n": "^9.6.1",
        "vue-router": "^4.0.3",
        "vuedraggable": "^4.1.0",
-        "vuex": "^4.0.0"
+        "vuex": "^4.0.0",
+        "x-sender": "^1.1.6"
      },
      "devDependencies": {
        "@types/three": "^0.174.0",
@@ -10106,6 +10107,12 @@
        }
      }
    },
+    "node_modules/x-sender": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/x-sender/-/x-sender-1.1.6.tgz",
+      "integrity": "sha512-es24YnTY1+g3TdDVrEgRVW8uW2nYPyHjQveBgZxk8JrB7809yd8AkYptrLgqL1trpUZtMILVW+2GIoB0V5HfVQ==",
+      "license": "MIT"
+    },
    "node_modules/xml-name-validator": {
      "version": "4.0.0",
      "resolved": "https://registry.npmmirror.com/xml-name-validator/-/xml-name-validator-4.0.0.tgz",
--- a/package.json
+++ b/package.json
@@ -41,7 +41,8 @@
    "vue-i18n": "^9.6.1",
    "vue-router": "^4.0.3",
    "vuedraggable": "^4.1.0",
-    "vuex": "^4.0.0"
+    "vuex": "^4.0.0",
+    "x-sender": "^1.1.6"
  },
  "devDependencies": {
    "@types/three": "^0.174.0",
@@ -105,4 +106,4 @@
    "not dead",
    "not ie 11"
  ]
-}
+}
--- a/public/image/brush/PencilBrush-2.jpg
+++ b/public/image/brush/PencilBrush-2.jpg
--- a/public/image/brush/CrayonBrush.jpg
+++ b/public/image/brush/CrayonBrush.jpg
--- a/public/image/brush/fur.jpg
+++ b/public/image/brush/fur.jpg
--- a/public/image/brush/InkBrush.jpg
+++ b/public/image/brush/InkBrush.jpg
--- a/public/image/brush/LongfurBrush.jpg
+++ b/public/image/brush/LongfurBrush.jpg
--- a/public/image/brush/MarkerBrush.jpg
+++ b/public/image/brush/MarkerBrush.jpg
--- a/public/image/brush/pen.jpg
+++ b/public/image/brush/pen.jpg
--- a/public/image/brush/PencilBrush.jpg
+++ b/public/image/brush/PencilBrush.jpg
--- a/public/image/brush/RibbonBrush.jpg
+++ b/public/image/brush/RibbonBrush.jpg
--- a/public/image/brush/shaded.jpg
+++ b/public/image/brush/shaded.jpg
--- a/public/image/brush/spray.jpg
+++ b/public/image/brush/spray.jpg
--- a/public/image/brush/imgBrush.webp
+++ b/public/image/brush/imgBrush.webp
--- a/public/image/brush/WritingBrush.jpg
+++ b/public/image/brush/WritingBrush.jpg
--- a/public/sketch_bar_chart.html
+++ b/public/sketch_bar_chart.html
@@ -0,0 +1,427 @@
+<!DOCTYPE html>
+<html lang="zh">
+<head>
+  <meta charset="UTF-8" />
+  <title>style category</title>
+  <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.1/dist/chart.umd.min.js"></script>
+  <style>
+    body { 
+      margin: 0; 
+      padding: 0; 
+      font-family: sans-serif; 
+      box-sizing: border-box;
+      background-color: #f9f9f9;
+    }
+    .viewport {
+      position: fixed;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      overflow: auto;
+      background-color: #f9f9f9;
+      cursor: grab;
+      scrollbar-width: thick;
+      scrollbar-color: #666 #eee;
+    }
+    .viewport::-webkit-scrollbar {
+      height: 16px;
+      width: 16px;
+    }
+    .viewport::-webkit-scrollbar-track {
+      background: #eee;
+      border-radius: 8px;
+    }
+    .viewport::-webkit-scrollbar-thumb {
+      background: #666;
+      border-radius: 8px;
+      border: 3px solid #eee;
+    }
+    .viewport::-webkit-scrollbar-thumb:hover {
+      background: #333;
+    }
+    .content-size {
+      position: relative;
+      width: 100%;
+      height: 100%;
+    }
+    .content {
+      padding: 30px;
+      transform-origin: top left;
+      width: max-content;
+      min-width: 100%;
+    }
+    h1 {
+      text-align: center;
+      font-size: 100px;
+      margin: 40px 0 60px;
+      font-weight: bold;
+      color: #333;
+    }
+    .chart-section {
+      margin-bottom: 80px;
+      background: #fff;
+      border-radius: 16px;
+      padding: 30px;
+      box-shadow: 0 6px 20px rgba(0,0,0,0.08);
+    }
+    h2 {
+      text-align: center;
+      font-size: 80px;
+      margin: 0 0 40px;
+      font-weight: bold;
+      color: #444;
+    }
+    .chart-container { 
+      overflow-x: auto; 
+      width: 100%; 
+      min-width: 8000px; /* 适配20倍组间空隙，大幅扩大容器宽度 */
+      min-height: 1900px;
+      scrollbar-width: thick;
+      scrollbar-color: #666 #eee;
+      padding-bottom: 100px;
+    }
+    /* 自定义滚动条 */
+    .chart-container::-webkit-scrollbar {
+      height: 16px;
+    }
+    .chart-container::-webkit-scrollbar-track {
+      background: #eee;
+      border-radius: 8px;
+    }
+    .chart-container::-webkit-scrollbar-thumb {
+      background: #666;
+      border-radius: 8px;
+      border: 3px solid #eee;
+    }
+    .chart-container::-webkit-scrollbar-thumb:hover {
+      background: #333;
+    }
+    canvas { 
+      width: 100%;
+      height: 1800px !important;
+      background: #fff; 
+      border: 2px solid #ddd; 
+      border-radius: 12px;
+      box-shadow: 0 4px 16px rgba(0,0,0,0.1);
+    }
+    /* 响应式调整：保持默认缩放30%，不额外调整 */
+    @media (max-width: 1200px) {
+      .chart-container {
+        min-height: 1900px;
+      }
+      canvas {
+        height: 1800px !important;
+      }
+      h1 {
+        font-size: 48px;
+      }
+      h2 {
+        font-size: 36px;
+      }
+    }
+  </style>
+  <!-- 禁止页面缩放的meta标签 -->
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
+</head>
+<body>
+  <div id="viewport" class="viewport">
+    <div id="content-size" class="content-size">
+      <div id="content" class="content">
+        <h1>style category</h1>
+
+        <div class="chart-section">
+          <h2>1. ALL </h2>
+          <div class="chart-container">
+            <canvas id="chartAll"></canvas>
+          </div>
+        </div>
+
+        <div class="chart-section">
+          <h2>2. Male </h2>
+          <div class="chart-container">
+            <canvas id="chartMale"></canvas>
+          </div>
+        </div>
+
+        <div class="chart-section">
+          <h2>3. Female </h2>
+          <div class="chart-container">
+            <canvas id="chartFemale"></canvas>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <script>
+    document.addEventListener('DOMContentLoaded', function() {
+      const viewport = document.getElementById('viewport');
+      const content = document.getElementById('content');
+      const contentSize = document.getElementById('content-size');
+      let MIN_SCALE = 1;
+      const MAX_SCALE = 3;
+      let scale = 1;
+      function computeMinScale() {
+        const cw = content.offsetWidth;
+        const vw = viewport.clientWidth;
+        if (!cw || !vw) return 1;
+        return Math.min(MAX_SCALE, Math.max(0.2, vw / cw));
+      }
+      function updateWrapperSize() {
+        const w = content.offsetWidth * scale;
+        const h = content.offsetHeight * scale;
+        contentSize.style.width = w + 'px';
+        contentSize.style.height = h + 'px';
+      }
+      function applyScale(newScale, ax, ay) {
+        const prev = scale;
+        const target = Math.max(MIN_SCALE, Math.min(MAX_SCALE, newScale));
+        if (target === prev) return;
+        const ratio = target / prev;
+        const rect = viewport.getBoundingClientRect();
+        const anchorX = ax != null ? ax : viewport.scrollLeft + viewport.clientWidth / 2;
+        const anchorY = ay != null ? ay : viewport.scrollTop + viewport.clientHeight / 2;
+        scale = target;
+        content.style.transform = 'scale(' + scale + ')';
+        updateWrapperSize();
+        let newLeft = anchorX * ratio - viewport.clientWidth / 2;
+        let newTop = anchorY * ratio - viewport.clientHeight / 2;
+        const maxLeft = Math.max(0, contentSize.scrollWidth - viewport.clientWidth);
+        const maxTop = Math.max(0, contentSize.scrollHeight - viewport.clientHeight);
+        viewport.scrollLeft = Math.max(0, Math.min(maxLeft, newLeft));
+        viewport.scrollTop = Math.max(0, Math.min(maxTop, newTop));
+      }
+      function initScale() {
+        MIN_SCALE = computeMinScale();
+        scale = MIN_SCALE;
+        content.style.transform = 'scale(' + scale + ')';
+        updateWrapperSize();
+      }
+      initScale();
+
+      let dragging = false;
+      let sx = 0, sy = 0, sl = 0, st = 0;
+      viewport.addEventListener('mousedown', function(e) {
+        if (e.button !== 0) return;
+        dragging = true;
+        viewport.style.cursor = 'grabbing';
+        sx = e.clientX;
+        sy = e.clientY;
+        sl = viewport.scrollLeft;
+        st = viewport.scrollTop;
+      });
+      window.addEventListener('mousemove', function(e) {
+        if (!dragging) return;
+        viewport.scrollLeft = sl - (e.clientX - sx);
+        viewport.scrollTop = st - (e.clientY - sy);
+      });
+      window.addEventListener('mouseup', function() {
+        dragging = false;
+        viewport.style.cursor = '';
+      });
+
+      viewport.addEventListener('wheel', function(e) {
+        if (e.ctrlKey || e.metaKey) {
+          e.preventDefault();
+          const factor = e.deltaY < 0 ? 1.1 : 0.9;
+          const rect = viewport.getBoundingClientRect();
+          const ax = viewport.scrollLeft + (e.clientX - rect.left);
+          const ay = viewport.scrollTop + (e.clientY - rect.top);
+          const next = scale * factor;
+          applyScale(next < MIN_SCALE ? MIN_SCALE : next, ax, ay);
+        }
+      }, { passive: false });
+
+      window.addEventListener('resize', function() {
+        const prevMin = MIN_SCALE;
+        MIN_SCALE = computeMinScale();
+        if (scale < MIN_SCALE) {
+          applyScale(MIN_SCALE);
+        } else {
+          updateWrapperSize();
+        }
+      });
+      window.addEventListener('load', function() {
+        initScale();
+      });
+    });
+
+    // 共用配置 - 保持原有标签处理逻辑（下划线换行）
+    const labels = [
+      'ACADEMIC','BUSINESS','CASUAL','COUNTRY_STYLE','DOPAMINE','ETHNIC','FUTURISM',
+      'GOTHIC','LOLITA','MERLAD','MINIMALISM','NEW_CHINESE','OUTDOOR_FUNCTIONAL',
+      'POST_APOCALYPTIC','PREPPY','ROCK','ROMANTIC','SEXY','SWEET','WABI_SABI','Y2K','民族风'
+    ].map(label => label.replace('_', '\n'));
+
+    // 所有数据（保持更新后的数值）
+    const allData = {
+      male_tops: [0,686,638,491,128,11,366,35,0,20,313,126,359,166,385,187,6,3,3,219,282,0],
+      male_bottoms: [0,280,199,141,132,1,43,49,0,13,178,93,279,10,96,25,0,5,0,163,239,0],
+      male_outwear: [0,2442,2147,1245,161,19,671,216,0,58,471,168,1001,319,803,367,11,1,1,278,631,0],
+      female_dress: [260,1030,4322,1158,256,0,397,340,488,279,1104,312,215,170,0,223,990,607,1438,293,292,159],
+      female_skirt: [408,662,1177,633,214,0,381,280,278,308,358,200,297,209,0,231,584,233,714,246,385,95],
+      female_blouse: [618,1275,3786,710,385,0,533,412,454,453,616,221,852,181,0,437,869,533,899,336,991,169],
+      female_outwear: [267,1255,740,453,178,0,418,160,101,301,273,172,712,172,0,245,198,13,159,280,500,76],
+      female_trousers: [171,782,1899,391,232,0,267,64,137,293,351,141,865,101,0,189,654,137,319,299,427,96]
+    };
+
+    // 颜色配置（保持原有颜色）
+    const colors = {
+      male_tops: '#1f77b4',
+      male_bottoms: '#ff7f0e',
+      male_outwear: '#2ca02c',
+      female_dress: '#d62728',
+      female_skirt: '#9467bd',
+      female_blouse: '#8c564b',
+      female_outwear: '#e377c2',
+      female_trousers: '#7f7f7f'
+    };
+
+    // 图表基础配置 - 核心修改：categoryPercentage设为0.04（原0.8的1/20），扩大组间空隙20倍
+    const baseChartConfig = {
+      responsive: true,
+      maintainAspectRatio: false,
+      plugins: {
+        legend: { 
+          position: 'top',
+          labels: {
+            font: { size: 60, weight: 'bold' },
+            padding: 60,
+            boxWidth: 60
+          },
+          padding: { bottom: 60 }
+        },
+        tooltip: { 
+          mode: 'index', 
+          intersect: false,
+          padding: 30,
+          titleFont: { size: 60 },
+            bodyFont: { size: 42 },
+            boxPadding: 20,
+          cornerRadius: 12
+        }
+      },
+      scales: {
+        x: { 
+          stacked: false, 
+          title: { 
+            display: true, 
+            text: '',
+            font: { size: 1, weight: 'bold' },
+            padding: { top: 1, bottom: 1 }
+          }, 
+          ticks: { 
+            maxRotation: 0, // 保持原有斜放角度（向左下45度）
+            minRotation: 0, // 强制固定角度
+            autoSkip: false,
+            font: { size: 28, weight: 'bold' },
+            padding: 150,
+            color: '#333',
+            lineHeight: 1.3,
+            align: 'right' // 斜放标签右对齐，提升可读性
+          },
+          grid: { display: false },
+          border: { width: 3 },
+          categoryPercentage: 0.5, // 核心修改：原0.8 → 0.04，组间空隙扩大20倍
+          barPercentage: 0.8, // 保持组内柱子宽度不变
+        },
+        y: { 
+          beginAtZero: true, 
+          title: { 
+            display: true, 
+            text: '',
+            font: { size: 1, weight: 'bold' },
+            padding: { right: 1 }
+          },
+          ticks: {
+            font: { size: 33, weight: 'bold' },
+            padding: 30,
+            color: '#333',
+            stepSize: 500 // 适配更大数值范围
+          },
+          grid: { color: '#e0e0e0', lineWidth: 3 },
+          border: { width: 3 }
+        }
+      },
+      layout: {
+        padding: { top: 60, right: 90, bottom: 100, left: 90 }
+      },
+      animation: { duration: 1500, easing: 'easeOutQuart' },
+      barThickness: 'flex',
+      maxBarThickness: 70,
+      minBarLength: 5
+    };
+
+    // 1. 创建综合图表
+    new Chart(document.getElementById('chartAll'), {
+      type: 'bar',
+      data: {
+        labels: labels,
+        datasets: Object.keys(allData).map(key => ({
+          label: key,
+          data: allData[key],
+          backgroundColor: colors[key]
+        }))
+      },
+      options: { ...baseChartConfig }
+    });
+
+    // 2. 创建男性分类图表
+    new Chart(document.getElementById('chartMale'), {
+      type: 'bar',
+      data: {
+        labels: labels,
+        datasets: [
+          { label: 'male_tops', data: allData.male_tops, backgroundColor: colors.male_tops },
+          { label: 'male_bottoms', data: allData.male_bottoms, backgroundColor: colors.male_bottoms },
+          { label: 'male_outwear', data: allData.male_outwear, backgroundColor: colors.male_outwear }
+        ]
+      },
+      options: {
+        ...baseChartConfig,
+        scales: {
+          ...baseChartConfig.scales,
+          x: {
+            ...baseChartConfig.scales.x,
+            categoryPercentage: 0.35
+          },
+          y: {
+            ...baseChartConfig.scales.y,
+            stepSize: 800 // 适配男性外套最大值2442
+          }
+        }
+      }
+    });
+
+    // 3. 创建女性分类图表
+    new Chart(document.getElementById('chartFemale'), {
+      type: 'bar',
+      data: {
+        labels: labels,
+        datasets: [
+          { label: 'female_dress', data: allData.female_dress, backgroundColor: colors.female_dress },
+          { label: 'female_skirt', data: allData.female_skirt, backgroundColor: colors.female_skirt },
+          { label: 'female_blouse', data: allData.female_blouse, backgroundColor: colors.female_blouse },
+          { label: 'female_outwear', data: allData.female_outwear, backgroundColor: colors.female_outwear },
+          { label: 'female_trousers', data: allData.female_trousers, backgroundColor: colors.female_trousers }
+        ]
+      },
+      options: {
+        ...baseChartConfig,
+        scales: {
+          ...baseChartConfig.scales,
+          x: {
+            ...baseChartConfig.scales.x,
+            categoryPercentage: 0.28
+          },
+          y: {
+            ...baseChartConfig.scales.y,
+            stepSize: 1000 // 适配女性连衣裙最大值4322
+          }
+        }
+      }
+    });
+  </script>
+</body>
+</html>
--- a/src/assets/iconfont2/demo.css
+++ b/src/assets/iconfont2/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;
+}
--- a/src/assets/iconfont2/demo_index.html
+++ b/src/assets/iconfont2/demo_index.html
@@ -0,0 +1,970 @@
+<!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>
+      
+      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=4292253" target="_blank" class="nav-more">查看项目</a>
+      
+    </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">&#xe650;</span>
+                <div class="name">裁剪</div>
+                <div class="code-name">&amp;#xe650;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe60a;</span>
+                <div class="name">角度</div>
+                <div class="code-name">&amp;#xe60a;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe69e;</span>
+                <div class="name">水平翻转</div>
+                <div class="code-name">&amp;#xe69e;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xec60;</span>
+                <div class="name">垂直翻转</div>
+                <div class="code-name">&amp;#xec60;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe8d1;</span>
+                <div class="name">clothes</div>
+                <div class="code-name">&amp;#xe8d1;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe647;</span>
+                <div class="name">材质</div>
+                <div class="code-name">&amp;#xe647;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe61b;</span>
+                <div class="name">IC-液化</div>
+                <div class="code-name">&amp;#xe61b;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe751;</span>
+                <div class="name">上一层</div>
+                <div class="code-name">&amp;#xe751;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe604;</span>
+                <div class="name">上一层</div>
+                <div class="code-name">&amp;#xe604;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe68a;</span>
+                <div class="name">下一层</div>
+                <div class="code-name">&amp;#xe68a;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe68b;</span>
+                <div class="name">上一层</div>
+                <div class="code-name">&amp;#xe68b;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe6a1;</span>
+                <div class="name">审批</div>
+                <div class="code-name">&amp;#xe6a1;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe617;</span>
+                <div class="name">用户</div>
+                <div class="code-name">&amp;#xe617;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe601;</span>
+                <div class="name">使用次数</div>
+                <div class="code-name">&amp;#xe601;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe634;</span>
+                <div class="name">下拉</div>
+                <div class="code-name">&amp;#xe634;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe600;</span>
+                <div class="name">编辑</div>
+                <div class="code-name">&amp;#xe600;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe64f;</span>
+                <div class="name">圆形</div>
+                <div class="code-name">&amp;#xe64f;</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">&#xe632;</span>
+                <div class="name">图层</div>
+                <div class="code-name">&amp;#xe632;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe616;</span>
+                <div class="name">平移</div>
+                <div class="code-name">&amp;#xe616;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe67b;</span>
+                <div class="name">橡皮</div>
+                <div class="code-name">&amp;#xe67b;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe64c;</span>
+                <div class="name">tx-fill-椭圆形</div>
+                <div class="code-name">&amp;#xe64c;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe602;</span>
+                <div class="name">直线</div>
+                <div class="code-name">&amp;#xe602;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xec5f;</span>
+                <div class="name">线</div>
+                <div class="code-name">&amp;#xec5f;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xea6f;</span>
+                <div class="name">正方形</div>
+                <div class="code-name">&amp;#xea6f;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe62d;</span>
+                <div class="name">图层</div>
+                <div class="code-name">&amp;#xe62d;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe685;</span>
+                <div class="name">点位</div>
+                <div class="code-name">&amp;#xe685;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe620;</span>
+                <div class="name">并集</div>
+                <div class="code-name">&amp;#xe620;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe668;</span>
+                <div class="name">并集</div>
+                <div class="code-name">&amp;#xe668;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe603;</span>
+                <div class="name">标签</div>
+                <div class="code-name">&amp;#xe603;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe85f;</span>
+                <div class="name">语言</div>
+                <div class="code-name">&amp;#xe85f;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe626;</span>
+                <div class="name">撤销 返回 撤回 上一步</div>
+                <div class="code-name">&amp;#xe626;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe609;</span>
+                <div class="name">撤销 返回 撤回 上一步</div>
+                <div class="code-name">&amp;#xe609;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe66c;</span>
+                <div class="name">外套_长款外套1@1x</div>
+                <div class="code-name">&amp;#xe66c;</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.woff2?t=1762934152017') format('woff2'),
+       url('iconfont.woff?t=1762934152017') format('woff'),
+       url('iconfont.ttf?t=1762934152017') 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-caijian"></span>
+            <div class="name">
+              裁剪
+            </div>
+            <div class="code-name">.icon-caijian
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-angle"></span>
+            <div class="name">
+              角度
+            </div>
+            <div class="code-name">.icon-angle
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-flip-horizontal"></span>
+            <div class="name">
+              水平翻转
+            </div>
+            <div class="code-name">.icon-flip-horizontal
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-flip-vertical"></span>
+            <div class="name">
+              垂直翻转
+            </div>
+            <div class="code-name">.icon-flip-vertical
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-clothes"></span>
+            <div class="name">
+              clothes
+            </div>
+            <div class="code-name">.icon-clothes
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-caizhi"></span>
+            <div class="name">
+              材质
+            </div>
+            <div class="code-name">.icon-caizhi
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-IC-yehua"></span>
+            <div class="name">
+              IC-液化
+            </div>
+            <div class="code-name">.icon-IC-yehua
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-shangyiceng"></span>
+            <div class="name">
+              上一层
+            </div>
+            <div class="code-name">.icon-shangyiceng
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-shangyiceng1"></span>
+            <div class="name">
+              上一层
+            </div>
+            <div class="code-name">.icon-shangyiceng1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-xiayiceng"></span>
+            <div class="name">
+              下一层
+            </div>
+            <div class="code-name">.icon-xiayiceng
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-shangyiceng2"></span>
+            <div class="name">
+              上一层
+            </div>
+            <div class="code-name">.icon-shangyiceng2
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-shenpi"></span>
+            <div class="name">
+              审批
+            </div>
+            <div class="code-name">.icon-shenpi
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-yonghu"></span>
+            <div class="name">
+              用户
+            </div>
+            <div class="code-name">.icon-yonghu
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-usetime"></span>
+            <div class="name">
+              使用次数
+            </div>
+            <div class="code-name">.icon-usetime
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-xiala"></span>
+            <div class="name">
+              下拉
+            </div>
+            <div class="code-name">.icon-xiala
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-bianji"></span>
+            <div class="name">
+              编辑
+            </div>
+            <div class="code-name">.icon-bianji
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-circle"></span>
+            <div class="name">
+              圆形
+            </div>
+            <div class="code-name">.icon-circle
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-sanjiaoxing"></span>
+            <div class="name">
+              三角形
+            </div>
+            <div class="code-name">.icon-sanjiaoxing
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-tuceng"></span>
+            <div class="name">
+              图层
+            </div>
+            <div class="code-name">.icon-tuceng
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-move"></span>
+            <div class="name">
+              平移
+            </div>
+            <div class="code-name">.icon-move
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-xiangpi_huaban1"></span>
+            <div class="name">
+              橡皮
+            </div>
+            <div class="code-name">.icon-xiangpi_huaban1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-tx-fill-tuoyuanxing"></span>
+            <div class="name">
+              tx-fill-椭圆形
+            </div>
+            <div class="code-name">.icon-tx-fill-tuoyuanxing
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-zhixian"></span>
+            <div class="name">
+              直线
+            </div>
+            <div class="code-name">.icon-zhixian
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-xian"></span>
+            <div class="name">
+              线
+            </div>
+            <div class="code-name">.icon-xian
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-checkbox-full"></span>
+            <div class="name">
+              正方形
+            </div>
+            <div class="code-name">.icon-checkbox-full
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-tuceng1"></span>
+            <div class="name">
+              图层
+            </div>
+            <div class="code-name">.icon-tuceng1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-dianwei"></span>
+            <div class="name">
+              点位
+            </div>
+            <div class="code-name">.icon-dianwei
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-bingji"></span>
+            <div class="name">
+              并集
+            </div>
+            <div class="code-name">.icon-bingji
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-bingji1"></span>
+            <div class="name">
+              并集
+            </div>
+            <div class="code-name">.icon-bingji1
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-biaoqian"></span>
+            <div class="name">
+              标签
+            </div>
+            <div class="code-name">.icon-biaoqian
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-yuyan"></span>
+            <div class="name">
+              语言
+            </div>
+            <div class="code-name">.icon-yuyan
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-fanchehui"></span>
+            <div class="name">
+              撤销 返回 撤回 上一步
+            </div>
+            <div class="code-name">.icon-fanchehui
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-chehui"></span>
+            <div class="name">
+              撤销 返回 撤回 上一步
+            </div>
+            <div class="code-name">.icon-chehui
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-a-waitao_changkuanwaitao11x"></span>
+            <div class="name">
+              外套_长款外套1@1x
+            </div>
+            <div class="code-name">.icon-a-waitao_changkuanwaitao11x
+            </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-caijian"></use>
+                </svg>
+                <div class="name">裁剪</div>
+                <div class="code-name">#icon-caijian</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-angle"></use>
+                </svg>
+                <div class="name">角度</div>
+                <div class="code-name">#icon-angle</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-flip-horizontal"></use>
+                </svg>
+                <div class="name">水平翻转</div>
+                <div class="code-name">#icon-flip-horizontal</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-flip-vertical"></use>
+                </svg>
+                <div class="name">垂直翻转</div>
+                <div class="code-name">#icon-flip-vertical</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-clothes"></use>
+                </svg>
+                <div class="name">clothes</div>
+                <div class="code-name">#icon-clothes</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-caizhi"></use>
+                </svg>
+                <div class="name">材质</div>
+                <div class="code-name">#icon-caizhi</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-IC-yehua"></use>
+                </svg>
+                <div class="name">IC-液化</div>
+                <div class="code-name">#icon-IC-yehua</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-shangyiceng"></use>
+                </svg>
+                <div class="name">上一层</div>
+                <div class="code-name">#icon-shangyiceng</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-shangyiceng1"></use>
+                </svg>
+                <div class="name">上一层</div>
+                <div class="code-name">#icon-shangyiceng1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-xiayiceng"></use>
+                </svg>
+                <div class="name">下一层</div>
+                <div class="code-name">#icon-xiayiceng</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-shangyiceng2"></use>
+                </svg>
+                <div class="name">上一层</div>
+                <div class="code-name">#icon-shangyiceng2</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-shenpi"></use>
+                </svg>
+                <div class="name">审批</div>
+                <div class="code-name">#icon-shenpi</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-yonghu"></use>
+                </svg>
+                <div class="name">用户</div>
+                <div class="code-name">#icon-yonghu</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-usetime"></use>
+                </svg>
+                <div class="name">使用次数</div>
+                <div class="code-name">#icon-usetime</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-xiala"></use>
+                </svg>
+                <div class="name">下拉</div>
+                <div class="code-name">#icon-xiala</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-bianji"></use>
+                </svg>
+                <div class="name">编辑</div>
+                <div class="code-name">#icon-bianji</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-circle"></use>
+                </svg>
+                <div class="name">圆形</div>
+                <div class="code-name">#icon-circle</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-sanjiaoxing"></use>
+                </svg>
+                <div class="name">三角形</div>
+                <div class="code-name">#icon-sanjiaoxing</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-tuceng"></use>
+                </svg>
+                <div class="name">图层</div>
+                <div class="code-name">#icon-tuceng</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-move"></use>
+                </svg>
+                <div class="name">平移</div>
+                <div class="code-name">#icon-move</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-xiangpi_huaban1"></use>
+                </svg>
+                <div class="name">橡皮</div>
+                <div class="code-name">#icon-xiangpi_huaban1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-tx-fill-tuoyuanxing"></use>
+                </svg>
+                <div class="name">tx-fill-椭圆形</div>
+                <div class="code-name">#icon-tx-fill-tuoyuanxing</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-zhixian"></use>
+                </svg>
+                <div class="name">直线</div>
+                <div class="code-name">#icon-zhixian</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-xian"></use>
+                </svg>
+                <div class="name">线</div>
+                <div class="code-name">#icon-xian</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-checkbox-full"></use>
+                </svg>
+                <div class="name">正方形</div>
+                <div class="code-name">#icon-checkbox-full</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-tuceng1"></use>
+                </svg>
+                <div class="name">图层</div>
+                <div class="code-name">#icon-tuceng1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-dianwei"></use>
+                </svg>
+                <div class="name">点位</div>
+                <div class="code-name">#icon-dianwei</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-bingji"></use>
+                </svg>
+                <div class="name">并集</div>
+                <div class="code-name">#icon-bingji</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-bingji1"></use>
+                </svg>
+                <div class="name">并集</div>
+                <div class="code-name">#icon-bingji1</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-biaoqian"></use>
+                </svg>
+                <div class="name">标签</div>
+                <div class="code-name">#icon-biaoqian</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-yuyan"></use>
+                </svg>
+                <div class="name">语言</div>
+                <div class="code-name">#icon-yuyan</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-fanchehui"></use>
+                </svg>
+                <div class="name">撤销 返回 撤回 上一步</div>
+                <div class="code-name">#icon-fanchehui</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-chehui"></use>
+                </svg>
+                <div class="name">撤销 返回 撤回 上一步</div>
+                <div class="code-name">#icon-chehui</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-a-waitao_changkuanwaitao11x"></use>
+                </svg>
+                <div class="name">外套_长款外套1@1x</div>
+                <div class="code-name">#icon-a-waitao_changkuanwaitao11x</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>
--- a/src/assets/iconfont2/iconfont.css
+++ b/src/assets/iconfont2/iconfont.css
@@ -1,18 +1,38 @@
@font-face {
  font-family: "iconfont"; /* Project id 4292253 */
-  src: url('iconfont.woff2?t=1727415711578') format('woff2'),
-       url('iconfont.woff?t=1727415711578') format('woff'),
-       url('iconfont.ttf?t=1727415711578') format('truetype');
+  src: url('iconfont.woff2?t=1762934152017') format('woff2'),
+       url('iconfont.woff?t=1762934152017') format('woff'),
+       url('iconfont.ttf?t=1762934152017') format('truetype');
 }

 .iconfont {
  font-family: "iconfont" !important;
-  font-size: 1.8rem;
+  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 }

+.icon-caijian:before {
+  content: "\e650";
+}
+
+.icon-angle:before {
+  content: "\e60a";
+}
+
+.icon-flip-horizontal:before {
+  content: "\e69e";
+}
+
+.icon-flip-vertical:before {
+  content: "\ec60";
+}
+
+.icon-clothes:before {
+  content: "\e8d1";
+}
+
 .icon-caizhi:before {
  content: "\e647";
 }
--- a/src/assets/iconfont2/iconfont.js
+++ b/src/assets/iconfont2/iconfont.js
--- a/src/assets/iconfont2/iconfont.json
+++ b/src/assets/iconfont2/iconfont.json
@@ -1,170 +1,247 @@
 {
-  "id": "",
-  "name": "",
+  "id": "4292253",
+  "name": "aida",
  "font_family": "iconfont",
  "css_prefix_text": "icon-",
  "description": "",
  "glyphs": [
    {
-      "icon_id": "124968799",
-      "name": "外套_长款外套1@1x",
-      "font_class": "a-waitao_changkuanwaitao11x",
-      "unicode": "e66c",
-      "unicode_decimal": 58988
+      "icon_id": "22138606",
+      "name": "裁剪",
+      "font_class": "caijian",
+      "unicode": "e650",
+      "unicode_decimal": 58960
    },
    {
-      "icon_id": "125198319",
-      "name": "撤销 返回 撤回 上一步",
-      "font_class": "fanchehui",
-      "unicode": "e626",
-      "unicode_decimal": 58918
+      "icon_id": "8875396",
+      "name": "角度",
+      "font_class": "angle",
+      "unicode": "e60a",
+      "unicode_decimal": 58890
    },
    {
-      "icon_id": "125198320",
-      "name": "撤销 返回 撤回 上一步",
-      "font_class": "chehui",
-      "unicode": "e609",
-      "unicode_decimal": 58889
+      "icon_id": "15551512",
+      "name": "水平翻转",
+      "font_class": "flip-horizontal",
+      "unicode": "e69e",
+      "unicode_decimal": 59038
    },
    {
-      "icon_id": "125524062",
-      "name": "语言",
-      "font_class": "yuyan",
-      "unicode": "e85f",
-      "unicode_decimal": 59487
+      "icon_id": "46016160",
+      "name": "垂直翻转",
+      "font_class": "flip-vertical",
+      "unicode": "ec60",
+      "unicode_decimal": 60512
    },
    {
-      "icon_id": "126177191",
-      "name": "标签",
-      "font_class": "biaoqian",
-      "unicode": "e603",
-      "unicode_decimal": 58883
+      "icon_id": "20183053",
+      "name": "clothes",
+      "font_class": "clothes",
+      "unicode": "e8d1",
+      "unicode_decimal": 59601
    },
    {
-      "icon_id": "126459101",
-      "name": "并集",
-      "font_class": "bingji",
-      "unicode": "e620",
-      "unicode_decimal": 58912
+      "icon_id": "15739173",
+      "name": "材质",
+      "font_class": "caizhi",
+      "unicode": "e647",
+      "unicode_decimal": 58951
    },
    {
-      "icon_id": "126459102",
-      "name": "并集",
-      "font_class": "bingji1",
-      "unicode": "e668",
-      "unicode_decimal": 58984
+      "icon_id": "35023469",
+      "name": "IC-液化",
+      "font_class": "IC-yehua",
+      "unicode": "e61b",
+      "unicode_decimal": 58907
    },
    {
-      "icon_id": "126901286",
-      "name": "点位",
-      "font_class": "dianwei",
-      "unicode": "e685",
-      "unicode_decimal": 59013
+      "icon_id": "12096844",
+      "name": "上一层",
+      "font_class": "shangyiceng",
+      "unicode": "e751",
+      "unicode_decimal": 59217
    },
    {
-      "icon_id": "130743908",
-      "name": "编辑",
-      "font_class": "bianji",
-      "unicode": "e600",
-      "unicode_decimal": 58880
+      "icon_id": "16531912",
+      "name": "上一层",
+      "font_class": "shangyiceng1",
+      "unicode": "e604",
+      "unicode_decimal": 58884
    },
    {
-      "icon_id": "130743909",
-      "name": "圆形",
-      "font_class": "circle",
-      "unicode": "e64f",
-      "unicode_decimal": 58959
+      "icon_id": "24253227",
+      "name": "下一层",
+      "font_class": "xiayiceng",
+      "unicode": "e68a",
+      "unicode_decimal": 59018
    },
    {
-      "icon_id": "130743910",
-      "name": "三角形",
-      "font_class": "sanjiaoxing",
-      "unicode": "e615",
-      "unicode_decimal": 58901
+      "icon_id": "24253230",
+      "name": "上一层",
+      "font_class": "shangyiceng2",
+      "unicode": "e68b",
+      "unicode_decimal": 59019
    },
    {
-      "icon_id": "130743911",
-      "name": "图层",
-      "font_class": "tuceng",
-      "unicode": "e632",
-      "unicode_decimal": 58930
-    },
-    {
-      "icon_id": "130743912",
-      "name": "平移",
-      "font_class": "move",
-      "unicode": "e616",
-      "unicode_decimal": 58902
-    },
-    {
-      "icon_id": "130743913",
-      "name": "橡皮",
-      "font_class": "xiangpi_huaban1",
-      "unicode": "e67b",
-      "unicode_decimal": 59003
-    },
-    {
-      "icon_id": "130743914",
-      "name": "tx-fill-椭圆形",
-      "font_class": "tx-fill-tuoyuanxing",
-      "unicode": "e64c",
-      "unicode_decimal": 58956
-    },
-    {
-      "icon_id": "130743915",
-      "name": "直线",
-      "font_class": "zhixian",
-      "unicode": "e602",
-      "unicode_decimal": 58882
-    },
-    {
-      "icon_id": "130743916",
-      "name": "线",
-      "font_class": "xian",
-      "unicode": "ec5f",
-      "unicode_decimal": 60511
-    },
-    {
-      "icon_id": "130743917",
-      "name": "正方形",
-      "font_class": "checkbox-full",
-      "unicode": "ea6f",
-      "unicode_decimal": 60015
-    },
-    {
-      "icon_id": "130743918",
-      "name": "图层",
-      "font_class": "tuceng1",
-      "unicode": "e62d",
-      "unicode_decimal": 58925
-    },
-    {
-      "icon_id": "130751283",
+      "icon_id": "3663275",
      "name": "审批",
      "font_class": "shenpi",
      "unicode": "e6a1",
      "unicode_decimal": 59041
    },
    {
-      "icon_id": "130751284",
+      "icon_id": "7638976",
      "name": "用户",
      "font_class": "yonghu",
      "unicode": "e617",
      "unicode_decimal": 58903
    },
    {
-      "icon_id": "130751285",
+      "icon_id": "9775414",
      "name": "使用次数",
      "font_class": "usetime",
      "unicode": "e601",
      "unicode_decimal": 58881
    },
    {
-      "icon_id": "130751286",
+      "icon_id": "16843615",
      "name": "下拉",
      "font_class": "xiala",
      "unicode": "e634",
      "unicode_decimal": 58932
+    },
+    {
+      "icon_id": "1264",
+      "name": "编辑",
+      "font_class": "bianji",
+      "unicode": "e600",
+      "unicode_decimal": 58880
+    },
+    {
+      "icon_id": "755612",
+      "name": "圆形",
+      "font_class": "circle",
+      "unicode": "e64f",
+      "unicode_decimal": 58959
+    },
+    {
+      "icon_id": "3101162",
+      "name": "三角形",
+      "font_class": "sanjiaoxing",
+      "unicode": "e615",
+      "unicode_decimal": 58901
+    },
+    {
+      "icon_id": "6774075",
+      "name": "图层",
+      "font_class": "tuceng",
+      "unicode": "e632",
+      "unicode_decimal": 58930
+    },
+    {
+      "icon_id": "10905244",
+      "name": "平移",
+      "font_class": "move",
+      "unicode": "e616",
+      "unicode_decimal": 58902
+    },
+    {
+      "icon_id": "14421659",
+      "name": "橡皮",
+      "font_class": "xiangpi_huaban1",
+      "unicode": "e67b",
+      "unicode_decimal": 59003
+    },
+    {
+      "icon_id": "14718690",
+      "name": "tx-fill-椭圆形",
+      "font_class": "tx-fill-tuoyuanxing",
+      "unicode": "e64c",
+      "unicode_decimal": 58956
+    },
+    {
+      "icon_id": "17521049",
+      "name": "直线",
+      "font_class": "zhixian",
+      "unicode": "e602",
+      "unicode_decimal": 58882
+    },
+    {
+      "icon_id": "17581689",
+      "name": "线",
+      "font_class": "xian",
+      "unicode": "ec5f",
+      "unicode_decimal": 60511
+    },
+    {
+      "icon_id": "18175800",
+      "name": "正方形",
+      "font_class": "checkbox-full",
+      "unicode": "ea6f",
+      "unicode_decimal": 60015
+    },
+    {
+      "icon_id": "26998795",
+      "name": "图层",
+      "font_class": "tuceng1",
+      "unicode": "e62d",
+      "unicode_decimal": 58925
+    },
+    {
+      "icon_id": "31762941",
+      "name": "点位",
+      "font_class": "dianwei",
+      "unicode": "e685",
+      "unicode_decimal": 59013
+    },
+    {
+      "icon_id": "8722601",
+      "name": "并集",
+      "font_class": "bingji",
+      "unicode": "e620",
+      "unicode_decimal": 58912
+    },
+    {
+      "icon_id": "15192904",
+      "name": "并集",
+      "font_class": "bingji1",
+      "unicode": "e668",
+      "unicode_decimal": 58984
+    },
+    {
+      "icon_id": "17863630",
+      "name": "标签",
+      "font_class": "biaoqian",
+      "unicode": "e603",
+      "unicode_decimal": 58883
+    },
+    {
+      "icon_id": "16399020",
+      "name": "语言",
+      "font_class": "yuyan",
+      "unicode": "e85f",
+      "unicode_decimal": 59487
+    },
+    {
+      "icon_id": "4240742",
+      "name": "撤销 返回 撤回 上一步",
+      "font_class": "fanchehui",
+      "unicode": "e626",
+      "unicode_decimal": 58918
+    },
+    {
+      "icon_id": "6126117",
+      "name": "撤销 返回 撤回 上一步",
+      "font_class": "chehui",
+      "unicode": "e609",
+      "unicode_decimal": 58889
+    },
+    {
+      "icon_id": "33174601",
+      "name": "外套_长款外套1@1x",
+      "font_class": "a-waitao_changkuanwaitao11x",
+      "unicode": "e66c",
+      "unicode_decimal": 58988
    }
  ]
 }
--- a/src/assets/iconfont2/iconfont.ttf
+++ b/src/assets/iconfont2/iconfont.ttf
--- a/src/assets/iconfont2/iconfont.woff
+++ b/src/assets/iconfont2/iconfont.woff
--- a/src/assets/iconfont2/iconfont.woff2
+++ b/src/assets/iconfont2/iconfont.woff2
--- a/src/assets/icons/CCheck.svg
+++ b/src/assets/icons/CCheck.svg
@@ -0,0 +1 @@
+<svg t="1763432312095" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4678" width="200" height="200"><path d="M509.92 176C325.504 176 176 325.504 176 509.92c0 184.416 149.504 333.92 333.92 333.92 184.416 0 333.92-149.504 333.92-333.92C843.84 325.504 694.32 176 509.92 176z m166.64 214.848a16 16 0 0 1 22.624 0l11.328 11.312a16 16 0 0 1 0 22.624l-254.08 254.08a16 16 0 0 1-22.624 0l-159.616-159.632a16 16 0 0 1 0-22.624l11.312-11.312a16 16 0 0 1 22.624 0l136.992 136.992z" fill="currentColor" p-id="4679"></path></svg>
--- a/src/assets/icons/CClothes.svg
+++ b/src/assets/icons/CClothes.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1759472135618" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15482" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M341.12 85.333h373.845A170.667 170.667 0 0 1 835.67 135.34l130.987 130.986a46.933 46.933 0 0 1 8.79 54.187l-82.774 165.547A46.933 46.933 0 0 1 850.688 512h-40.021v298.667a128 128 0 0 1-128 128H341.333a128 128 0 0 1-128-128V512h-40.021a46.933 46.933 0 0 1-41.984-25.941L48.555 320.512a46.933 46.933 0 0 1 8.789-54.187L188.331 135.34a170.667 170.667 0 0 1 120.704-50.006h32.085z m-18.944 85.334h-13.141a85.333 85.333 0 0 0-60.374 25.002L137.26 307.072l59.776 119.595h54.698a46.933 46.933 0 0 1 46.934 46.933v337.067a42.667 42.667 0 0 0 42.666 42.666h341.334a42.667 42.667 0 0 0 42.666-42.666V473.6a46.933 46.933 0 0 1 46.934-46.933h54.698l59.776-119.595L775.34 195.669a85.333 85.333 0 0 0-60.374-25.002h-13.141L575.787 312.49a85.333 85.333 0 0 1-127.574 0L322.176 170.667z m114.176 0L512 255.787l75.648-85.12H436.352z" fill="#2c2c2c" p-id="15483"></path></svg>
--- a/src/assets/icons/CCopy.svg
+++ b/src/assets/icons/CCopy.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 24 24" width="512" height="512"><path d="m16,18.5v1c0,2.481-2.019,4.5-4.5,4.5h-7c-2.481,0-4.5-2.019-4.5-4.5v-7c0-2.481,2.019-4.5,4.5-4.5h1c.276,0,.5.224.5.5s-.224.5-.5.5h-1c-1.93,0-3.5,1.57-3.5,3.5v7c0,1.93,1.57,3.5,3.5,3.5h7c1.93,0,3.5-1.57,3.5-3.5v-1c0-.276.224-.5.5-.5s.5.224.5.5Zm8-14v7c0,2.481-2.019,4.5-4.5,4.5h-7c-2.481,0-4.5-2.019-4.5-4.5v-7c0-2.481,2.019-4.5,4.5-4.5h7c2.481,0,4.5,2.019,4.5,4.5Zm-1,0c0-1.93-1.57-3.5-3.5-3.5h-7c-1.93,0-3.5,1.57-3.5,3.5v7c0,1.93,1.57,3.5,3.5,3.5h7c1.93,0,3.5-1.57,3.5-3.5v-7Z"/></svg>
--- a/src/assets/icons/CDownload.svg
+++ b/src/assets/icons/CDownload.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 24 24" width="512" height="512"><path d="M23.5,24H.5c-.28,0-.5-.22-.5-.5s.22-.5,.5-.5H23.5c.28,0,.5,.22,.5,.5s-.22,.5-.5,.5Zm-8.83-4.09l6.56-7.35c.77-.77,.98-1.88,.57-2.88-.42-1.01-1.36-1.65-2.45-1.65h-2.34V3.47c0-1.92-1.57-3.47-3.51-3.47h-2.99c-1.93,0-3.51,1.56-3.51,3.47v4.55s-2.33,0-2.33,0c-1.1,0-2.04,.64-2.45,1.65s-.19,2.12,.56,2.88l6.59,7.38c.73,.73,1.68,1.09,2.64,1.09s1.93-.37,2.67-1.11ZM7.5,9.03c.13,0,.26-.05,.35-.15s.15-.22,.15-.35V3.47c0-1.36,1.12-2.47,2.5-2.47h2.99c1.38,0,2.51,1.11,2.51,2.47v5.05c0,.28,.22,.5,.5,.5h2.84c.82,0,1.33,.54,1.53,1.03,.2,.5,.21,1.23-.36,1.81,0,0-.01,.01-.02,.02l-6.55,7.34c-1.07,1.07-2.81,1.07-3.86,.02L3.49,11.86c-.58-.58-.57-1.31-.36-1.81,.2-.5,.71-1.03,1.53-1.03h2.84Z"/></svg>
--- a/src/assets/icons/CHelp.svg
+++ b/src/assets/icons/CHelp.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="64.000000pt" height="64.000000pt" viewBox="0 0 64.000000 64.000000"
+ preserveAspectRatio="xMidYMid meet">
+
+<g transform="translate(0.000000,64.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M223 622 c-109 -39 -178 -112 -210 -221 -29 -102 4 -228 82 -306 122
+-121 328 -121 450 0 91 92 118 241 64 356 -69 146 -241 223 -386 171z m152
+-146 c68 -29 73 -85 13 -154 -24 -27 -48 -57 -54 -67 -15 -27 -44 -12 -44 22
+0 18 13 41 41 69 46 47 47 79 3 90 -28 7 -52 -9 -65 -44 -6 -17 -15 -22 -32
+-20 -30 4 -33 38 -6 72 36 46 84 57 144 32z m-31 -278 c8 -14 7 -21 -6 -34
+-30 -30 -75 9 -48 42 16 18 39 15 54 -8z"/>
+</g>
+</svg>
--- a/src/assets/icons/CHelpFlip.svg
+++ b/src/assets/icons/CHelpFlip.svg
@@ -0,0 +1,9 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect width="20" height="20" fill="url(#pattern0_2040_2152)"/>
+<defs>
+<pattern id="pattern0_2040_2152" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_2040_2152" transform="scale(0.015625)"/>
+</pattern>
+<image id="image0_2040_2152" width="64" height="64" preserveAspectRatio="none" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAHYAAAB2AH6XKZyAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAABVhJREFUeJztm11sFUUUx3/XoFSQ0goJivjZKKmASPUqRsTvqjEqNaKRaOKT0ahRY4I+qFEBDT6oiS/65osPNn5ECdCgEGpoxSKJYv2oiLYRio1KsFYC1N7rw7m32Xtmdm93dvYS4/6TSZgy/Z//zO6ec+bMFDJkyJAhw/8XuRrZaQIuAy4CzgXOAmYAk0v/P1xq+4BdQC/QBfxUI32poBlYC3wPFB3bt8DLwPk11p4INwGf4j5pWysAHwM313AesZEHPsPvxG1tE/J2eYEPH1CHvOoPA8eFjCkAXwKdwHZgP/B7qf0D1AMNwFxgAbAYWAqcEMI3CrwKPAMc9TAHZ5yDOK2o13YF0OjAPQ24C9gawl8EtgGnJJlAErQgT9Im7H1goUdbC4GOEFt7gUs82poQrkfClhazG7g2RbvLgJ8tdoep4SLkgUMWEW8jr23aaADWW+z/gfiPVDEHGLQYX0PtkioQZ7vGomM/cFpaRuuAncpgAfH+xwrPYi7CZsKjUSKsshhblYahmFiLqWulbyPNwBFl5F1q+9qHIQdsoFLbETwmS2DG4l9wc3jTgfuBjUA/cADoA9qBewhPfKphFjCkNL7nyGXgasxXrM2B507gTwtXsA0gIdYFbYqrgKfQ+JEiXufAsZLoiQfbGHCfo9ZtimuDI884zisJCpIujslxJZLvx9nwHEVqB3GxBHMxT3fgGcdqRdjtwNGjOEaQTcwFSMxeAryJTDo4bouj5m7F86QjDyA7uCDZipi/vwjziVwVMrYN+W6D4+fEVgwPKI5eBw4oGQ8KGkXS0Dh4SIlprzJ+hxp/S0x7ACcDhxXP7LDBURlTK5Vxvgs4GFNMJxKTQfzAa1XGD6p+XUx7IKG1R/3s0rDBUQug63CbHcT0IsXQp5BvPcqHzMT8PPodbIIUXYIIXYAo6PC33FHMRDAVM9kaBCY58t2huDpcSHQ112eBI4hp2IuoTyTg1M53pwvJAUXiUtaqhgbgc8zJd+L+9AHOUHz9LiQHFclJCQTZcDxSM9ST/wLx5EkwVXH+5UKiS15TEorSeBpz8tuRDVNSTFG8Iy4kegHqPQgrYxbyVIL8O4ifZ4ThVMW9L2xgVBjUMfnM5LrGsZzKT2oQuIH4eUYY9CcUyhu1APpgsslZjokW1X8dcbq+oIshA2EDoxZgj+rPdZZjQn9OP3jkBpiv+l+HDYxagG9U32e9/8fAv4vIeYJPLFV9pw3R2VQ6ksP4C4WNwDvAd8BjnjjLmI65tXb2X32K6HYPAtPGvVRq/ipqcLX6+UbVf8RdlxWTqw+JjQdV36WEN44FmEUK7cFd0IS8XWPAW/grr+cxCzCJo9cmRfphUkLgDcV5uQdOgE8U73ofpDcq0iJwW0LO4GlOAT+Hmrdi6rzOAy85zO3qAMlOgoNR4PGkApEbZ3up1Ji4JB7EPMzQ8gEpHULGRA65kBHUNkoKN8tewnzFVvs24gDbMfnzaRg6EbPGXyBZ5SYpHsWcfDfJiimRmI1sLbXRF6ntSXEOeMGiYwi5hZoq8sDfFuPtJK/kTAT1yHUcbX8Yt+M0J1yBWTIrIp64NUW7rcg2XdsdId3LWVZcCPxqEVNEUuiLPdpahCRgNltDHINrcmU0Ya/qlh1kB3LxwSVnqAfuRrI7nY6X2y78FmqcMAkJO6PYRRaRa3XrgOeQ875mpG5Xh2yIZiDZ4DLkdngP0UfqY8AruB2dpYY8cqQdJtpX68LPhiw1XIN5U8NH60T2Jf8ZzEcyxT24T7qPlP9golbJyzwkKrQg0WMmsiFqLGk4BPyGHGHtRnxAN5W1wwwZMmTIkMEz/gUzEqIONKOEMwAAAABJRU5ErkJggg=="/>
+</defs>
+</svg>
--- a/src/assets/icons/CLibrary.svg
+++ b/src/assets/icons/CLibrary.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 24 24" width="512" height="512"><path d="M7,0h-3C1.79,0,0,1.79,0,4v3c0,2.21,1.79,4,4,4h3c2.21,0,4-1.79,4-4v-3C11,1.79,9.21,0,7,0Zm2,7c0,1.1-.9,2-2,2h-3c-1.1,0-2-.9-2-2v-3c0-1.1,.9-2,2-2h3c1.1,0,2,.9,2,2v3Zm11,6h-3c-2.21,0-4,1.79-4,4v3c0,2.21,1.79,4,4,4h3c2.21,0,4-1.79,4-4v-3c0-2.21-1.79-4-4-4Zm2,7c0,1.1-.9,2-2,2h-3c-1.1,0-2-.9-2-2v-3c0-1.1,.9-2,2-2h3c1.1,0,2,.9,2,2v3ZM7,13h-3c-2.21,0-4,1.79-4,4v3c0,2.21,1.79,4,4,4h3c2.21,0,4-1.79,4-4v-3c0-2.21-1.79-4-4-4Zm2,7c0,1.1-.9,2-2,2h-3c-1.1,0-2-.9-2-2v-3c0-1.1,.9-2,2-2h3c1.1,0,2,.9,2,2v3Zm8.18-10.47c.38,.31,.85,.46,1.32,.46s.94-.15,1.32-.46c1.56-1.25,4.18-3.7,4.18-6.06,0-1.92-1.46-3.48-3.25-3.48-.85,0-1.65,.36-2.25,.94-.59-.59-1.39-.94-2.25-.94-1.79,0-3.25,1.56-3.25,3.48,0,2.35,2.62,4.81,4.18,6.06Zm-.93-7.53c.6,0,1.14,.5,1.26,1.17,.08,.48,.5,.83,.98,.83s.9-.35,.98-.83c.12-.67,.67-1.17,1.27-1.17,.69,0,1.25,.66,1.25,1.48,0,1.06-1.35,2.83-3.43,4.5-.04,.03-.1,.03-.14,0-2.08-1.67-3.43-3.44-3.43-4.5,0-.81,.56-1.48,1.25-1.48Z"/></svg>
--- a/src/assets/icons/CPause.svg
+++ b/src/assets/icons/CPause.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+	<path fill="currentColor" d="M14 10h-2v12h2zm6 0h-2v12h2z" />
+	<path fill="currentColor" d="M16 4A12 12 0 1 1 4 16A12 12 0 0 1 16 4m0-2a14 14 0 1 0 14 14A14 14 0 0 0 16 2" />
+</svg>
--- a/src/assets/icons/CPlay.svg
+++ b/src/assets/icons/CPlay.svg
@@ -0,0 +1 @@
+<svg t="1762937400333" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4603" width="200" height="200"><path d="M817.088 484.96l-512-323.744C295.232 154.976 282.752 154.592 272.576 160.224 262.336 165.856 256 176.608 256 188.256l0 647.328c0 11.648 6.336 22.4 16.576 28.032 4.8 2.656 10.112 3.968 15.424 3.968 5.952 0 11.904-1.664 17.088-4.928l512-323.616C826.368 533.184 832 522.976 832 512 832 501.024 826.368 490.816 817.088 484.96z" fill="currentColor" p-id="4604"></path></svg>
--- a/src/assets/icons/CSearch.svg
+++ b/src/assets/icons/CSearch.svg
@@ -0,0 +1 @@
+<svg t="1761795702180" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5928" width="200" height="200"><path d="M433.505 126.568c174.435 0 316.207 141.805 316.207 316.486 0 75.209-26.384 144.234-69.824 198.526l209.166 209.1c12.849 13.148 12.849 34.459 0 47.582-13.177 13.148-34.692 13.148-47.904 0l-209.166-209.1c-54.203 43.843-123.131 70.111-198.373 70.111-174.987 0-316.682-141.627-316.682-316.434 0-174.724 141.826-316.486 316.682-316.486zM433.505 710.778c147.649 0 267.808-120.113 267.808-267.647 0-147.741-120.204-267.712-267.808-267.712-147.649 0-267.808 120.099-267.808 267.712 0 147.649 120.204 267.647 267.808 267.647z" fill="currentColor" p-id="5929"></path></svg>
--- a/src/assets/icons/CSelect.svg
+++ b/src/assets/icons/CSelect.svg
@@ -1 +1,19 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1747121290756" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="51598" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M829.888 739.392L547.84 457.28 706.112 364.8l-512-170.624L364.8 706.112l92.48-158.336 282.112 282.112z"  p-id="51599"></path></svg>
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="64.000000pt" height="64.000000pt" viewBox="0 0 64.000000 64.000000"
+ preserveAspectRatio="xMidYMid meet">
+
+<g transform="translate(0.000000,64.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M256 561 c-50 -51 -53 -71 -10 -71 23 0 24 -3 24 -60 l0 -60 -60 0
+c-57 0 -60 1 -60 24 0 14 -5 28 -11 32 -14 8 -109 -84 -109 -106 0 -22 95
+-114 109 -106 6 4 11 18 11 32 0 23 3 24 60 24 l60 0 0 -60 c0 -57 -1 -60 -24
+-60 -14 0 -28 -5 -32 -11 -8 -14 84 -109 106 -109 22 0 114 95 106 109 -4 6
+-18 11 -32 11 -23 0 -24 3 -24 60 l0 60 60 0 c57 0 60 -1 60 -24 0 -14 5 -28
+11 -32 14 -8 109 84 109 106 0 22 -95 114 -109 106 -6 -4 -11 -18 -11 -32 0
+-23 -3 -24 -60 -24 l-60 0 0 60 c0 57 1 60 24 60 14 0 28 5 32 11 8 14 -84
+109 -106 109 -9 0 -37 -22 -64 -49z"/>
+</g>
+</svg>
--- a/src/assets/icons/DetailCompare.svg
+++ b/src/assets/icons/DetailCompare.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" ?>
+
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+
+<g clip-path="url(#clip0_105_1836)">
+
+<path d="M13 3.99976H6C4.89543 3.99976 4 4.89519 4 5.99976V17.9998C4 19.1043 4.89543 19.9998 6 19.9998H13M17 3.99976H18C19.1046 3.99976 20 4.89519 20 5.99976V6.99976M20 16.9998V17.9998C20 19.1043 19.1046 19.9998 18 19.9998H17M20 10.9998V12.9998M12 1.99976V21.9998" stroke="#292929" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>
+
+</g>
+
+<defs>
--- a/src/assets/icons/Folder.svg
+++ b/src/assets/icons/Folder.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="288.000000pt" height="288.000000pt" viewBox="0 0 288.000000 288.000000"
+ preserveAspectRatio="xMidYMid meet">
+
+<g transform="translate(0.000000,288.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M379 2446 c-101 -36 -179 -116 -209 -214 -19 -62 -20 -93 -20 -792 0
+-701 1 -730 20 -793 26 -83 88 -155 168 -194 l57 -28 1045 0 1045 0 47 22
+c101 46 170 138 188 250 6 32 10 329 10 668 0 659 -3 692 -54 774 -35 54 -101
+108 -163 131 -52 19 -78 20 -626 20 l-572 0 -46 53 c-25 29 -70 66 -100 82
+l-54 30 -350 2 c-269 2 -358 0 -386 -11z m710 -175 c20 -11 42 -25 48 -33 6
+-7 48 -92 92 -188 85 -183 118 -229 196 -274 73 -43 119 -46 635 -46 l490 0 0
+-517 c0 -496 -1 -519 -20 -547 -10 -17 -36 -40 -57 -53 l-38 -23 -993 0 c-968
+0 -994 0 -1031 20 -22 11 -48 35 -60 53 -21 34 -21 40 -21 777 0 737 0 743 21
+777 12 18 37 42 57 53 34 18 60 19 340 20 280 0 306 -1 341 -19z m1381 -174
+c53 -28 80 -75 80 -139 l0 -48 -506 0 c-498 0 -507 0 -541 21 -31 19 -74 88
+-103 165 l-10 24 519 0 518 0 43 -23z"/>
+</g>
+</svg>
--- a/src/assets/icons/editFrontBack.svg
+++ b/src/assets/icons/editFrontBack.svg
@@ -0,0 +1,60 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="405.000000pt" height="405.000000pt" viewBox="0 0 405.000000 405.000000"
+ preserveAspectRatio="xMidYMid meet">
+
+<g transform="translate(0.000000,405.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M1385 3584 c-343 -47 -677 -124 -939 -214 -180 -62 -244 -94 -252
+-124 -4 -18 13 -77 60 -203 36 -98 96 -263 134 -368 60 -168 71 -191 94 -199
+20 -7 66 2 210 42 100 29 186 52 191 52 4 0 7 -485 7 -1078 0 -1033 1 -1080
+18 -1095 17 -16 109 -17 1119 -17 1050 0 1101 1 1116 18 15 16 17 66 19 447
+l3 429 119 36 c124 37 156 59 156 105 0 44 -33 67 -156 109 l-119 41 -3 503
+c-1 345 1 502 8 502 6 0 92 -23 191 -52 143 -41 186 -49 207 -42 24 8 34 29
+89 184 34 96 94 262 134 368 50 137 69 200 65 218 -8 30 -72 62 -252 124 -271
+94 -596 167 -947 215 -179 24 -208 25 -645 24 -423 -1 -470 -3 -627 -25z
+m1009 -131 c-12 -51 -55 -125 -100 -173 -141 -151 -397 -151 -538 0 -45 48
+-88 122 -100 173 l-6 27 375 0 375 0 -6 -27z m-860 -25 c26 -163 199 -336 376
+-377 110 -26 254 -6 354 47 116 62 233 215 252 330 8 50 3 49 166 26 294 -40
+599 -110 853 -195 83 -27 157 -54 165 -59 13 -8 11 -20 -13 -87 -16 -43 -63
+-172 -104 -288 -42 -115 -77 -211 -78 -213 -2 -2 -90 22 -196 53 -107 30 -202
+55 -213 55 -11 0 -28 -7 -38 -17 -17 -15 -18 -46 -18 -555 0 -296 -3 -538 -8
+-538 -4 0 -72 22 -150 48 -142 47 -143 48 -123 66 18 17 21 31 21 109 0 101
+-12 127 -60 127 -50 0 -62 -27 -58 -134 2 -53 3 -96 2 -96 0 0 -40 13 -89 30
+-100 34 -131 37 -162 15 -37 -26 -35 -54 17 -211 28 -81 50 -154 50 -161 0 -7
+-10 -13 -22 -13 -50 0 -76 -63 -41 -102 11 -13 30 -18 64 -18 l48 0 81 -250
+c85 -263 95 -280 151 -280 53 0 67 24 130 235 50 168 65 204 90 228 60 56 59
+63 59 -333 l0 -360 -1015 0 -1015 0 0 1087 c0 997 -1 1088 -17 1105 -9 10 -26
+18 -37 18 -12 0 -108 -25 -215 -55 -106 -31 -194 -55 -196 -53 -1 2 -36 98
+-78 213 -41 116 -88 245 -104 288 -24 67 -26 79 -13 87 30 19 318 110 455 144
+235 59 586 123 686 125 35 1 37 0 43 -41z"/>
+<path d="M1410 2700 c-25 -25 -25 -51 -1 -81 16 -19 30 -24 90 -27 110 -6 151
+12 151 67 0 49 -26 61 -128 61 -79 0 -95 -3 -112 -20z"/>
+<path d="M1747 2702 c-21 -23 -22 -66 -1 -86 22 -23 55 -29 135 -24 60 3 74 8
+90 27 24 30 24 56 -1 81 -17 17 -33 20 -113 20 -78 0 -97 -3 -110 -18z"/>
+<path d="M2080 2700 c-25 -25 -25 -51 -1 -81 16 -19 30 -24 90 -27 110 -6 151
+12 151 67 0 49 -26 61 -128 61 -79 0 -95 -3 -112 -20z"/>
+<path d="M2417 2702 c-21 -23 -22 -66 -1 -86 22 -23 55 -29 135 -24 60 3 74 8
+90 27 24 30 24 56 -1 81 -17 17 -33 20 -113 20 -78 0 -97 -3 -110 -18z"/>
+<path d="M1286 2574 c-12 -12 -16 -37 -16 -109 0 -86 2 -95 22 -109 30 -21 54
+-20 78 4 17 17 20 33 20 108 0 73 -3 92 -18 105 -23 21 -66 22 -86 1z"/>
+<path d="M2677 2572 c-13 -14 -17 -39 -17 -105 0 -74 3 -90 20 -107 24 -24 48
+-25 78 -4 20 14 22 23 22 109 0 72 -4 97 -16 109 -21 22 -67 20 -87 -2z"/>
+<path d="M1292 2264 c-20 -14 -22 -23 -22 -109 0 -104 10 -125 59 -125 48 0
+61 26 61 123 0 74 -3 90 -20 107 -24 24 -48 25 -78 4z"/>
+<path d="M2680 2260 c-17 -17 -20 -33 -20 -108 0 -98 12 -122 63 -122 47 0 57
+22 57 125 0 86 -2 95 -22 109 -30 21 -54 20 -78 -4z"/>
+<path d="M1287 1942 c-26 -28 -24 -192 1 -215 24 -22 65 -21 85 1 26 28 24
+192 -1 215 -24 22 -65 21 -85 -1z"/>
+<path d="M1310 1643 c-32 -11 -40 -37 -40 -129 0 -85 2 -94 22 -108 30 -21 54
+-20 78 4 17 17 20 33 20 109 0 85 -1 91 -26 110 -28 22 -30 23 -54 14z"/>
+<path d="M1410 1370 c-24 -24 -25 -48 -4 -78 14 -20 23 -22 113 -22 108 0 131
+11 131 62 0 46 -27 58 -128 58 -79 0 -95 -3 -112 -20z"/>
+<path d="M1747 1372 c-22 -24 -21 -65 1 -85 15 -13 39 -17 115 -17 88 0 97 2
+111 22 21 30 20 54 -4 78 -17 17 -33 20 -113 20 -78 0 -97 -3 -110 -18z"/>
+<path d="M2080 1370 c-24 -24 -25 -48 -4 -78 14 -20 23 -22 113 -22 108 0 131
+11 131 62 0 46 -27 58 -128 58 -79 0 -95 -3 -112 -20z"/>
+</g>
+</svg>
--- a/src/assets/icons/promptEditProductNo.svg
+++ b/src/assets/icons/promptEditProductNo.svg
@@ -0,0 +1,3 @@
+<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M25 0C20.0555 0 15.222 1.46622 11.1108 4.21326C6.99953 6.9603 3.79521 10.8648 1.90302 15.4329C0.0108322 20.0011 -0.484251 25.0277 0.480379 29.8773C1.44501 34.7268 3.82603 39.1814 7.32234 42.6777C10.8187 46.174 15.2732 48.555 20.1228 49.5196C24.9723 50.4843 29.9989 49.9892 34.5671 48.097C39.1353 46.2048 43.0397 43.0005 45.7867 38.8893C48.5338 34.778 50 29.9445 50 25C50 18.3696 47.3661 12.0107 42.6777 7.32233C37.9893 2.63392 31.6304 0 25 0ZM34.8063 31.8604L31.8604 34.8063L25 27.9458L18.1396 34.8063L15.1938 31.8604L22.0542 25L15.1938 18.1396L18.1396 15.1938L25 22.0542L31.8604 15.1938L34.8063 18.1396L27.9458 25L34.8063 31.8604Z" fill="black"/>
+</svg>
--- a/src/assets/icons/promptEditProductYes.svg
+++ b/src/assets/icons/promptEditProductYes.svg
@@ -0,0 +1,3 @@
+<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M25 0C11.2146 0 0 11.2146 0 25C0 38.7854 11.2146 50 25 50C38.7854 50 50 38.7854 50 25C50 11.2146 38.7854 0 25 0ZM24.8104 32.1229C24.0042 32.9292 22.9437 33.3312 21.8792 33.3312C20.8146 33.3312 19.7437 32.925 18.9292 32.1125L13.1333 26.4958L16.0354 23.5021L21.8542 29.1417L33.9562 17.2646L36.8812 20.2333L24.8104 32.1229Z" fill="black"/>
+</svg>
--- a/src/assets/images/editProduct/PromptEditProduct_edited1.png
+++ b/src/assets/images/editProduct/PromptEditProduct_edited1.png
--- a/src/assets/images/editProduct/PromptEditProduct_edited2.png
+++ b/src/assets/images/editProduct/PromptEditProduct_edited2.png
--- a/src/assets/images/editProduct/PromptEditProduct_edited3.png
+++ b/src/assets/images/editProduct/PromptEditProduct_edited3.png
--- a/src/assets/images/editProduct/PromptEditProduct_list1.png
+++ b/src/assets/images/editProduct/PromptEditProduct_list1.png
--- a/src/assets/images/editProduct/PromptEditProduct_list10.png
+++ b/src/assets/images/editProduct/PromptEditProduct_list10.png
--- a/src/assets/images/editProduct/PromptEditProduct_list11.png
+++ b/src/assets/images/editProduct/PromptEditProduct_list11.png
--- a/src/assets/images/editProduct/PromptEditProduct_list2.png
+++ b/src/assets/images/editProduct/PromptEditProduct_list2.png
--- a/src/assets/images/editProduct/PromptEditProduct_list3.png
+++ b/src/assets/images/editProduct/PromptEditProduct_list3.png
--- a/src/assets/images/editProduct/PromptEditProduct_list4.png
+++ b/src/assets/images/editProduct/PromptEditProduct_list4.png
--- a/src/assets/images/editProduct/PromptEditProduct_list5.png
+++ b/src/assets/images/editProduct/PromptEditProduct_list5.png
--- a/src/assets/images/editProduct/PromptEditProduct_list6.png
+++ b/src/assets/images/editProduct/PromptEditProduct_list6.png
--- a/src/assets/images/editProduct/PromptEditProduct_list7.png
+++ b/src/assets/images/editProduct/PromptEditProduct_list7.png
--- a/src/assets/images/editProduct/PromptEditProduct_list8.png
+++ b/src/assets/images/editProduct/PromptEditProduct_list8.png
--- a/src/assets/images/editProduct/PromptEditProduct_list9.png
+++ b/src/assets/images/editProduct/PromptEditProduct_list9.png
--- a/src/assets/images/editProduct/PromptEditProduct_listOriginal.png
+++ b/src/assets/images/editProduct/PromptEditProduct_listOriginal.png
--- a/src/assets/images/homePage/designTutorial_CN.png
+++ b/src/assets/images/homePage/designTutorial_CN.png
--- a/src/assets/images/homePage/designTutorial_EN.png
+++ b/src/assets/images/homePage/designTutorial_EN.png
--- a/src/assets/images/icon/library.png
+++ b/src/assets/images/icon/library.png
--- a/src/assets/images/icon/selected.png
+++ b/src/assets/images/icon/selected.png
--- a/src/assets/images/icon/upload_black.png
+++ b/src/assets/images/icon/upload_black.png
--- a/src/assets/images/icon/upload_gray.png
+++ b/src/assets/images/icon/upload_gray.png
--- a/src/assets/images/product/add.png
+++ b/src/assets/images/product/add.png
--- a/src/assets/images/product/first_frame.png
+++ b/src/assets/images/product/first_frame.png
--- a/src/assets/images/product/geneated_dress.png
+++ b/src/assets/images/product/geneated_dress.png
--- a/src/assets/images/product/generated_model.png
+++ b/src/assets/images/product/generated_model.png
--- a/src/assets/images/product/generated_sketch.png
+++ b/src/assets/images/product/generated_sketch.png
--- a/src/assets/images/product/last_frame.png
+++ b/src/assets/images/product/last_frame.png
--- a/src/assets/images/product/male_single_garment_model_result.png
+++ b/src/assets/images/product/male_single_garment_model_result.png
--- a/src/assets/images/product/male_single_garment_model_sketch.png
+++ b/src/assets/images/product/male_single_garment_model_sketch.png
--- a/src/assets/images/product/male_single_garment_result.png
+++ b/src/assets/images/product/male_single_garment_result.png
--- a/src/assets/images/product/male_single_garment_sketch.png
+++ b/src/assets/images/product/male_single_garment_sketch.png
--- a/src/assets/images/product/original_dress.png
+++ b/src/assets/images/product/original_dress.png
--- a/src/assets/images/product/original_model.png
+++ b/src/assets/images/product/original_model.png
--- a/src/assets/images/product/single_female_child_model_result.png
+++ b/src/assets/images/product/single_female_child_model_result.png
--- a/src/assets/images/product/single_male_child_model_result.png
+++ b/src/assets/images/product/single_male_child_model_result.png
--- a/src/assets/images/product/single_male_child_model_sketch.png
+++ b/src/assets/images/product/single_male_child_model_sketch.png
--- a/src/assets/style/style.css
+++ b/src/assets/style/style.css
@@ -62,6 +62,9 @@ li {
  height: 100%;
  margin: 0 auto;
 }
+.ant-dropdown-menu {
+  border-radius: 1rem;
+}
 .button_second {
  width: 14rem;
  text-align: center;
@@ -237,7 +240,7 @@ li {
  color: #fff;
  background-color: #000;
  text-align: center;
-  font-weight: 600;
+  font-weight: 500;
  border: 2px solid #000;
  cursor: pointer;
  box-sizing: border-box;
@@ -1247,7 +1250,9 @@ tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::afte
  border-color: #000 !important;
 }
 .ant-spin-dot-item {
-  background-color: #000000;
+  background-color: #000000 !important;
+  width: 9px !important;
+  height: 9px !important;
 }
 .ant-spin {
  color: #000;
@@ -1373,7 +1378,7 @@ tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::afte
 }
 .admin_page .admin_state_item .active {
  cursor: no-drop;
-  background-color: #f5f5f5;
+  background-color: #F9FAFA;
 }
 .admin_page .admin_search_item {
  height: 4rem;
@@ -1707,7 +1712,7 @@ textarea:focus {
  display: inline-block;
  width: calc(25% - 2rem);
  aspect-ratio: 1 / 1;
-  border: 1px solid #f5f5f5;
+  border: 1px solid #F9FAFA;
  vertical-align: top;
  position: relative;
  cursor: pointer;
@@ -2106,7 +2111,7 @@ textarea:focus {
 .generalMenu_printModel_upload .input_border .input_box_btnBox .upload_item .upload_file_item,
 .generate .input_border .input_box_btnBox .upload_item .upload_file_item {
  position: absolute;
-  left: 0;
+  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
  height: 4.7rem;
@@ -2207,7 +2212,7 @@ textarea:focus {
  cursor: pointer;
  transition: all 0.3s;
  position: relative;
-  width: 4rem;
+  width: 3rem;
  display: flex;
  min-height: 3rem;
  justify-content: center;
--- a/src/assets/style/style.less
+++ b/src/assets/style/style.less
@@ -63,6 +63,9 @@ input:focus{
    height: 100%;
    margin: 0 auto;
 }
+.ant-dropdown-menu{
+	border-radius: 1rem;
+}
 .button_second{
    width: 14rem;
    text-align: center;
@@ -241,7 +244,7 @@ input:focus{
 	color: #fff;
 	background-color: #000;
 	text-align: center;
-	font-weight: 600;
+	font-weight: 500;
 	border: 2px solid #000;
 	cursor: pointer;
 	box-sizing: border-box;
@@ -1375,7 +1378,9 @@ tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::afte
 }
 //loding样式
 .ant-spin-dot-item{
-    background-color: #000000;
+    background-color: #000000 !important;
+	width: 9px !important;
+    height: 9px !important;
 }
 .ant-spin{
 	color: #000;
@@ -1507,7 +1512,7 @@ tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::afte
 		}
 		.active{
 			cursor: no-drop;
-			background-color: #f5f5f5;
+			background-color: #F9FAFA;
 		}
 	}
 	.admin_search_item{
@@ -1862,7 +1867,7 @@ textarea:focus{
 		// height: calc(10rem);
 		width: calc(25% - 2rem);
 		aspect-ratio: 1 / 1;
-		border: 1px solid #f5f5f5;
+		border: 1px solid #F9FAFA;
 		vertical-align: top;
 		position: relative;
 		cursor: pointer;
@@ -2105,7 +2110,7 @@ textarea:focus{
 				width: 4.7rem;
 				.upload_file_item{
 					position: absolute;
-					left: 0;
+					left: 1rem;
 					top: 50%;
 					transform: translateY(-50%);
 					height: 4.7rem;
@@ -2150,7 +2155,7 @@ textarea:focus{
 			cursor: pointer;
 			transition: all .3s;
 			position: relative;
-			width: 4rem;
+			width: 3rem;
 			align-items: center;
 			justify-content: center;

--- a/src/assets/work/1.PNG
+++ b/src/assets/work/1.PNG
--- a/src/assets/work/2.PNG
+++ b/src/assets/work/2.PNG
--- a/src/assets/work/3.PNG
+++ b/src/assets/work/3.PNG
--- a/src/assets/work/5.PNG
+++ b/src/assets/work/5.PNG
--- a/src/assets/work/6.PNG
+++ b/src/assets/work/6.PNG
--- a/src/assets/work/IMG_0001.PNG
+++ b/src/assets/work/IMG_0001.PNG
--- a/src/assets/work/IMG_0008.PNG
+++ b/src/assets/work/IMG_0008.PNG
--- a/src/assets/work/group_hide.PNG
+++ b/src/assets/work/group_hide.PNG
--- a/src/assets/work/group_show.PNG
+++ b/src/assets/work/group_show.PNG
--- a/src/assets/work/图片1.png
+++ b/src/assets/work/图片1.png
--- a/src/assets/work/图片2.png
+++ b/src/assets/work/图片2.png
--- a/src/assets/work/图片4.png
+++ b/src/assets/work/图片4.png
--- a/src/assets/work/图片5.png
+++ b/src/assets/work/图片5.png
--- a/src/assets/work/图片6.png
+++ b/src/assets/work/图片6.png
--- a/src/assets/work/图片7.png
+++ b/src/assets/work/图片7.png
--- a/src/assets/work/图片8.png
+++ b/src/assets/work/图片8.png
--- a/src/assets/work/图片9.png
+++ b/src/assets/work/图片9.png
--- a/Show More
+++ b/Show More
				`@@ -0,0 +1 @@`
				<svg t="1763432312095" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4678" width="200" height="200"><path d="M509.92 176C325.504 176 176 325.504 176 509.92c0 184.416 149.504 333.92 333.92 333.92 184.416 0 333.92-149.504 333.92-333.92C843.84 325.504 694.32 176 509.92 176z m166.64 214.848a16 16 0 0 1 22.624 0l11.328 11.312a16 16 0 0 1 0 22.624l-254.08 254.08a16 16 0 0 1-22.624 0l-159.616-159.632a16 16 0 0 1 0-22.624l11.312-11.312a16 16 0 0 1 22.624 0l136.992 136.992z" fill="currentColor" p-id="4679"></path></svg>
				`@@ -0,0 +1 @@`
				<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1759472135618" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15482" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M341.12 85.333h373.845A170.667 170.667 0 0 1 835.67 135.34l130.987 130.986a46.933 46.933 0 0 1 8.79 54.187l-82.774 165.547A46.933 46.933 0 0 1 850.688 512h-40.021v298.667a128 128 0 0 1-128 128H341.333a128 128 0 0 1-128-128V512h-40.021a46.933 46.933 0 0 1-41.984-25.941L48.555 320.512a46.933 46.933 0 0 1 8.789-54.187L188.331 135.34a170.667 170.667 0 0 1 120.704-50.006h32.085z m-18.944 85.334h-13.141a85.333 85.333 0 0 0-60.374 25.002L137.26 307.072l59.776 119.595h54.698a46.933 46.933 0 0 1 46.934 46.933v337.067a42.667 42.667 0 0 0 42.666 42.666h341.334a42.667 42.667 0 0 0 42.666-42.666V473.6a46.933 46.933 0 0 1 46.934-46.933h54.698l59.776-119.595L775.34 195.669a85.333 85.333 0 0 0-60.374-25.002h-13.141L575.787 312.49a85.333 85.333 0 0 1-127.574 0L322.176 170.667z m114.176 0L512 255.787l75.648-85.12H436.352z" fill="#2c2c2c" p-id="15483"></path></svg>
				`@@ -0,0 +1 @@`
				<svg t="1762937400333" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4603" width="200" height="200"><path d="M817.088 484.96l-512-323.744C295.232 154.976 282.752 154.592 272.576 160.224 262.336 165.856 256 176.608 256 188.256l0 647.328c0 11.648 6.336 22.4 16.576 28.032 4.8 2.656 10.112 3.968 15.424 3.968 5.952 0 11.904-1.664 17.088-4.928l512-323.616C826.368 533.184 832 522.976 832 512 832 501.024 826.368 490.816 817.088 484.96z" fill="currentColor" p-id="4604"></path></svg>
				`@@ -0,0 +1 @@`
				<svg t="1761795702180" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5928" width="200" height="200"><path d="M433.505 126.568c174.435 0 316.207 141.805 316.207 316.486 0 75.209-26.384 144.234-69.824 198.526l209.166 209.1c12.849 13.148 12.849 34.459 0 47.582-13.177 13.148-34.692 13.148-47.904 0l-209.166-209.1c-54.203 43.843-123.131 70.111-198.373 70.111-174.987 0-316.682-141.627-316.682-316.434 0-174.724 141.826-316.486 316.682-316.486zM433.505 710.778c147.649 0 267.808-120.113 267.808-267.647 0-147.741-120.204-267.712-267.808-267.712-147.649 0-267.808 120.099-267.808 267.712 0 147.649 120.204 267.647 267.808 267.647z" fill="currentColor" p-id="5929"></path></svg>