no message
Former-commit-id: 9e432e4a181c3f92f1e4b4475a1dc14aff9694d4 Former-commit-id: 4de6ab768a01bc2a4147178d40ff7404bf4f2237 Former-commit-id: 70a50252bf172dd7ae87565e121f1cc565afb000
This commit is contained in:
@@ -0,0 +1 @@
|
||||
d22b6dcdd003a008903fbb724373ac10b4e3a0f8
|
||||
21
src/pages/demo/plugins/font-awesome/index.vue
Normal file
21
src/pages/demo/plugins/font-awesome/index.vue
Normal file
@@ -0,0 +1,21 @@
|
||||
<template>
|
||||
<Container>
|
||||
<div v-for="(item, index) in icon" :key="index">
|
||||
<h1>{{item.title}}</h1>
|
||||
<div>
|
||||
<span v-for="(iconItem, iconIndex) in item.icon" :key="iconIndex" :class="'fa fa-' + iconItem"></span>
|
||||
</div>
|
||||
</div>
|
||||
</Container>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import icon from '@/assets/library/font-awesome-4.7.0-icon/icon.js'
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
icon
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -39,6 +39,8 @@ export default {
|
||||
openPageDate: new Date(),
|
||||
// 打开页面已经过去的时间
|
||||
openPageDateAgo: '',
|
||||
// 打开页面时间计时器
|
||||
dateTimeRangeTimer: null,
|
||||
// 起止时间
|
||||
dateTimeRange: [new Date(2018, 0, 1, 0, 0), new Date()],
|
||||
// 上面起止时间的计算结果
|
||||
@@ -48,10 +50,14 @@ export default {
|
||||
mounted () {
|
||||
// 刷新打开页面过去的时间
|
||||
this.refreshOpenPageDateAgo()
|
||||
setInterval(this.refreshOpenPageDateAgo, 1000)
|
||||
this.dateTimeRangeTimer = setInterval(this.refreshOpenPageDateAgo, 1000)
|
||||
// 刷新起止时间的计算结果
|
||||
this.refreshDateTimeRangeAgo()
|
||||
},
|
||||
beforeDestroy () {
|
||||
// 清空计时器
|
||||
clearInterval(this.dateTimeRangeTimer)
|
||||
},
|
||||
watch: {
|
||||
dateTimeRange () {
|
||||
// 刷新起止时间的计算结果
|
||||
|
||||
@@ -57,6 +57,20 @@ export const pluginMenu = {
|
||||
}
|
||||
]
|
||||
},
|
||||
// font-awesome
|
||||
{
|
||||
title: '图标库',
|
||||
icon: 'edit',
|
||||
children: [
|
||||
{
|
||||
title: '索引',
|
||||
icon: 'file-o',
|
||||
path: 'font-awesome',
|
||||
name: 'demo-font-awesome',
|
||||
component: resolve => { require(['@/pages/demo/plugins/font-awesome/index.vue'], resolve) }
|
||||
}
|
||||
]
|
||||
},
|
||||
// 拖拽网格布局组件
|
||||
{
|
||||
title: '网格布局',
|
||||
|
||||
@@ -7,6 +7,8 @@ export default {
|
||||
openPageDate: new Date(),
|
||||
// 打开页面已经过去的时间
|
||||
openPageDateAgo: '',
|
||||
// 打开页面时间计时器
|
||||
dateTimeRangeTimer: null,
|
||||
// 起止时间
|
||||
dateTimeRange: [new Date(2018, 0, 1, 0, 0), new Date()],
|
||||
// 上面起止时间的计算结果
|
||||
@@ -16,10 +18,14 @@ export default {
|
||||
mounted () {
|
||||
// 刷新打开页面过去的时间
|
||||
this.refreshOpenPageDateAgo()
|
||||
setInterval(this.refreshOpenPageDateAgo, 1000)
|
||||
this.dateTimeRangeTimer = setInterval(this.refreshOpenPageDateAgo, 1000)
|
||||
// 刷新起止时间的计算结果
|
||||
this.refreshDateTimeRangeAgo()
|
||||
},
|
||||
beforeDestroy () {
|
||||
// 清空计时器
|
||||
clearInterval(this.dateTimeRangeTimer)
|
||||
},
|
||||
watch: {
|
||||
dateTimeRange () {
|
||||
// 刷新起止时间的计算结果
|
||||
|
||||
Reference in New Issue
Block a user