From 666576fefa2371a44b7e84e444e74eed15563039 Mon Sep 17 00:00:00 2001
From: songshankun <songshankun@foxmail.com>
Date: 星期三, 25 十月 2023 18:03:43 +0800
Subject: [PATCH] chore: 配置组件库/图标库/axios
---
src/views/HomeView.vue | 52 ++++++++++++++++++++++++++++++++++++++++++++++++++--
1 files changed, 50 insertions(+), 2 deletions(-)
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 79decc3..828ab61 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -1,3 +1,51 @@
-<script setup lang="ts"></script>
+<template>
+ <div class="home-view">
+ <h1>Home View</h1>
+ <h2>pinia 绀轰緥</h2>
+ <section>
+ <span> count: {{ counter.count }} </span>
+ <el-button type="primary" @click="counter.increment">鍔犱竴</el-button>
+ </section>
+ <h2>element plus 缁勪欢 icon 绀轰緥</h2>
+ <section>
+ <el-button type="primary">
+ <el-icon style="vertical-align: middle">
+ <Search />
+ </el-icon>
+ <span style="vertical-align: middle"> Search </span>
-<template>home</template>
+ <el-icon class="is-loading">
+ <Loading />
+ </el-icon>
+ </el-button>
+ </section>
+ <h2>Iconify 鍥炬爣绀轰緥, 鏀寔鑷姩涓嬭浇鑷姩瀵煎叆</h2>
+ <section>
+ <p><a href="https://icon-sets.iconify.design/">iconify</a></p>
+ <p>
+ iconify 鏈夎澶氬浘鏍囬泦鍚�,鎵�浠ラ厤缃簡鑷姩涓嬭浇鍜岃嚜鍔ㄥ紩鍏�,
+ 浣嗘槸涓嬭浇鎵�鏈夌殑鍥炬爣闆嗗悎闇�瑕佺害120鍏�,鎵�浠ュ缓璁簨鍏堥�夊畾濂界敤鍝釜鍥炬爣闆�, 鍒贡鍔犲浘鏍囦笉鐒惰涓嬭浇濂藉
+ </p>
+ <p>浣跨敤鏂规硶: <a href="https://github.com/unplugin/unplugin-icons#usage">github.com/unplugin/unplugin-icons</a></p>
+ <div>
+ <el-icon size="40" color="red">
+ <IconAlert />
+ </el-icon>
+ </div>
+ </section>
+ </div>
+</template>
+
+<script setup lang="ts">
+import { useCounterStore } from '@/stores/counter'
+import { Loading, Search } from '@element-plus/icons-vue'
+import IconAlert from '~icons/mdi/alert'
+
+const counter = useCounterStore()
+</script>
+
+<style lang="scss" scoped>
+section {
+ margin: 10px 0 40px 0;
+}
+</style>
--
Gitblit v1.8.0