【银保app】修路接口地址v1 增加首页背景图片

src/config/index.js

@@ -66,7 +66,8 @@ switch (process.env.VUE_APP_FLAG) {
     REQ_PWD = '41424344454631323334353637383930'
     CACHE_ENCRYP = '41424344454631323334353637383930'
     // YB_APP = 'http://10.10.100.98:7001'
-    YB_APP = 'https://iagentsales.e-guofu.com/api/' + apiVersion
+    // YB_APP = 'https://iagentsales.e-guofu.com/api/' + apiVersion
+    YB_APP = 'https://iagentsales-test2.e-guofu.com:5200/api/v1'
     API_VERSION = apiVersion
     break
   case 'uat':

src/views/YB_APP/home.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="public_container" :style="{marginTop:marginTop+'px'}">
+  <div class="public_container" :style="{paddingTop:marginTop+'px'}">
     <div class="head" style="margin: 10px;border-radius: 5px;">
       <van-swipe :autoplay="3000" style="width: 100%; height: 200px">
         <van-swipe-item v-for="(item, index) in activity" :key="index">
@@ -402,10 +402,15 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
-.public_container{
+  .public_container{
     font-size: 12px;
-}
+    height: 100vh;
-.head {
+    width: 100vw;
+    background-image: url("../../assets/YB_APP/images/2.png");
+    background-repeat: no-repeat;
+    background-size: contain;
+  }
+  .head {
     height: 200px;
     position: relative;
     box-shadow: 0px 5px 8px 0px #7a6fc1;
@@ -414,17 +419,17 @@ export default {
       height: 100%;
       border-radius: 5px;
     }
-}
+  }
-/deep/ .van-notice-bar{
+  /deep/ .van-notice-bar{
     border-radius: 5px;
-}
+  }
-.menuImg{
+  .menuImg{
     /deep/ img{
       width: 30px;
       height: 30px;
     }
-}
+  }
-.imageup1,.imageup2,.imageup3,.imageup4,.imageup5,.imageup6,.imageup7,.imageup8,.imageup9,.imageup10{
+  .imageup1,.imageup2,.imageup3,.imageup4,.imageup5,.imageup6,.imageup7,.imageup8,.imageup9,.imageup10{
     border-top-left-radius: 2px;
     border-bottom-left-radius: 2px;
     border-top-right-radius: 8px;
@@ -432,51 +437,51 @@ export default {
     height: 14px;
     background-image: linear-gradient(-90deg, #abbcff, #768bfe);
     transition-timing-function: ease-out;
-}
+  }
-.imageup1 {
+  .imageup1 {
     width: 170px;
     animation: animation1 2s 1;
-}
+  }
-.imageup2 {
+  .imageup2 {
     width: 100px;
     animation: animation2 2s 1;
-}
+  }
-.imageup3 {
+  .imageup3 {
     width: 80px;
     animation: animation3 2s 1;
-}
+  }
-.imageup4 {
+  .imageup4 {
     width: 60px;
     animation: animation4 2s 1;
-}
+  }
-.imageup5 {
+  .imageup5 {
     width: 40px;
     animation: animation5 2s 1;
-}
+  }
 
-.imageup6 {
+  .imageup6 {
     width: 170px;
     animation: animation6 2s 1;
-}
+  }
-.imageup7 {
+  .imageup7 {
     width: 140px;
     animation: animation7 2s 1;
-}
+  }
-.imageup8 {
+  .imageup8 {
     width: 110px;
     animation: animation8 2s 1;
-}
+  }
-.imageup9 {
+  .imageup9 {
     width: 80px;
     animation: animation9 2s 1;
-}
+  }
-.imageup10 {
+  .imageup10 {
     width: 50px;
     animation: animation10 2s 1;
-}
+  }
     
 
-@keyframes animation1 {
+  @keyframes animation1 {
     0% {
       width: 0px;
     }
@@ -484,8 +489,8 @@ export default {
       width: 170px;
 
     }
-}
+  }
-@keyframes animation2 {
+  @keyframes animation2 {
     0% {
       width: 0px;
     }
@@ -493,8 +498,8 @@ export default {
       width: 100px;
 
     }
-}
+  }
-@keyframes animation3 {
+  @keyframes animation3 {
     0% {
       width: 0px;
     }
@@ -502,8 +507,8 @@ export default {
       width: 80px;
 
     }
-}
+  }
-@keyframes animation4 {
+  @keyframes animation4 {
     0% {
       width: 0px;
     }
@@ -511,8 +516,8 @@ export default {
       width: 60px;
 
     }
-}
+  }
-@keyframes animation5 {
+  @keyframes animation5 {
     0% {
       width: 0px;
     }
@@ -520,8 +525,8 @@ export default {
       width: 40px;
 
     }
-}
+  }
-@keyframes animation6 {
+  @keyframes animation6 {
     0% {
       width: 0px;
     }
@@ -529,8 +534,8 @@ export default {
       width: 170px;
 
     }
-}
+  }
-@keyframes animation7 {
+  @keyframes animation7 {
     0% {
       width: 0px;
     }
@@ -538,8 +543,8 @@ export default {
       width: 140px;
 
     }
-}
+  }
-@keyframes animation8 {
+  @keyframes animation8 {
     0% {
       width: 0px;
     }
@@ -547,8 +552,8 @@ export default {
       width: 110px;
 
     }
-}
+  }
-@keyframes animation9 {
+  @keyframes animation9 {
     0% {
       width: 0px;
     }
@@ -556,8 +561,8 @@ export default {
       width: 80px;
 
     }
-}
+  }
-@keyframes animation10 {
+  @keyframes animation10 {
     0% {
       width: 0px;
     }
@@ -565,52 +570,52 @@ export default {
       width: 50px;
 
     }
-}
+  }
 
-th{
+  th{
     height: 45px;
     color: #fff;
-}
+  }
 
-table tbody tr:nth-child(odd){
+  table tbody tr:nth-child(odd){
     background: #fff;
-}
+  }
-table tbody tr:nth-child(even){
+  table tbody tr:nth-child(even){
     background: #f9faff;
-}
+  }
-.issueTable{
+  .issueTable{
     border: 1px solid #ebedff;
     border-collapse:collapse;
-}
+  }
-td{
+  td{
     text-align: center;
     padding: 5px 0px;
     line-height: 25px;
     color: #7183b3;
     border: 1px solid #ebedff;
     border-collapse:collapse;
-}
+  }
-.colorOne{
+  .colorOne{
     color: #e51f14;
-}
+  }
-.colorTwo{
+  .colorTwo{
     color: #e1801d;
-}
+  }
-.colorThree{
+  .colorThree{
     color: #333;
-}
+  }
-/deep/ .van-notice-bar{
+  /deep/ .van-notice-bar{
     background: linear-gradient(#f4f6ff,#fff);
     color: #333;
     letter-spacing: 1px;
-}
+  }
-/deep/ .van-icon__image{
+  /deep/ .van-icon__image{
     width: 100%;
-}
+  }
-/deep/ .van-notice-bar__left-icon{
+  /deep/ .van-notice-bar__left-icon{
     width: 50px;
-}
+  }
-/deep/ .van-notice-bar__wrap{
+  /deep/ .van-notice-bar__wrap{
     margin-left: 10px;
-}
+  }
 </style>