From 6e69f0b6d1d8aee863c419d9c25bb0b83929b747 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=9E=8D=E5=90=88=E5=BA=94=E7=94=A8=E4=BA=8B=E4=B8=9A?=
 =?UTF-8?q?=E9=83=A8-=E7=8E=8B=E7=8E=89=E7=8F=80?= <1106774262@qq.com>
Date: Thu, 28 Mar 2024 10:29:23 +0800
Subject: [PATCH] =?UTF-8?q?[^]=E6=9B=B4=E6=96=B0=E5=86=85=E5=AE=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/end/index.vue         |  2 +-
 src/views/v3s/1-what/index.vue  |  4 +++-
 src/views/v3s/2-start/index.vue | 26 ++++++++++++++++++--------
 3 files changed, 22 insertions(+), 10 deletions(-)

diff --git a/src/views/end/index.vue b/src/views/end/index.vue
index 737a141..14e5f6c 100644
--- a/src/views/end/index.vue
+++ b/src/views/end/index.vue
@@ -8,7 +8,7 @@
     <a href="https://github.com/wangyupo/v3s" target="_blank" title="跳转至 v3s github地址">
       <img src="/v3s.jpg" class="mt-3 w-[200px] cursor-pointer" />
     </a>
-    <p class="mt-3 flex items-baseline">
+    <p class="mt-3 flex items-baseline text-nowrap">
       * 推荐使用
       <el-link type="primary" class="mx-2 font-bold text-lg" href="https://github.com/wangyupo/v3s" target="_blank">
         v3s
diff --git a/src/views/v3s/1-what/index.vue b/src/views/v3s/1-what/index.vue
index 4ddc5d3..d9477fd 100644
--- a/src/views/v3s/1-what/index.vue
+++ b/src/views/v3s/1-what/index.vue
@@ -4,7 +4,9 @@
     <p>为了大家在阅读完本书籍后，能直接使用 vue3 做项目。从本节开始，大家就需要了解 v3s 。</p>
     <p class="mt-3">放心，这里只会简单的介绍 v3s 的使用方法，而你也只需要这些，就完全能够独立完成 vue3 的项目。</p>
     <p class="mt-3">是的 v3s 就是这么优秀，它足以让你立刻进入开发。</p>
-    <img src="/v3s.jpg" class="mt-3 w-[200px]" />
+    <a href="https://github.com/wangyupo/v3s" target="_blank" title="跳转至 v3s github地址" class="inline-block">
+      <img src="/v3s.jpg" class="mt-3 w-[200px] cursor-pointer" />
+    </a>
   </div>
 </template>
 
diff --git a/src/views/v3s/2-start/index.vue b/src/views/v3s/2-start/index.vue
index acaf0f8..cb78c50 100644
--- a/src/views/v3s/2-start/index.vue
+++ b/src/views/v3s/2-start/index.vue
@@ -1,9 +1,9 @@
 <template>
   <!-- 2、安装和启动 -->
   <div>
-    <p>
+    <p class="flex items-baseline">
       一、使用 git 下载 v3s，这是下载地址：
-      <el-link type="primary" href="https://github.com/wangyupo/v3s" target="_blank">
+      <el-link type="primary" href="https://github.com/wangyupo/v3s" target="_blank" class="text-lg">
         https://github.com/wangyupo/v3s
       </el-link>
     </p>
@@ -25,17 +25,27 @@ npm run dev
     </div>
 
     <div>
-      <p>三、在浏览器种，有两种启动方式：</p>
-      <p class="indent-8">1、在浏览器地址栏，输入：http://localhost:5173/v3s-admin/，返回按回车。</p>
-      <p class="indent-8">
+      <p>三、在浏览器中，有两种启动方式：</p>
+      <p class="mt-1 indent-8">
+        1、在浏览器地址栏，输入：
+        <span class="underline underline-offset-4">http://localhost:5173/v3s-admin/</span>
+        ，返回按回车。
+      </p>
+      <p class="mt-1 indent-8">
         2、执行完 npm run dev 后，停留在你的命令行工具中，输入字母 o ，然后回车，浏览器会自动打开
-        http://localhost:5173/v3s-admin/。
+        <span class="underline underline-offset-4">http://localhost:5173/v3s-admin/</span>
+        。
       </p>
     </div>
 
     <p class="mt-3">
-      四、使用 vsCode 打开 v3s 目录。使用组合按键 Ctrl + Shift + X 唤醒 “扩展”，在 “扩展” 中搜索 “V3S
-      Snippets”，选中，在左侧工作区弹出的窗口中，点击 “安装”。
+      四、使用 vsCode 打开 v3s 目录。使用组合按键
+      <span class="underline underline-offset-4">Ctrl + Shift + X</span>
+      唤醒 “扩展”，在 “扩展” 中搜索
+      <span class="underline underline-offset-4">V3S Snippets</span>
+      ，选中，在左侧工作区弹出的窗口中，点击
+      <span class="underline underline-offset-4">安装</span>
+      。
     </p>
 
     <p class="mt-3">五、至此，关于 v3s 的安装和启动工作就都完成了。</p>