【银保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,215 +402,220 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
-.public_container{
+  .public_container{
-  font-size: 12px;
+    font-size: 12px;
-}
+    height: 100vh;
-.head {
+    width: 100vw;
-  height: 200px;
+    background-image: url("../../assets/YB_APP/images/2.png");
-  position: relative;
+    background-repeat: no-repeat;
-  box-shadow: 0px 5px 8px 0px #7a6fc1;
+    background-size: contain;
-  img {
+  }
-    width: 100%;
+  .head {
-    height: 100%;
+    height: 200px;
+    position: relative;
+    box-shadow: 0px 5px 8px 0px #7a6fc1;
+    img {
+      width: 100%;
+      height: 100%;
+      border-radius: 5px;
+    }
+  }
+  /deep/ .van-notice-bar{
     border-radius: 5px;
   }
-}
+  .menuImg{
-/deep/ .van-notice-bar{
+    /deep/ img{
-  border-radius: 5px;
+      width: 30px;
-}
+      height: 30px;
-.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-top-left-radius: 2px;
+    border-bottom-left-radius: 2px;
-  border-bottom-left-radius: 2px;
+    border-top-right-radius: 8px;
-  border-top-right-radius: 8px;
+    border-bottom-right-radius: 8px;
-  border-bottom-right-radius: 8px;
+    height: 14px;
-  height: 14px;
+    background-image: linear-gradient(-90deg, #abbcff, #768bfe);
-  background-image: linear-gradient(-90deg, #abbcff, #768bfe);
+    transition-timing-function: ease-out;
-  transition-timing-function: ease-out;
-}
-.imageup1 {
-  width: 170px;
-  animation: animation1 2s 1;
-}
-.imageup2 {
-  width: 100px;
-  animation: animation2 2s 1;
-}
-.imageup3 {
-  width: 80px;
-  animation: animation3 2s 1;
-}
-.imageup4 {
-  width: 60px;
-  animation: animation4 2s 1;
-}
-.imageup5 {
-  width: 40px;
-  animation: animation5 2s 1;
-}
-
-.imageup6 {
-  width: 170px;
-  animation: animation6 2s 1;
-}
-.imageup7 {
-  width: 140px;
-  animation: animation7 2s 1;
-}
-.imageup8 {
-  width: 110px;
-  animation: animation8 2s 1;
-}
-.imageup9 {
-  width: 80px;
-  animation: animation9 2s 1;
-}
-.imageup10 {
-  width: 50px;
-  animation: animation10 2s 1;
-}
-  
-
-@keyframes animation1 {
-  0% {
-    width: 0px;
   }
-  100% {
+  .imageup1 {
     width: 170px;
-
+    animation: animation1 2s 1;
   }
-}
+  .imageup2 {
-@keyframes animation2 {
-  0% {
-    width: 0px;
-  }
-  100% {
     width: 100px;
-
+    animation: animation2 2s 1;
   }
-}
+  .imageup3 {
-@keyframes animation3 {
-  0% {
-    width: 0px;
-  }
-  100% {
     width: 80px;
-
+    animation: animation3 2s 1;
   }
-}
+  .imageup4 {
-@keyframes animation4 {
-  0% {
-    width: 0px;
-  }
-  100% {
     width: 60px;
-
+    animation: animation4 2s 1;
   }
-}
+  .imageup5 {
-@keyframes animation5 {
-  0% {
-    width: 0px;
-  }
-  100% {
     width: 40px;
+    animation: animation5 2s 1;
+  }
 
-  }
+  .imageup6 {
-}
-@keyframes animation6 {
-  0% {
-    width: 0px;
-  }
-  100% {
     width: 170px;
-
+    animation: animation6 2s 1;
   }
-}
+  .imageup7 {
-@keyframes animation7 {
-  0% {
-    width: 0px;
-  }
-  100% {
     width: 140px;
-
+    animation: animation7 2s 1;
   }
-}
+  .imageup8 {
-@keyframes animation8 {
-  0% {
-    width: 0px;
-  }
-  100% {
     width: 110px;
-
+    animation: animation8 2s 1;
   }
-}
+  .imageup9 {
-@keyframes animation9 {
-  0% {
-    width: 0px;
-  }
-  100% {
     width: 80px;
-
+    animation: animation9 2s 1;
   }
-}
+  .imageup10 {
-@keyframes animation10 {
-  0% {
-    width: 0px;
-  }
-  100% {
     width: 50px;
-
+    animation: animation10 2s 1;
   }
-}
+    
 
-th{
+  @keyframes animation1 {
-  height: 45px;
+    0% {
-  color: #fff;
+      width: 0px;
-}
+    }
+    100% {
+      width: 170px;
 
-table tbody tr:nth-child(odd){
+    }
-  background: #fff;
+  }
-}
+  @keyframes animation2 {
-table tbody tr:nth-child(even){
+    0% {
-  background: #f9faff;
+      width: 0px;
-}
+    }
-.issueTable{
+    100% {
-  border: 1px solid #ebedff;
+      width: 100px;
-  border-collapse:collapse;
+
-}
+    }
-td{
+  }
-  text-align: center;
+  @keyframes animation3 {
-  padding: 5px 0px;
+    0% {
-  line-height: 25px;
+      width: 0px;
-  color: #7183b3;
+    }
-  border: 1px solid #ebedff;
+    100% {
-  border-collapse:collapse;
+      width: 80px;
-}
+
-.colorOne{
+    }
-  color: #e51f14;
+  }
-}
+  @keyframes animation4 {
-.colorTwo{
+    0% {
-  color: #e1801d;
+      width: 0px;
-}
+    }
-.colorThree{
+    100% {
-  color: #333;
+      width: 60px;
-}
+
-/deep/ .van-notice-bar{
+    }
-  background: linear-gradient(#f4f6ff,#fff);
+  }
-  color: #333;
+  @keyframes animation5 {
-  letter-spacing: 1px;
+    0% {
-}
+      width: 0px;
-/deep/ .van-icon__image{
+    }
-  width: 100%;
+    100% {
-}
+      width: 40px;
-/deep/ .van-notice-bar__left-icon{
+
-  width: 50px;
+    }
-}
+  }
-/deep/ .van-notice-bar__wrap{
+  @keyframes animation6 {
-  margin-left: 10px;
+    0% {
-}
+      width: 0px;
+    }
+    100% {
+      width: 170px;
+
+    }
+  }
+  @keyframes animation7 {
+    0% {
+      width: 0px;
+    }
+    100% {
+      width: 140px;
+
+    }
+  }
+  @keyframes animation8 {
+    0% {
+      width: 0px;
+    }
+    100% {
+      width: 110px;
+
+    }
+  }
+  @keyframes animation9 {
+    0% {
+      width: 0px;
+    }
+    100% {
+      width: 80px;
+
+    }
+  }
+  @keyframes animation10 {
+    0% {
+      width: 0px;
+    }
+    100% {
+      width: 50px;
+
+    }
+  }
+
+  th{
+    height: 45px;
+    color: #fff;
+  }
+
+  table tbody tr:nth-child(odd){
+    background: #fff;
+  }
+  table tbody tr:nth-child(even){
+    background: #f9faff;
+  }
+  .issueTable{
+    border: 1px solid #ebedff;
+    border-collapse:collapse;
+  }
+  td{
+    text-align: center;
+    padding: 5px 0px;
+    line-height: 25px;
+    color: #7183b3;
+    border: 1px solid #ebedff;
+    border-collapse:collapse;
+  }
+  .colorOne{
+    color: #e51f14;
+  }
+  .colorTwo{
+    color: #e1801d;
+  }
+  .colorThree{
+    color: #333;
+  }
+  /deep/ .van-notice-bar{
+    background: linear-gradient(#f4f6ff,#fff);
+    color: #333;
+    letter-spacing: 1px;
+  }
+  /deep/ .van-icon__image{
+    width: 100%;
+  }
+  /deep/ .van-notice-bar__left-icon{
+    width: 50px;
+  }
+  /deep/ .van-notice-bar__wrap{
+    margin-left: 10px;
+  }
 </style>