From 0ff75299f74626a2debd6f172db89cd8b245a37a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=8D=E5=81=9A=E7=A0=81=E5=86=9C?= <599854767@qq.com>
Date: Sat, 18 Dec 2021 08:49:05 +0800
Subject: [PATCH] update index.vue

---
 ZR.Vue/src/views/index.vue | 69 ++++++++++++++++++++------------------
 1 file changed, 36 insertions(+), 33 deletions(-)

diff --git a/ZR.Vue/src/views/index.vue b/ZR.Vue/src/views/index.vue
index b1d922f..d0a124f 100644
--- a/ZR.Vue/src/views/index.vue
+++ b/ZR.Vue/src/views/index.vue
@@ -27,34 +27,29 @@
       </el-col>
     </el-row>
     <el-row :gutter="20">
-      <el-col :span="16">
-        <el-card>
-          <div slot="header" class="clearfix">
-            <span>框架介绍</span>
-          </div>
-          <el-row>
-            <p>ZrAdmin.NET借鉴了很多开源项目的优点，让你开发Web管理系统更简单，所以我也把它给开源了（前端 <code>vue页面</code>主要参考若依，在此表示感谢.)</p>
-            <p>代码完全免费开源，易读易懂、界面简洁美观，给你的项目多一种选择与参考。</p>
-            <p>
-              <b>当前版本:</b> <span>v{{ version }}</span>
-            </p>
-            <p>
-              <el-button type="primary" size="mini" icon="el-icon-cloudy" plain @click="goTarget('https://gitee.com/izory/ZrAdminNetCore')">访问码云
-              </el-button>
-              <el-button type="primary" size="mini" icon="el-icon-cloudy" plain @click="goTarget('https://github.com/izhaorui/ZrAdmin.NET')">Github
-              </el-button>
-              <el-button type="primary" size="mini" icon="el-icon-edit" plain @click="goTarget('http://www.izhaorui.cn/doc/#/gxrz?id=更新日志')">更新日志
-              </el-button>
-            </p>
-            <h3>如果觉得不错欢迎给个⭐Star⭐收藏一下 ，这样作者才有继续免费下去的动力，谢谢！</h3>
-          </el-row>
-        </el-card>
+      <el-col :lg="16" :sm="24">
+        <h2>ZRAdmin.NET后台管理框架</h2>
+        <p>ZrAdmin.NET借鉴了很多开源项目的优点，让你开发Web管理系统更简单，所以我也把它给开源了（前端 <code>vue页面</code>主要参考若依，在此表示感谢.)</p>
+        <p>代码完全免费开源，易读易懂、界面简洁美观，给你的项目多一种选择与参考。</p>
+        <p>
+          <b>当前版本:</b> <span>v{{ version }}</span>
+          <el-link class="ml10" type="primary" size="mini" icon="el-icon-document" plain
+            @click="goTarget('http://www.izhaorui.cn/doc/#/gxrz?id=v' + version)">更新日志
+          </el-link>
+        </p>
+        <p>
+          <el-button type="primary" size="mini" icon="el-icon-cloudy" plain @click="goTarget('https://gitee.com/izory/ZrAdminNetCore')">访问码云
+          </el-button>
+          <el-button type="primary" size="mini" icon="el-icon-cloudy" plain @click="goTarget('https://github.com/izhaorui/ZrAdmin.NET')">Github
+          </el-button>
+        </p>
+        <p>
+        </p>
+        <h3>如果觉得不错欢迎给个⭐Star⭐收藏一下 ，这样作者才有继续免费下去的动力，谢谢！</h3>
       </el-col>
-      <el-col :span="8">
-        <el-card>
-          <div slot="header" class="clearfix">
-            <span>技术选型</span>
-          </div>
+      <el-col :sm="24" :lg="8">
+        <el-row>
+          <h2>技术选型</h2>
           <el-col :span="10">
             <h4>后端技术</h4>
             <ul>
@@ -80,28 +75,36 @@
               <li>...</li>
             </ul>
           </el-col>
-        </el-card>
+        </el-row>
       </el-col>
     </el-row>
+    <el-divider />
     <el-row :gutter="20" class="mt10">
-      <el-col :span="8">
+      <el-col :sm="24" :lg="8">
         <el-card>
           <div slot="header" class="clearfix">
             <span>联系信息</span>
           </div>
           <div class="body">
-            <span><i class="el-icon-user-solid"></i>QQ群：191349103</span>
+            <p><i class="el-icon-s-promotion"></i>官网：
+              <el-link href="http://www.izhaorui.cn/doc" target="_blank">http://www.izhaorui.cn/doc</el-link>
+            </p>
+          </div>
+          <div class="body">
+            <p><i class="el-icon-user-solid"></i>QQ群：<a
+                href="https://qm.qq.com/cgi-bin/qm/qr?k=Y__-fTGo_K2UIo3nWz7QnvS8LoRfPWKm&authKey=/ldXxiuolv80PF4yC8VtLk/TvAYbIhm2LKP8YVHCxAk+x2I+iqPAM1H/IsxQ+0gC&noverify=0"
+                target="_black">191349103</a></p>
           </div>
         </el-card>
       </el-col>
-      <el-col :span="8">
+      <el-col :sm="24" :lg="8">
         <el-card>
           <div slot="header" class="clearfix">
             <span>捐赠支持</span>
           </div>
           <div class="body">
-						<div style="color:red">打赏作者喝杯咖啡</div>
-            <img src="@/assets/image/reward.jpg" alt="donate" width="80%" />
+            <div style="color:red">打赏作者喝杯咖啡表示鼓励</div>
+            <img src="@/assets/image/reward.jpg" alt="donate" width="100%" />
           </div>
         </el-card>
       </el-col>