停止变更

src/views/download/index.vue

@@ -2,7 +2,7 @@
 	<div style="height: 2000px">
     <img src="/static/home/banner.png" alt="">
     <div class="main">
-      <h1 style="text-align: center;margin: 35px auto;font-size: 30px">配置需求</h1>
+      <h1 style="text-align: center;margin: 35px auto;font-size: 26px">配置需求</h1>
       <div>
         <el-row style="text-align: center">
           <el-col :span="4" class="download_explain_head " style="border-top-left-radius:10px;"><span> </span></el-col>
@@ -29,30 +29,62 @@
           <el-col :span="3" class="download_explain_text download_explainBg">8G</el-col>
         </el-row>
         <p style="color:  #FF6000;margin-top: 6px;font-size: 14px;font-family:PingFang-SC-Regular">温馨提示：安装前请关闭杀毒软件</p>
-        <h1 style="text-align: center;margin: 50px auto;font-size: 30px">相关下载</h1>
-        <el-row  :gutter="30">
+        <h1 style="text-align: center;margin: 45px 0 36px;font-size: 26px">相关下载</h1>
+        <el-row  :gutter="30" style="margin: 26px 20px">
           <el-col :span="12">
             <el-card>
-              <div style="display: flex;align-items: center;">
+              <div style="display: flex;align-items: center;;position: relative">
                 <div>
-                  <img src="/static/home/icon.png" alt="">
+                  <img src="/static/home/icon1.png" alt="">
                 </div>
                 <div style="line-height: 22px;margin-left: 10px">
-                  <p style="font-weight: 550">UE4依赖库</p>
+                  <p style="font-weight: bold">UE4依赖库</p>
                   <p style="color:#666666;font-size: 12px ">场景必备运行环境</p>
+                  <el-button style="position: absolute;right: 10px;top: 20px;color: #4BB7A2 ">立即下载</el-button>
                 </div>
               </div>
             </el-card>
           </el-col>
           <el-col :span="12">
             <el-card>
-              <div style="display: flex;align-items: center;">
+              <div style="display: flex;align-items: center;position: relative">
                 <div>
                   <img src="/static/home/icon.png" alt="">
                 </div>
                 <div style="line-height: 22px;margin-left: 10px">
-                  <p style="font-weight: 550">UE4依赖库</p>
+                  <p style="font-weight: bold">VC_redist.x64</p>
+                  <p style="color:#666666;font-size: 12px ">场景必备运行环境</p>
+                  <el-button style="position: absolute;right: 10px;top: 20px;color: #4BB7A2 ">立即下载</el-button>
+                </div>
+              </div>
+            </el-card>
+          </el-col>
+        </el-row>
+        <el-row  :gutter="30" style="margin: 26px 20px">
+          <el-col :span="12">
+            <el-card>
+              <div style="display: flex;align-items: center;position: relative">
+                <div>
+                  <img src="/static/home/icon4.png" alt="">
+                </div>
+                <div style="line-height: 22px;margin-left: 10px;">
+                  <p style="font-weight: bold">vc_redist.x86</p>
                   <p style="color:#666666;font-size: 12px ">场景必备运行环境</p>
+                  <el-button style="position: absolute;right: 10px;top: 20px;color: #4BB7A2 ">立即下载</el-button>
+                </div>
+              </div>
+            </el-card>
+          </el-col>
+          <el-col :span="12">
+            <el-card>
+              <div style="display: flex;align-items: center;position: relative">
+                <div>
+                  <img src="/static/home/icon.png" alt="">
+                </div>
+                <div style="line-height: 22px;margin-left: 10px">
+                  <p style="font-weight: bold">Xvid-1.3.7-20191228</p>
+                  <p style="color:#666666;font-size: 12px ">录屏功能必备插件</p>
+                  <el-button style="position: absolute;right: 10px;top: 20px;color: #4BB7A2 ">立即下载</el-button>
                 </div>
               </div>
             </el-card>