github/basic
1
0
Fork 2
mirror of https://github.com/fantastic-admin/basic.git synced 2026-10-07 13:48:38 +08:00
Code Issues Packages Projects Releases Wiki Activity

修改演示配置

Browse Source
This commit is contained in:
hooray
2022-09-26 00:05:06 +08:00
parent 22e8192b58
commit 4fe1a52d23
6 changed files with 41 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/auto-imports.d.ts
Vendored
+1
View File
@@ -2,6 +2,7 @@
export {}
declare global {
const EffectScope: typeof import('vue')['EffectScope']
const ElLoading: typeof import('element-plus/es')['ElLoading']
const ElMessage: typeof import('element-plus/es')['ElMessage']
const ElNotification: typeof import('element-plus/es')['ElNotification']
const acceptHMRUpdate: typeof import('pinia')['acceptHMRUpdate']
src/layouts/components/BuyIt/index.vue
+10
View File
@@ -16,6 +16,16 @@ onMounted(() => {
position: 'bottom-right',
duration: 5000,
})
setTimeout(() => {
ElNotification({
type: 'info',
title: 'TypeScript 支持',
message: 'Fantastic-admin 现已支持 TypeScript',
position: 'bottom-right',
duration: 3000,
})
}, 0)
})
function open(url: string) {
src/router/modules/component.basic.example.ts
+9 -1
View File
@@ -12,6 +12,14 @@ const routes: Route.recordRaw = {
icon: 'ep:element-plus',
},
children: [
{
path: 'icon',
name: 'componentBasicExampleIcon',
component: () => import('@/views/component_basic_example/icon.vue'),
meta: {
title: '图标',
},
},
{
path: 'button',
name: 'componentBasicExampleButton',
@@ -57,7 +65,7 @@ const routes: Route.recordRaw = {
name: 'componentBasicExampleInputnumber',
component: () => import('@/views/component_basic_example/inputnumber.vue'),
meta: {
title: '计数器',
title: '数字输入框',
},
},
{
src/store/modules/user.ts
+1 -1
View File
@@ -10,7 +10,7 @@ const useUserStore = defineStore(
account: localStorage.account || '',
token: localStorage.token || '',
failure_time: localStorage.failure_time || '',
permissions: [],
permissions: [] as string[],
}),
getters: {
isLogin: (state) => {
src/views/component_basic_example/button.vue
+16 -16
View File
@@ -74,42 +74,42 @@ import Alert from './components/alert.vue'
<el-button circle>
<template #icon>
<el-icon>
<svg-icon name="i-ep:search" />
<svg-icon name="ep:search" />
</el-icon>
</template>
</el-button>
<el-button type="primary" circle>
<template #icon>
<el-icon>
<svg-icon name="i-ep:edit" />
<svg-icon name="ep:edit" />
</el-icon>
</template>
</el-button>
<el-button type="success" circle>
<template #icon>
<el-icon>
<svg-icon name="i-ep:check" />
<svg-icon name="ep:check" />
</el-icon>
</template>
</el-button>
<el-button type="info" circle>
<template #icon>
<el-icon>
<svg-icon name="i-ep:message" />
<svg-icon name="ep:message" />
</el-icon>
</template>
</el-button>
<el-button type="warning" circle>
<template #icon>
<el-icon>
<svg-icon name="i-ep:star" />
<svg-icon name="ep:star" />
</el-icon>
</template>
</el-button>
<el-button type="danger" circle>
<template #icon>
<el-icon>
<svg-icon name="i-ep:delete" />
<svg-icon name="ep:delete" />
</el-icon>
</template>
</el-button>
@@ -181,28 +181,28 @@ import Alert from './components/alert.vue'
<el-button type="primary">
<template #icon>
<el-icon>
<svg-icon name="i-ep:edit" />
<svg-icon name="ep:edit" />
</el-icon>
</template>
</el-button>
<el-button type="primary">
<template #icon>
<el-icon>
<svg-icon name="i-ep:share" />
<svg-icon name="ep:share" />
</el-icon>
</template>
</el-button>
<el-button type="primary">
<template #icon>
<el-icon>
<svg-icon name="i-ep:delete" />
<svg-icon name="ep:delete" />
</el-icon>
</template>
</el-button>
<el-button type="primary">
<template #icon>
<el-icon>
<svg-icon name="i-ep:search" />
<svg-icon name="ep:search" />
</el-icon>
</template>
搜索
@@ -210,7 +210,7 @@ import Alert from './components/alert.vue'
<el-button type="primary">
上传
<el-icon class="el-icon--right">
<svg-icon name="i-ep:upload" />
<svg-icon name="ep:upload" />
</el-icon>
</el-button>
</page-main>
@@ -218,14 +218,14 @@ import Alert from './components/alert.vue'
<el-button-group style="margin-right: 10px;">
<el-button type="primary">
<el-icon class="el-icon--left">
<svg-icon name="i-ep:arrow-left" />
<svg-icon name="ep:arrow-left" />
</el-icon>
上一页
</el-button>
<el-button type="primary">
下一页
<el-icon class="el-icon--right">
<svg-icon name="i-ep:arrow-right" />
<svg-icon name="ep:arrow-right" />
</el-icon>
</el-button>
</el-button-group>
@@ -233,21 +233,21 @@ import Alert from './components/alert.vue'
<el-button type="primary">
<template #icon>
<el-icon>
<svg-icon name="i-ep:edit" />
<svg-icon name="ep:edit" />
</el-icon>
</template>
</el-button>
<el-button type="primary">
<template #icon>
<el-icon>
<svg-icon name="i-ep:share" />
<svg-icon name="ep:share" />
</el-icon>
</template>
</el-button>
<el-button type="primary">
<template #icon>
<el-icon>
<svg-icon name="i-ep:delete" />
<svg-icon name="ep:delete" />
</el-icon>
</template>
</el-button>
src/views/component_basic_example/icon.vue
+4 -16
View File
@@ -5,9 +5,6 @@ meta:
<script lang="ts" setup>
import Alert from './components/alert.vue'
import { icons } from '@/iconify'
const icon = icons.filter(item => item.prefix === 'ep')[0]
</script>
<template>
@@ -15,27 +12,18 @@ const icon = icons.filter(item => item.prefix === 'ep')[0]
<Alert />
<page-header title="图标" />
<page-main class="demo">
<el-icon><svg-icon name="i-ep:edit" /></el-icon>
<el-icon><svg-icon name="i-ep:share" /></el-icon>
<el-icon><svg-icon name="i-ep:delete" /></el-icon>
<el-icon><svg-icon name="ep:edit" /></el-icon>
<el-icon><svg-icon name="ep:share" /></el-icon>
<el-icon><svg-icon name="ep:delete" /></el-icon>
<el-button type="primary">
<template #icon>
<el-icon>
<svg-icon name="i-ep:search" />
<svg-icon name="ep:search" />
</el-icon>
</template>
搜索
</el-button>
</page-main>
<page-main title="图标集合">
<div v-for="(item, index) in icon.icons" :key="index" class="list-icon">
<el-tooltip class="item" effect="dark" :content="`ep:${item}`" placement="top">
<el-icon>
<svg-icon :name="`ep:${item}`" />
</el-icon>
</el-tooltip>
</div>
</page-main>
</div>
</template>