TASK

src/assets/iconfont/iconfont.css

@@ -0,0 +1,115 @@
+@font-face {
+  font-family: "iconfont"; /* Project id 3922178 */
+  src: url('iconfont.woff2?t=1678713716640') format('woff2'),
+       url('iconfont.woff?t=1678713716640') format('woff'),
+       url('iconfont.ttf?t=1678713716640') format('truetype');
+}
+
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-tuichu1:before {
+  content: "\e612";
+}
+
+.icon-guanbi:before {
+  content: "\eca0";
+}
+
+.icon-shanchu:before {
+  content: "\e663";
+}
+
+.icon-tianjiatupian_huaban:before {
+  content: "\e62c";
+}
+
+.icon-kaiguanswitch-jibenzhuangtai-dianliangzhuangtai:before {
+  content: "\e641";
+}
+
+.icon-gengduo:before {
+  content: "\e609";
+}
+
+.icon-31tishi:before {
+  content: "\e601";
+}
+
+.icon-biaoqian:before {
+  content: "\e63d";
+}
+
+.icon-a-gengduocaidangongneng:before {
+  content: "\e689";
+}
+
+.icon-icon-test:before {
+  content: "\e668";
+}
+
+.icon-xinzengyonghu:before {
+  content: "\e634";
+}
+
+.icon-xialajiantouxiao:before {
+  content: "\e87e";
+}
+
+.icon-8:before {
+  content: "\e624";
+}
+
+.icon-lujing:before {
+  content: "\e687";
+}
+
+.icon-xinzengshangpin:before {
+  content: "\e72c";
+}
+
+.icon-shangpinliebiao:before {
+  content: "\e61e";
+}
+
+.icon-a-zhihuimendianduomendian:before {
+  content: "\e67d";
+}
+
+.icon-shangpinguanli:before {
+  content: "\e65d";
+}
+
+.icon-xiaoshoubaobiao:before {
+  content: "\e61c";
+}
+
+.icon-crmkehuguanli:before {
+  content: "\e648";
+}
+
+.icon-mendianguanli:before {
+  content: "\e60f";
+}
+
+.icon-gongzuotai:before {
+  content: "\e64a";
+}
+
+.icon-xitongguanli:before {
+  content: "\e614";
+}
+
+.icon-weibiaoti:before {
+  content: "\e616";
+}
+
+.icon-yonghuming:before {
+  content: "\e6aa";
+}
+

src/assets/iconfont/iconfont.json

