初始化

.browserslistrc

@@ -0,0 +1,4 @@
+> 1%
+last 2 versions
+Chrome >= 63
+not dead

.editorconfig

@@ -0,0 +1,15 @@
+# https://editorconfig.org
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+tab_width = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false
+insert_final_newline = false

.env

@@ -0,0 +1,3 @@
+VUE_APP_NAME=''
+VUE_APP_API_BASE_URL=https://market.liche.cn/api
+#npm run build 加载环境

.env.development

@@ -0,0 +1,2 @@
+VUE_APP_API_BASE_URL=http://market.dev.liche.cn/api
+#npm run serve 加载环境

.env.preview

@@ -0,0 +1,3 @@
+NODE_ENV=production
+VUE_APP_API_BASE_URL=https://market.liche.cn/api
+npm run build:preview 加载环境

.eslintignore

@@ -0,0 +1,4 @@
+public
+src/assets
+node_modules
+dist

.eslintrc.js

@@ -0,0 +1,23 @@
+module.exports = {
+  root: true,
+  env: {
+    browser: true,
+    node: true,
+    es6: true
+  },
+  parser: 'vue-eslint-parser',
+  extends: [
+    'plugin:vue/essential',
+    'eslint:recommended',
+    'plugin:prettier/recommended'
+  ],
+  parserOptions: {
+    ecmaVersion: 2020,
+    sourceType: 'module'
+  },
+  rules: {
+    'no-console': 'off',
+    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
+    'vue/multi-word-component-names': 'off'
+  }
+};

.gitignore

@@ -0,0 +1,23 @@
+.DS_Store
+node_modules
+/dist
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log
+.eslintcache
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

.prettierignore

