fix: 首页优化显示

ruoyi-ui/src/views/index.vue

@@ -1,16 +1,7 @@
 <template>
   <div class="app-container home">
     <el-row :gutter="20">
-      <el-col :sm="24" :lg="18" style="padding-left: 20px">
+      <el-col :xs="24" :sm="24" :md="12" :lg="14">
-        <div class="block">
-          <h2 class="demonstration">人活着就是为了樱岛麻衣 (≧▽≦) </h2>
-          <el-image style="width: 40%" :fit="contain" src="https://oscimg.oschina.net/oscnet/up-eb83b8d00104b97842d19dbadeec90fbb54.JPEG"/>
-        </div>
-      </el-col>
-    </el-row>
-    <el-divider />
-    <el-row :gutter="20">
-      <el-col :xs="24" :sm="24" :md="12" :lg="8">
         <el-card class="update-log">
           <div slot="header" class="clearfix">
             <span>联系信息</span>
@@ -19,33 +10,24 @@
             <p>
               <i class="el-icon-user-solid"></i> QQ群：
               <a href="https://jq.qq.com/?_wv=1027&k=2zE87c2G" target="_blank"
-                > 782924350</a
+              > 782924350</a
               >
             </p>
             <p>
               <i class="el-icon-chat-dot-round"></i> 微信：<a
-                href="javascript:;"
+            >Almost-2y</a
-                >Almost-2y</a
+            >
-              >
+            </p>
+            <p style="color: #f54a4a;font-size:16px">
+              <i class="el-icon-bell"></i> 说明：<a
+            >承接各种小型项目，有需求可联系我。微信：Almost-2y / QQ: 846249920</a
+            >
             </p>
           </div>
         </el-card>
       </el-col>
-      <el-col :xs="24" :sm="24" :md="12" :lg="8">
+
-        <el-card class="update-log">
+      <el-col :xs="24" :sm="24" :md="12" :lg="10">
-          <div slot="header" class="clearfix">
-            <span>更新日志</span>
-          </div>
-          <el-collapse accordion>
-            <el-collapse-item title="v1.0.0 - 2021-04-07">
-              <ol>
-                <li>单流程完善</li>
-              </ol>
-            </el-collapse-item>
-          </el-collapse>
-        </el-card>
-      </el-col>
-      <el-col :xs="24" :sm="24" :md="12" :lg="8">
         <el-card class="update-log">
           <div slot="header" class="clearfix">
             <span>捐赠支持</span>
@@ -57,12 +39,39 @@
               width="100%"
             />
             <span style="display: inline-block; height: 30px; line-height: 30px"
-              >你可以请作者喝杯咖啡表示鼓励</span
+            >可以请作者喝杯咖啡以示鼓励！</span
             >
           </div>
         </el-card>
       </el-col>
     </el-row>
+    <el-divider />
+    <el-row :gutter="20">
+      <el-col :xs="24" :sm="24" :md="12" :lg="14" style="padding-left: 20px">
+        <el-card class="update-log">
+          <div class="block">
+            <h2 class="demonstration">人活着就是为了樱岛麻衣 (≧▽≦) </h2>
+            <el-image style="width: 100%" :fit="contain" src="https://oscimg.oschina.net/oscnet/up-eb83b8d00104b97842d19dbadeec90fbb54.JPEG"/>
+          </div>
+        </el-card>
+      </el-col>
+
+      <el-col :xs="24" :sm="24" :md="12" :lg="8">
+        <el-card class="update-log">
+          <div slot="header" class="clearfix">
+            <span>更新日志</span>
+          </div>
+          <el-collapse accordion>
+            <el-collapse-item title="v1.0.0 - 2021-04-07">
+              <ol>
+                <li>单流程完善</li>
+              </ol>
+            </el-collapse-item>
+          </el-collapse>
+        </el-card>
+      </el-col>
+
+    </el-row>
   </div>
 </template>