[^]更新内容

wangyupo · Mar 28, 2024 · 6e69f0b · 6e69f0b
1 parent 27a6fb1
commit 6e69f0b
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 10 deletions.
diff --git 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
@@ -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
@@ -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>