github_mirrors/vue-vben-admin
1
0
Fork 0
mirror of https://github.com/vbenjs/vue-vben-admin.git synced 2025-08-26 16:46:19 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: page component (#4087)

Browse Source 
* feat: page component

* chore: basic page

* chore: add demos

* chore: add header-sticky support

* chore: update web-ele

* chore: rename slot name

---------

Co-authored-by: Vben <ann.vben@gmail.com>
This commit is contained in:
Li Kui
2024-08-11 16:29:39 +08:00
committed by GitHub
parent b464b87ac5
commit 3015912f1a
9 changed files with 98 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
apps/web-ele/src/views/demos/element/index.vue
View File

@@ -1,4 +1,6 @@
<script lang="ts" setup>
import { Page } from '@vben/common-ui';
import {
ElButton,
ElCard,
@@ -39,13 +41,9 @@ function notify(type: NotificationType) {
</script>
<template>
<div class="p-5">
<Page title="Element Plus组件使用演示">
<template #header> 支持多语言，主题功能集成切换等 </template>
<div class="card-box p-5">
<h1 class="text-xl font-semibold">Element Plus组件使用演示</h1>
<div class="text-foreground/80 mt-2">支持多语言，主题功能集成切换等</div>
</div>
<div class="card-box mt-5 p-5">
<div class="mb-3">
<span class="text-lg font-semibold">按钮</span>
</div>
@@ -92,5 +90,5 @@ function notify(type: NotificationType) {
<ElButton type="success" @click="notify('success')"> 成功 </ElButton>
</div>
</div>
</div>
</Page>
</template>