css(entry):youhua css

src/pages/entry.vue

@@ -3,7 +3,7 @@
     <nav-header border-style="full"></nav-header>
     <div class="entry-content">
       <p class="entry-title">区块链金融交易所实训系统</p>
-      <div class="usdList">
+      <div class="usdList paylist">
         <div class="usdItem wechat">
           <!-- 跳转到交易中心,携带交易对 -->
           <a href="javascript:;">
@@ -263,14 +263,14 @@ export default {
 <style scoped lang="scss">
 .entry-wrapper {
   .entry-content {
-    background: url(../images/entry/bg.png);
+    background: url(../images/entry/bg.jpg);
     background-size: cover;
     .entry-btn {
       width: 265px;
       height: 30px;
       display: block;
       padding-bottom: 32px;
-      margin: 152px auto 0 auto;
+      margin: 0 auto 0 auto;
       cursor: pointer;
       img {
         width: 100%;
@@ -292,6 +292,20 @@ export default {
     margin: 0;
   }
 }
+.paylist {
+  position: relative;
+  &::before {
+    content: '';
+    display: block;
+    background-image: url(../images/entry/line1.png);
+    width: 730px;
+    position: absolute;
+    height: 105px;
+    top: -118px;
+    left: 40px;
+    background-size: cover;
+  }
+}
 .usdList {
   margin: 0 auto;
   width: 815px;
@@ -332,9 +346,12 @@ export default {
   }
   &.tabs {
     color: #fff;
-    background: url(../images/entry/wallet.png);
+    background: url(../images/entry/wallet1.png);
     background-size: cover;
-    margin-top: 85px;
+    margin-top: -85px;
+    height: 315px;
+    width: 965px;
+    padding-top: 145px;
     .el-tabs {
       width: 755px;
       margin: 60px auto 14px auto;