⚡ 优化欢迎页

src/views/wel/index.vue

@@ -1,4 +1,7 @@
 <template>
+  <div>
+    <el-row>
+      <el-col :span="24">
         <basic-container>
           <p style="text-align: center">
             <img src="https://img.shields.io/badge/Release-V2.2.2-green.svg" alt="Downloads"/>
@@ -12,8 +15,12 @@
               <img src="https://img.shields.io/badge/Copyright%20-@BladeX-%23ff3f59.svg" alt="Downloads"/>
             </a>
           </p>
+        </basic-container>
+      </el-col>
+    </el-row>
     <el-row>
       <el-col :span="16">
+        <basic-container>
           <el-collapse v-model="activeNames" @change="handleChange">
             <el-collapse-item title="欢迎使用Saber" name="1">
               <div>1.Saber是BladeX前端UI系统</div>
@@ -73,8 +80,58 @@
               <div>3.有意向请联系唯一指定QQ:85088620</div>
             </el-collapse-item>
           </el-collapse>
+        </basic-container>
       </el-col>
       <el-col :span="8">
+        <el-row>
+          <basic-container>
+            <div>
+              <span>产品名称</span>
+              <el-divider direction="vertical"/>
+              <span><el-tag>BladeX企业级微服务开发平台</el-tag></span>
+              <el-divider content-position="right"><i class="el-icon-star-off"/></el-divider>
+              <span>账号密码</span>
+              <el-divider direction="vertical"/>
+              <el-tag type="info" effect="plain">人事(hr)</el-tag>
+              <el-divider direction="vertical"/>
+              <el-tag type="success" effect="plain">经理(manager)</el-tag>
+              <el-divider direction="vertical"/>
+              <el-tag type="warning" effect="plain">老板(boss)</el-tag>
+              <el-divider content-position="right"><i class="el-icon-star-off"/></el-divider>
+              <span>官网地址</span>
+              <el-divider direction="vertical"/>
+              <span><el-link href="https://bladex.vip" target="_blank"
+                             type="primary">https://bladex.vip</el-link></span>
+              <el-divider content-position="right"><i class="el-icon-star-off"/></el-divider>
+              <span>社区地址</span>
+              <el-divider direction="vertical"/>
+              <span><el-link href="https://sns.bladex.vip" target="_blank"
+                             type="primary">https://sns.bladex.vip</el-link></span>
+              <el-divider content-position="right"><i class="el-icon-star-off"/></el-divider>
+              <span>获取文档</span>
+              <el-divider direction="vertical"/>
+              <span class="tag-group">
+                <el-tag type="success" style="cursor: pointer"
+                        onclick="window.open('https://sns.bladex.vip/note/view/1.html')">免费版</el-tag>
+                <el-divider direction="vertical"/>
+                <el-tag type="danger" style="cursor: pointer"
+                        onclick="window.open('https://www.kancloud.cn/@smallchill')">收费版</el-tag>
+              </span>
+              <el-divider content-position="right"><i class="el-icon-star-off"/></el-divider>
+              <span>获取源码</span>
+              <el-divider direction="vertical"/>
+              <span class="tag-group">
+                <el-tag type="success" effect="dark" style="cursor: pointer"
+                        onclick="window.open('https://gitee.com/smallc/SpringBlade')">开源版</el-tag>
+                <el-divider direction="vertical"/>
+                <el-tag type="danger" effect="dark" style="cursor: pointer"
+                        onclick="window.open('https://bladex.vip/#/vip')">商业版</el-tag>
+              </span>
+            </div>
+          </basic-container>
+        </el-row>
+        <el-row>
+          <basic-container>
             <el-collapse v-model="logActiveNames" @change="handleChange">
               <el-collapse-item title="2.2.2.RELEASE发布，增强字典管理，用户管理增加左树右表" name="11">
                 <div>1.拆分出系统字典表与业务字典表，字典键值改为string类型</div>
@@ -239,9 +296,11 @@
                 <div>16.升级 springboot 2.1.5</div>
               </el-collapse-item>
             </el-collapse>
+          </basic-container>
+        </el-row>
       </el-col>
     </el-row>
-  </basic-container>
+  </div>
 </template>
 
 <script>
@@ -268,3 +327,9 @@
   };
 </script>
 
+<style>
+  .el-divider--horizontal {
+    margin: 12px 0 !important;
+  }
+</style>
+