@@ -0,0 +1,10 @@
+/public/**
+/src/assets/**
+/node_modules/**
+/dist/**
+
+.local
+.output.js
+
+**/*.svg
+**/*.sh

exclude.list

@@ -3,7 +3,6 @@
 /node_modules
 .svn
 .git
-config.js
 
 .DS_Store
 .env.local
@@ -20,4 +19,4 @@ yarn-error.log*
 *.ntvs*
 *.njsproj
 *.sln
-*.sw?
+*.sw?

src/config/setting.js

@@ -1,6 +1,7 @@
 // 接口地址
-export const API_BASE_URL = process.env.VUE_APP_API_BASE_URL;
+//export const API_BASE_URL = process.env.VUE_APP_API_BASE_URL;
-//export const API_BASE_URL = 'http://localhost:8088/system';
+export const API_BASE_URL = 'http://localhost:8088/system';
+//export const API_BASE_URL = 'https://cloud.haodian.cn/system';
 
 // 项目名称
 export const PROJECT_NAME = process.env.VUE_APP_NAME;

src/views/extension/icon/index.vue

@@ -0,0 +1,227 @@
+<template>
+  <div :class="['ele-body', { 'demo-icon-responsive': styleResponsive }]">
+    <el-alert
+      show-icon
+      type="info"
+      :title="tips"
+      :closable="true"
+      class="ele-alert-border"
+      style="margin-bottom: 10px"
+    />
+    <el-card shadow="never" body-style="padding: 0;" style="overflow: visible">
+      <div class="demo-icon-header ele-bg-white">
+        <el-tabs
+          :value="active"
+          class="demo-icon-tabs"
+          @tab-click="onTabChange"
+        >
+          <el-tab-pane
+            v-for="(item, index) in data"
+            :key="index"
+            :label="item.title"
+            :name="String(index)"
+          />
+        </el-tabs>
+        <div class="demo-icon-search">
+          <el-input
+            clearable
+            size="small"
+            v-model="keywords"
+            suffix-icon="el-icon-search"
+            placeholder="输入关键词搜索"
+            @input="onSearchChange"
+          />
+        </div>
+      </div>
+      <div style="padding: 15px">
+        <el-row v-if="result.length" class="demo-icon">
+          <el-col
+            v-for="(d, i) in result"
+            :key="i"
+            v-bind="styleResponsive ? { md: 4, sm: 6, xs: 8 } : { span: 4 }"
+            class="demo-icon-item"
+            v-clipboard:copy="d"
+            v-clipboard:error="onError"
+            v-clipboard:success="onCopy"
+          >
+            <div class="demo-icon-content">
+              <i :class="d"></i>
+            </div>
+            <div class="demo-icon-text ele-text-secondary">{{ d }}</div>
+            <div class="demo-icon-tip ele-bg-primary">点击复制</div>
+          </el-col>
+        </el-row>
+        <ele-empty v-else />
+      </div>
+    </el-card>
+  </div>
+</template>
+
+<script>
+  import icons from 'ele-admin/es/ele-icon-picker/icons';
+
+  export default {
+    name: 'ExtensionIcon',
+    data() {
+      let elNum = 0;
+      let eleNum = 0;
+      icons.forEach((item) => {
+        item.icons.forEach((d) => {
+          if (d.indexOf('el-icon-_') === 0) {
+            eleNum++;
+          } else {
+            elNum++;
+          }
+        });
+      });
+      const total = elNum + eleNum;
+      return {
+        // 图标数据
+        data: icons,
+        // 搜索关键字
+        keywords: '',
+        // 当前显示的图标
+        result: icons[0]?.icons,
+        // 页签选中
+        active: '0',
+        // 提示文字
+        tips: `新增 ${eleNum} 个图标 + Element UI ${elNum} 个图标, 共计 ${total} 个图标`
+      };
+    },
+    computed: {
+      // 是否开启响应式布局
+      styleResponsive() {
+        return this.$store.state.theme.styleResponsive;
+      }
+    },
+    methods: {
+      /* 页签切换事件 */
+      onTabChange(obj) {
+        if (this.active !== obj.name) {
+          this.active = obj.name;
+          const temp = this.data[this.active].icons;
+          if (this.keywords) {
+            this.result = temp.filter((d) => d.includes(this.keywords));
+          } else {
+            this.result = temp;
+          }
+        }
+      },
+      /* 输入框改变事件 */
+      onSearchChange() {
+        for (let i = 0; i < this.data.length; i++) {
+          const temp = this.data[i].icons;
+          const result = temp.filter((d) => d.includes(this.keywords));
+          if (result.length) {
+            this.active = String(i);
+            this.result = result;
+            return;
+          }
+        }
+        this.result = [];
+      },
+      /* 复制成功 */
+      onCopy() {
+        this.$message.success('复制成功');
+      },
+      /* 复制失败 */
+      onError() {
+        this.$message.error('复制失败');
+      }
+    }
+  };
+</script>
+
+<style lang="scss" scoped>
+  .demo-icon-header {
+    position: sticky;
+    top: 0;
+    border-radius: 4px;
+    z-index: 1;
+  }
+
+  /* 选项卡 */
+  .demo-icon-tabs {
+    :deep(.el-tabs__nav-scroll) {
+      padding: 0 0 0 30px;
+    }
+
+    :deep(.el-tabs__item) {
+      height: 48px;
+      line-height: 48px;
+      padding: 0 30px 0 0 !important;
+    }
+
+    :deep(.el-tabs__item:focus.is-active.is-focus:not(:active)) {
+      box-shadow: none;
+    }
+  }
+
+  /* 搜索框 */
+  .demo-icon-search {
+    position: absolute;
+    top: 8px;
+    right: 15px;
+    width: 180px;
+    z-index: 1;
+  }
+
+  @media screen and (max-width: 660px) {
+    .demo-icon-responsive .demo-icon-search {
+      width: auto;
+      position: static;
+      margin: 10px 10px 0 10px;
+    }
+  }
+
+  /* 图标 */
+  .demo-icon {
+    border-top: 1px solid hsla(0, 0%, 60%, 0.15);
+    border-left: 1px solid hsla(0, 0%, 60%, 0.15);
+  }
+
+  .demo-icon-item {
+    text-align: center;
+    padding: 24px 0;
+    border-right: 1px solid hsla(0, 0%, 60%, 0.15);
+    border-bottom: 1px solid hsla(0, 0%, 60%, 0.15);
+    position: relative;
+    overflow: hidden;
+    cursor: pointer;
+
+    & > .demo-icon-content > i {
+      font-size: 38px;
+    }
+
+    & > .demo-icon-text {
+      padding: 0 5px;
+      font-size: 14px;
+      margin-top: 8px;
+      white-space: nowrap;
+      word-break: break-all;
+      text-overflow: ellipsis;
+      overflow: hidden;
+    }
+
+    & > .demo-icon-tip {
+      position: absolute;
+      left: 0;
+      right: 0;
+      bottom: -30px;
+      color: #fff;
+      padding: 4px 0;
+      font-size: 12px;
+      transition: bottom 0.2s;
+    }
+
+    &:hover > .demo-icon-tip {
+      bottom: 0;
+    }
+  }
+
+  :deep(.ele-admin-fixed-header:not(.ele-admin-fixed-body)) {
+    .demo-icon-header {
+      top: 100px;
+    }
+  }
+</style>