@@ -0,0 +1,184 @@
+{
+  "id": "3922178",
+  "name": "mixi",
+  "font_family": "iconfont",
+  "css_prefix_text": "icon-",
+  "description": "",
+  "glyphs": [
+    {
+      "icon_id": "8229473",
+      "name": "退出",
+      "font_class": "tuichu1",
+      "unicode": "e612",
+      "unicode_decimal": 58898
+    },
+    {
+      "icon_id": "6616997",
+      "name": "关闭",
+      "font_class": "guanbi",
+      "unicode": "eca0",
+      "unicode_decimal": 60576
+    },
+    {
+      "icon_id": "7450626",
+      "name": "删除",
+      "font_class": "shanchu",
+      "unicode": "e663",
+      "unicode_decimal": 58979
+    },
+    {
+      "icon_id": "12753044",
+      "name": "添加图片",
+      "font_class": "tianjiatupian_huaban",
+      "unicode": "e62c",
+      "unicode_decimal": 58924
+    },
+    {
+      "icon_id": "8897231",
+      "name": "开关 switch-基本状态-关闭状态",
+      "font_class": "kaiguanswitch-jibenzhuangtai-dianliangzhuangtai",
+      "unicode": "e641",
+      "unicode_decimal": 58945
+    },
+    {
+      "icon_id": "22334201",
+      "name": "更多",
+      "font_class": "gengduo",
+      "unicode": "e609",
+      "unicode_decimal": 58889
+    },
+    {
+      "icon_id": "201572",
+      "name": "3.1-提示",
+      "font_class": "31tishi",
+      "unicode": "e601",
+      "unicode_decimal": 58881
+    },
+    {
+      "icon_id": "1305451",
+      "name": "标签",
+      "font_class": "biaoqian",
+      "unicode": "e63d",
+      "unicode_decimal": 58941
+    },
+    {
+      "icon_id": "27226073",
+      "name": "更多,菜单,功能",
+      "font_class": "a-gengduocaidangongneng",
+      "unicode": "e689",
+      "unicode_decimal": 59017
+    },
+    {
+      "icon_id": "1904339",
+      "name": "头像 男孩",
+      "font_class": "icon-test",
+      "unicode": "e668",
+      "unicode_decimal": 58984
+    },
+    {
+      "icon_id": "9012695",
+      "name": "新增用户",
+      "font_class": "xinzengyonghu",
+      "unicode": "e634",
+      "unicode_decimal": 58932
+    },
+    {
+      "icon_id": "2076220",
+      "name": " 下拉箭头小",
+      "font_class": "xialajiantouxiao",
+      "unicode": "e87e",
+      "unicode_decimal": 59518
+    },
+    {
+      "icon_id": "11125634",
+      "name": "门店",
+      "font_class": "8",
+      "unicode": "e624",
+      "unicode_decimal": 58916
+    },
+    {
+      "icon_id": "12010939",
+      "name": "商品列表",
+      "font_class": "lujing",
+      "unicode": "e687",
+      "unicode_decimal": 59015
+    },
+    {
+      "icon_id": "17458088",
+      "name": "新增商品",
+      "font_class": "xinzengshangpin",
+      "unicode": "e72c",
+      "unicode_decimal": 59180
+    },
+    {
+      "icon_id": "26247290",
+      "name": "商品列表",
+      "font_class": "shangpinliebiao",
+      "unicode": "e61e",
+      "unicode_decimal": 58910
+    },
+    {
+      "icon_id": "26578334",
+      "name": "智慧门店（多门店）",
+      "font_class": "a-zhihuimendianduomendian",
+      "unicode": "e67d",
+      "unicode_decimal": 59005
+    },
+    {
+      "icon_id": "1277993",
+      "name": "商品管理",
+      "font_class": "shangpinguanli",
+      "unicode": "e65d",
+      "unicode_decimal": 58973
+    },
+    {
+      "icon_id": "1964730",
+      "name": "销售报表",
+      "font_class": "xiaoshoubaobiao",
+      "unicode": "e61c",
+      "unicode_decimal": 58908
+    },
+    {
+      "icon_id": "9748102",
+      "name": "crm客户管理",
+      "font_class": "crmkehuguanli",
+      "unicode": "e648",
+      "unicode_decimal": 58952
+    },
+    {
+      "icon_id": "12250139",
+      "name": "门店管理",
+      "font_class": "mendianguanli",
+      "unicode": "e60f",
+      "unicode_decimal": 58895
+    },
+    {
+      "icon_id": "20022023",
+      "name": "工作台",
+      "font_class": "gongzuotai",
+      "unicode": "e64a",
+      "unicode_decimal": 58954
+    },
+    {
+      "icon_id": "27253679",
+      "name": "系统管理",
+      "font_class": "xitongguanli",
+      "unicode": "e614",
+      "unicode_decimal": 58900
+    },
+    {
+      "icon_id": "6400627",
+      "name": "密码（1）",
+      "font_class": "weibiaoti",
+      "unicode": "e616",
+      "unicode_decimal": 58902
+    },
+    {
+      "icon_id": "20853365",
+      "name": "用户名",
+      "font_class": "yonghuming",
+      "unicode": "e6aa",
+      "unicode_decimal": 59050
+    }
+  ]
+}

src/assets/iconfont2/iconfont.css

@@ -0,0 +1,17 @@
+@font-face {
+  font-family: "iconfont"; /* Project id  */
+  src: url('iconfont.ttf?t=1709533486156') format('truetype');
+}
+
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-xiazaiwenjian:before {
+  content: "\e600";
+}
+

src/assets/style/style.less

