no message

Former-commit-id: d4346fbea964b5c710c832199d67e29cdb71e320
Former-commit-id: 4f9f1fe29a82fcea6ab46f0f33dd2d7e4fe0de63
Former-commit-id: 17b1df4eb37e05fcefabb2cc54faf3a9b8611238

src/pages/demo/plugins/font-awesome/components/IconCell.vue

@@ -1,67 +0,0 @@
-<template>
-  <div>
-    <el-popover
-      ref="pop"
-      placement="right"
-      :title="icon"
-      width="300"
-      trigger="click">
-      <div class="icon-group">
-        <i :class="'fa fa-' + icon"></i>
-      </div>
-      <el-row :gutter="10">
-        <el-col :span="12">
-          <el-tooltip effect="dark" :content="iconClass" placement="top">
-            <el-button @click="copy(iconClass)" style="width: 100%;">复制Class</el-button>
-          </el-tooltip>
-        </el-col>
-        <el-col :span="12">
-          <el-tooltip effect="dark" :content="iconHtml" placement="top">
-            <el-button @click="copy(iconHtml)" style="width: 100%;">复制HTML</el-button>
-          </el-tooltip>
-        </el-col>
-      </el-row>
-    </el-popover>
-    <el-tag type="info" v-popover:pop>
-      <i :class="'fa fa-' + icon"></i>
-    </el-tag>
-    <span style="font-size: 10px;">{{icon}}</span>
-  </div>
-</template>
-
-<script>
-import clipboard from 'clipboard-polyfill'
-export default {
-  props: {
-    icon: {
-      type: String,
-      required: false,
-      default: ''
-    }
-  },
-  computed: {
-    iconClass () {
-      return `fa fa-${this.icon}`
-    },
-    iconHtml () {
-      return `<i class="fa fa-${this.icon}" aria-hidden="true"></i>`
-    }
-  },
-  methods: {
-    copy (text) {
-      clipboard.writeText(text)
-      this.$message({
-        message: `${text} 复制到剪贴板`,
-        type: 'success'
-      })
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.icon-group {
-  text-align: center;
-  font-size: 200px;
-}
-</style>

src/pages/demo/plugins/font-awesome/list.vue

@@ -1,54 +0,0 @@
-<template>
-  <Container type="ghost">
-    <el-card>
-      <template slot="header">
-        <el-radio-group v-model="showIndex" size="mini">
-          <el-radio-button
-            v-for="(item, index) in radioOptions"
-            :key="index"
-            :label="item.value">
-            {{item.label}}
-          </el-radio-button>
-        </el-radio-group>
-      </template>
-      <el-row style="margin: -10px;">
-        <el-alert
-          title="点击图标复制代码"
-          type="info"
-          class="dd-m-10"
-          style="width: auto;">
-        </el-alert>
-        <el-col v-for="(iconItem, iconIndex) in iconShow.icon" :key="iconIndex" :span="6" class="dd-p-10">
-          <IconCell :icon="iconItem"></IconCell>
-        </el-col>
-      </el-row>
-    </el-card>
-  </Container>
-</template>
-
-<script>
-import icon from '@/assets/library/font-awesome-4.7.0-icon/icon.js'
-import IconCell from './components/IconCell'
-export default {
-  components: {
-    IconCell
-  },
-  data () {
-    return {
-      icon,
-      showIndex: 12
-    }
-  },
-  computed: {
-    iconShow () {
-      return this.icon[this.showIndex]
-    },
-    radioOptions () {
-      return this.icon.map((e, index) => ({
-        label: e.title,
-        value: index
-      }))
-    }
-  }
-}
-</script>