From 9a7aa81234093a9679c8660b503ecb03eb22a33d Mon Sep 17 00:00:00 2001
From: Burt <1020103647@qq.com>
Date: Tue, 23 Jan 2024 19:47:31 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=A4=84=E7=90=86=E9=A6=96=E9=A1=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md                 | 18 ++++++++++++------
 src/pages/index/index.vue | 33 +++++++++++++++------------------
 2 files changed, 27 insertions(+), 24 deletions(-)

diff --git a/README.md b/README.md
index 5a6197e..d74ff47 100644
--- a/README.md
+++ b/README.md
@@ -1,8 +1,14 @@
-<p align="center"><img width="100" src="./src/static/logo.svg"></p>
-
-<h2 align="center">unibest - 最好用的 uniapp 开发模板</h2>
-
 <p align="center">
+  <a href="https://github.com/codercup/unibest">
+    <img width="200" src="./src/static/logo.svg">
+  </a>
+</p>
+
+<h1 align="center">
+  <a href="https://github.com/codercup/unibest" target="_blank">unibest - 最好用的 uniapp 开发模板</a>
+</h1>
+
+<div align="center">
 
 [![GitHub Repo stars](https://img.shields.io/github/stars/codercup/unibest?style=flat&logo=github)](https://github.com/codercup/unibest)
 [![GitHub forks](https://img.shields.io/github/forks/codercup/unibest?style=flat&logo=github)](https://github.com/codercup/unibest)
@@ -10,9 +16,9 @@
 [![fork](https://gitee.com/codercup/unibest/badge/fork.svg?theme=dark)](https://gitee.com/codercup/unibest/members)![GitHub package.json version (subfolder of monorepo)](https://img.shields.io/github/package-json/v/codercup/unibest)
 ![GitHub License](https://img.shields.io/github/license/codercup/unibest)
 
-</p>
+</div>
 
-<p align="center"><b>unibest 是由 uniapp + Vue3 + Ts + Vite4 + UnoCss + UniUI 驱动的跨端快速启动模板，使用 VS Code 开发，具有代码提示、自动格式化、统一配置、代码片段等功能，同时内置了大量平时开发常用的基本组件，开箱即用，让你编写 uniapp 拥有 best 体验。</b></p>
+<div align="center"><b>unibest 是由 uniapp + Vue3 + Ts + Vite4 + UnoCss + UniUI 驱动的跨端快速启动模板，使用 VS Code 开发，具有代码提示、自动格式化、统一配置、代码片段等功能，同时内置了大量平时开发常用的基本组件，开箱即用，让你编写 uniapp 拥有 best 体验。</b></div>
 
 ![](https://raw.githubusercontent.com/andreasbm/readme/master/assets/lines/rainbow.png)
 
diff --git a/src/pages/index/index.vue b/src/pages/index/index.vue
index 3347145..4abdc37 100644
--- a/src/pages/index/index.vue
+++ b/src/pages/index/index.vue
@@ -5,27 +5,24 @@
 }
 </route>
 <template>
-  <view class="bg-white h-full overflow-hidden pt-24 px-4">
+  <view class="bg-white h-full overflow-hidden pt-2 px-4">
     <view class="mt-8">
-      <image src="/static/logo.png" alt="" class="w-20 h-20 block mx-auto" />
-      <view class="text-2xl text-center mt-4 font-bold"> UniBest </view>
-    </view>
-    <view class="mt-8">
-      <view class="text-center mt-4 font-bold text-xl">开箱即用的 uniapp+vue3+ts 模板</view>
-      <view class="text-center mt-4 font-bold"
-        ><text class="text-red"> UniBest </text> 写 <text class="text-blue">uni</text>app，拥有
-        <text class="text-blue"> Best</text> 体验 ^_^</view
-      >
-      <!--
-        <view class="mt-8">果然UniIcons 在 微信小程序下颜色丢失</view>
-        <uni-icons type="contact" size="30"></uni-icons>
-        <uni-icons type="contact" size="30" color="red"></uni-icons>
-        <view mt-4>UnoCSS Icons就正常，以后还是多用UnoCSS Icons 吧</view>
-        <view class="i-carbon-car" />
-        <view class="i-carbon-car text-red" />
-      -->
+      <image src="/static/logo.svg" alt="" class="w-40 h-40 block mx-auto" />
     </view>
+    <view class="text-center text-4xl main-title-color mt-4">unibest</view>
+    <view class="text-center text-2xl mt-4 mb-8">最好用的 uniapp 开发模板</view>
+    <view class="text-center text-xl"
+      >unibest 是由 uniapp + Vue3 + Ts + Vite4 + UnoCss + UniUI 驱动的跨端快速启动模板，使用 VS Code
+      开发，具有代码提示、自动格式化、统一配置、代码片段等功能，同时内置了大量平时开发常用的基本组件，开箱即用，让你编写
+      uniapp 拥有 best 体验。</view
+    >
   </view>
 </template>
 
 <script lang="ts" setup></script>
+
+<style>
+.main-title-color {
+  color: #d14328;
+}
+</style>