首页完善

src/components/main/index.vue

@@ -13,7 +13,39 @@
 
         <i class="iconfont icon-rangtianxiameiyounanzuodelaowu1"></i>
         <!-- <p style="font-size:90px;color:white">一个专门服务代理的平台</p> -->
-        <div>
+        <div class="type-btn g_flex_row_center">
+          <div class="btn g_flex_c">
+           <div class="g_flex_c">
+            <div class="i-obj">
+              <img src="https://img.alicdn.com/tps/TB12JNkIFXXXXXBXXXXXXXXXXXX.png" alt="" style="width: 24px;height: 24px;" class="imga">
+            </div>
+            <div class="tit">
+              我是总包
+            </div>
+           </div>
+          </div>
+          <div class="btn g_flex_c">
+           <div class="g_flex_c">
+            <div class="i-obj">
+              <img src="https://gw.alipayobjects.com/mdn/rms_cfbd2a/afts/img/A*TQ_dRJ8sBb4AAAAAAAAAAAAAARQnAQ" alt="" style="width: 24px;height: 24px;" class="imga">
+            </div>
+            <div class="tit">
+              我是代理
+            </div>
+           </div>
+          </div>
+          <div class="btn g_flex_c">
+           <div class="g_flex_c">
+            <div class="i-obj">
+              <img src="https://img.alicdn.com/tps/TB1uh30IpXXXXXKXVXXXXXXXXXX.png" alt="" style="width: 24px;height: 24px;" class="imga">
+            </div>
+            <div class="tit">
+              我是服务商
+            </div>
+           </div>
+          </div>
+        </div>
+        <div class="home-btn">
           <router-link to="/list" style="display: inline-block; width: 100%">进入伯才</router-link>
         </div>
       </div>
@@ -265,10 +297,53 @@ export default {
         font-size: 80px;
         line-height: 1;
       }
-      div {
+      .type-btn{
+        margin-top: 68px;
+        width: 100%;
+        .btn{
+          text-align: center;
+          cursor: pointer;
+          border-radius: 8px;
+          font-size: 14px;
+          letter-spacing: 1px;
+          height: 50px;
+          width: 170px;
+          color: #ffffff;
+          line-height: 50px;
+          position: relative;
+          margin-right: 20px;
+          background-color: #1890ff;
+          opacity: 0.85;
+          .tit{
+            font-size: 14px;
+            letter-spacing: 1px;
+            color: #ffffff;
+            line-height: 51px;
+          }
+          .i-obj{
+            margin-right: 18px;
+            // position: absolute;
+            // left: 20px;
+            // top: 14px;
+            // width: 24px;
+            // height: 24px;
+            // overflow: hidden;
+            // .imga{
+            //   margin-top: -28px;
+            // }
+          }
+          &:hover{
+            opacity: 1;
+          }
+          &:last-child{
+            margin-right: 0;
+          }
+        }
+      }
+      .home-btn {
         width: 126px;
         height: 40px;
-        margin-top: 136px;
+        margin-top: 105px;
         font-size: 14px;
         line-height: 38px;
         text-align: center;