@@ -0,0 +1,197 @@
+html,body,#app{
+    margin: 0;
+    padding: 0;
+    height: 100%;
+    font-family: 'Roboto', sans-serif;
+}
+
+.list_page{
+    padding-left: 28px;
+    width: 100%;
+    height: 100%;
+
+    .list_page_content{
+        background: #fff;
+        width: 100%;
+        height: 100%;
+        padding: 20px 0 50px;
+        box-sizing: border-box;
+
+        .list_top_content{
+            padding: 0 35px 0 28px;
+            margin-bottom: 20px;
+            display: flex;
+            justify-content: space-between;
+
+            .list_top_search_content{
+                width: 100%;
+            }
+
+            .list_top_button_content{
+                width: 200px;
+                flex-shrink: 0;
+            }
+
+            .list_top_button_content{
+                width: 200px;
+        
+            }
+        }
+
+        .list_table_content{
+            width: 100%;
+
+
+        }
+    }
+
+    
+}
+
+.edit_modal_component{
+    
+    .modal_button_list{
+        margin-top: 20px;
+        display: flex;
+        align-items: center;
+    }
+}
+
+.primary_button{
+    background: #343579;
+    border-color:#343579;
+}
+.ant-btn-primary:hover, .ant-btn-primary:focus{
+    border-color: #343579;
+}
+
+.default_button{
+    background: #E4E5EB;
+}
+
+.btn-margin-r-20{
+    margin-right: 20px;
+}
+
+.btn-margin-t-35{
+    margin-top: 35px;
+}
+
+.confirm_style{
+
+    .ant-btn-primary{
+        background: #343579;
+    }
+}
+
+.form_item_block{
+    position: relative;
+
+    .form_title_button_list{
+        position: absolute;
+        top: -8px;
+        right: 0;
+    }
+
+    .form_item_module_title{
+        font-size: 18px;
+        line-height: 18px;
+        font-weight: normal;
+        color: #030303;
+        margin-bottom: 20px;
+    }
+    
+}
+
+.sec_form_block{
+    margin-bottom: 20px;
+}
+
+.form_item_title{
+    color: #030303;
+    font-size: 18px;
+    line-height: 1.5715;
+    overflow: hidden;
+
+    &.required::before{
+        display: inline-block;
+        margin-right: 4px;
+        color: #ff4d4f;
+        font-size: 14px;
+        font-family: SimSun, sans-serif;
+        line-height: 1;
+        content: '*';
+    }
+
+    .title_right_button{
+        float: right;
+    }
+}
+
+.ant-modal-title{
+    font-size: 18px;
+    font-weight: bold;
+    color: #030303;
+}
+
+.ant-form-item-label > label{
+    font-size: 18px;
+    color: #030303;
+}
+
+.scroll_style{
+    &::-webkit-scrollbar-button:single-button {
+        // background-color: #ffffff;
+        display: block;
+        border-style: solid;
+        height: 13px;
+        width: 14px;
+      }
+    &::-webkit-scrollbar-button:single-button:vertical:decrement {
+        border-width: 0 8px 8px  8px;
+        border-color: transparent transparent #555555 transparent;
+    }
+    
+    &::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
+        border-color: transparent transparent #777777 transparent;
+    }
+    &::-webkit-scrollbar-button:single-button:vertical:increment {
+        border-width:  0 8px 8px  8px;
+        border-color: #555555 transparent transparent transparent;
+      }
+      
+    &::-webkit-scrollbar-button:vertical:single-button:increment:hover {
+        border-color: #777777 transparent transparent transparent;
+      }
+    &::-webkit-scrollbar {
+        /*滚动条整体样式*/
+        width: 14px; /*高宽分别对应横竖滚动条的尺寸*/
+    }
+    &::-webkit-scrollbar-thumb {
+        /*滚动条里面小方块*/
+        background: #c2c2c2;
+        opacity: 0.8;
+        border-radius: 7px;
+    }
+    &::-webkit-scrollbar-track {
+        // background: #ffffff;
+    }
+}
+
+.ant-upload-list-picture-card-container{
+    display: none !important;
+}
+
+//蒙层样式
+.mark_loading{
+    position: fixed;
+    width: 100%;
+    height: 100%;
+    background: rgba(0, 0, 0, 0.2);
+    left: 0;
+    top: 0;
+    z-index: 99999;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}