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(),
|
openPageDate: new Date(),
|
||||||
// 打开页面已经过去的时间
|
// 打开页面已经过去的时间
|
||||||
openPageDateAgo: '',
|
openPageDateAgo: '',
|
||||||
|
// 打开页面时间计时器
|
||||||
|
dateTimeRangeTimer: null,
|
||||||
// 起止时间
|
// 起止时间
|
||||||
dateTimeRange: [new Date(2018, 0, 1, 0, 0), new Date()],
|
dateTimeRange: [new Date(2018, 0, 1, 0, 0), new Date()],
|
||||||
// 上面起止时间的计算结果
|
// 上面起止时间的计算结果
|
||||||
@@ -48,10 +50,14 @@ export default {
|
|||||||
mounted () {
|
mounted () {
|
||||||
// 刷新打开页面过去的时间
|
// 刷新打开页面过去的时间
|
||||||
this.refreshOpenPageDateAgo()
|
this.refreshOpenPageDateAgo()
|
||||||
setInterval(this.refreshOpenPageDateAgo, 1000)
|
this.dateTimeRangeTimer = setInterval(this.refreshOpenPageDateAgo, 1000)
|
||||||
// 刷新起止时间的计算结果
|
// 刷新起止时间的计算结果
|
||||||
this.refreshDateTimeRangeAgo()
|
this.refreshDateTimeRangeAgo()
|
||||||
},
|
},
|
||||||
|
beforeDestroy () {
|
||||||
|
// 清空计时器
|
||||||
|
clearInterval(this.dateTimeRangeTimer)
|
||||||
|
},
|
||||||
watch: {
|
watch: {
|
||||||
dateTimeRange () {
|
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: '网格布局',
|
title: '网格布局',
|
||||||
|
|||||||
@@ -7,6 +7,8 @@ export default {
|
|||||||
openPageDate: new Date(),
|
openPageDate: new Date(),
|
||||||
// 打开页面已经过去的时间
|
// 打开页面已经过去的时间
|
||||||
openPageDateAgo: '',
|
openPageDateAgo: '',
|
||||||
|
// 打开页面时间计时器
|
||||||
|
dateTimeRangeTimer: null,
|
||||||
// 起止时间
|
// 起止时间
|
||||||
dateTimeRange: [new Date(2018, 0, 1, 0, 0), new Date()],
|
dateTimeRange: [new Date(2018, 0, 1, 0, 0), new Date()],
|
||||||
// 上面起止时间的计算结果
|
// 上面起止时间的计算结果
|
||||||
@@ -16,10 +18,14 @@ export default {
|
|||||||
mounted () {
|
mounted () {
|
||||||
// 刷新打开页面过去的时间
|
// 刷新打开页面过去的时间
|
||||||
this.refreshOpenPageDateAgo()
|
this.refreshOpenPageDateAgo()
|
||||||
setInterval(this.refreshOpenPageDateAgo, 1000)
|
this.dateTimeRangeTimer = setInterval(this.refreshOpenPageDateAgo, 1000)
|
||||||
// 刷新起止时间的计算结果
|
// 刷新起止时间的计算结果
|
||||||
this.refreshDateTimeRangeAgo()
|
this.refreshDateTimeRangeAgo()
|
||||||
},
|
},
|
||||||
|
beforeDestroy () {
|
||||||
|
// 清空计时器
|
||||||
|
clearInterval(this.dateTimeRangeTimer)
|
||||||
|
},
|
||||||
watch: {
|
watch: {
|
||||||
dateTimeRange () {
|
dateTimeRange () {
|
||||||
// 刷新起止时间的计算结果
|
// 刷新起止时间的计算结果
|
||||||
|
|||||||
Reference in New Issue
Block a user