feat: split home commpent

README.en-US.md

@@ -1,36 +0,0 @@
-<h1>vue-pure-admin Lite Edition（no i18n version）</h1>
-
-[![license](https://img.shields.io/github/license/pure-admin/vue-pure-admin.svg)](LICENSE)
-
-**English** | [中文](./README.md)
-
-## Introduce
-
-The simplified version is based on the shelf extracted from [vue-pure-admin](https://github.com/pure-admin/vue-pure-admin), which contains main functions and is more suitable for actual project development. The packaged size is introduced globally [element-plus](https://element-plus.org) is still below `2.3MB`, and the full version of the code will be permanently synchronized. After enabling `brotli` compression and `cdn` to replace the local library mode, the package size is less than `350kb`
-
-## Supporting Video
-
-- [Click Watch Tutorial](https://www.bilibili.com/video/BV1kg411v7QT)
-- [Click Watch UI Design](https://www.bilibili.com/video/BV17g411T7rq)
-
-## Docs
-
-- [documentation site](https://yiming_chang.gitee.io/pure-admin-doc)
-
-## Preview
-
-- [Click me to view the preview station](https://pure-admin-thin.netlify.app/#/login)
-
-## Maintainer
-
-[xiaoxian521](https://github.com/xiaoxian521)
-
-## ⚠️ Attention
-
-- The Lite version does not accept any issues and prs. If you have any questions, please go to the full version [issues](https://github.com/pure-admin/vue-pure-admin/issues/new/choose) to mention, thank you!
-
-## License
-
-In principle, no fees and copyrights are charged, and it is commercially available, but if you need secondary open source (such as using this platform for secondary development and open source, the front-end code must be open source and free), please contact the author for permission! (Free, just take a record)
-
-[MIT © 2020-present, pure-admin](./LICENSE)

README.md

@@ -1,40 +0,0 @@
-<h1>vue-pure-admin精简版（非国际化版本）</h1>
-
-[![license](https://img.shields.io/github/license/pure-admin/vue-pure-admin.svg)](LICENSE)
-
-**中文** | [English](./README.en-US.md)
-
-## 介绍
-
-精简版是基于 [vue-pure-admin](https://github.com/pure-admin/vue-pure-admin) 提炼出的架子，包含主体功能，更适合实际项目开发，打包后的大小在全局引入 [element-plus](https://element-plus.org) 的情况下仍然低于 `2.3MB`，并且会永久同步完整版的代码。开启 `brotli` 压缩和 `cdn` 替换本地库模式后，打包大小低于 `350kb`
-
-## 版本选择
-
-当前是非国际化版本，如果您需要国际化版本 [请点击](https://github.com/pure-admin/pure-admin-thin/tree/i18n)
-
-## 配套视频
-
-- [点我查看教程](https://www.bilibili.com/video/BV1kg411v7QT)
-- [点我查看 UI 设计](https://www.bilibili.com/video/BV17g411T7rq)
-
-## 配套保姆级文档
-
-- [查看文档](https://yiming_chang.gitee.io/pure-admin-doc)
-
-## 预览
-
-- [查看预览](https://pure-admin-thin.netlify.app/#/login)
-
-## 维护者
-
-[xiaoxian521](https://github.com/xiaoxian521)
-
-## ⚠️ 注意
-
-- 精简版不接受任何 `issues` 和 `pr`，如果有问题请到完整版 [issues](https://github.com/pure-admin/vue-pure-admin/issues/new/choose) 去提，谢谢！
-
-## 许可证
-
-原则上不收取任何费用及版权，可商用，不过如需二次开源（比如用此平台二次开发并开源，要求前端代码必须开源免费）请联系作者获取许可！（免费，走个记录而已）
-
-[MIT © 2020-present, pure-admin](./LICENSE)

src/views/welcome/AnnouncementCard/index.vue

@@ -1,8 +1,9 @@
-<script setup>
+<script setup lang="ts">
 defineOptions({
   name: "AnnouncementCard"
 });
 </script>
+
 <template>
   <el-card class="box-card">
     <template #header>
@@ -22,3 +23,30 @@ defineOptions({
     </div>
   </el-card>
 </template>
+<style lang="scss" scoped>
+.card-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.box-card {
+  width: 100%;
+  margin-bottom: 10px;
+}
+
+.text {
+  align-items: center;
+  height: 5px;
+  font-size: 14px;
+}
+
+.item {
+  margin-bottom: 5px;
+}
+
+.icon-text {
+  display: flex;
+  align-items: center;
+}
+</style>

src/views/welcome/InfoCard/index.vue

@@ -18,3 +18,11 @@ defineProps({
     </div>
   </el-card>
 </template>
+
+<style lang="scss" scoped>
+.card-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+</style>

src/views/welcome/PolicyCard/index.vue

@@ -1,8 +1,9 @@
-<script setup>
+<script setup lang="ts">
 defineOptions({
   name: "PolicyCard"
 });
 </script>
+
 <template>
   <el-card class="box-card">
     <template #header>

src/views/welcome/UserInformationCard/index.vue

@@ -1,4 +1,4 @@
-<script setup>
+<script setup lang="ts">
 defineOptions({
   name: "UserInformationCard"
 });

src/views/welcome/index.vue

@@ -15,7 +15,7 @@ defineOptions({
         <AnnouncementCard />
       </el-col>
     </el-row>
-    <el-row :gutter="48" class="el-line flex" align="middle">
+    <el-row :gutter="48" class="el-line" align="middle">
       <el-col :xs="24" :sm="6">
         <InfoCard
           icon="logos:google-photos"