mirror of
http://112.124.100.131/GFRS/ebiz-h5.git
synced 2025-12-16 06:26:44 +08:00
【银保app】修路接口地址v1 增加首页背景图片
This commit is contained in:
liu.xiaofeng@ebiz-digits.com
BIN
src/assets/YB_APP/images/2.png
Normal file
BIN
src/assets/YB_APP/images/2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 469 KiB |
@@ -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':
|
||||
|
||||
@@ -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{
|
||||
font-size: 12px;
|
||||
}
|
||||
.head {
|
||||
height: 200px;
|
||||
position: relative;
|
||||
box-shadow: 0px 5px 8px 0px #7a6fc1;
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
.public_container{
|
||||
font-size: 12px;
|
||||
height: 100vh;
|
||||
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;
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 5px;
|
||||
}
|
||||
}
|
||||
/deep/ .van-notice-bar{
|
||||
border-radius: 5px;
|
||||
}
|
||||
}
|
||||
/deep/ .van-notice-bar{
|
||||
border-radius: 5px;
|
||||
}
|
||||
.menuImg{
|
||||
/deep/ img{
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
.menuImg{
|
||||
/deep/ img{
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.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;
|
||||
border-bottom-right-radius: 8px;
|
||||
height: 14px;
|
||||
background-image: linear-gradient(-90deg, #abbcff, #768bfe);
|
||||
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;
|
||||
.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;
|
||||
border-bottom-right-radius: 8px;
|
||||
height: 14px;
|
||||
background-image: linear-gradient(-90deg, #abbcff, #768bfe);
|
||||
transition-timing-function: ease-out;
|
||||
}
|
||||
100% {
|
||||
.imageup1 {
|
||||
width: 170px;
|
||||
|
||||
animation: animation1 2s 1;
|
||||
}
|
||||
}
|
||||
@keyframes animation2 {
|
||||
0% {
|
||||
width: 0px;
|
||||
}
|
||||
100% {
|
||||
.imageup2 {
|
||||
width: 100px;
|
||||
|
||||
animation: animation2 2s 1;
|
||||
}
|
||||
}
|
||||
@keyframes animation3 {
|
||||
0% {
|
||||
width: 0px;
|
||||
}
|
||||
100% {
|
||||
.imageup3 {
|
||||
width: 80px;
|
||||
|
||||
animation: animation3 2s 1;
|
||||
}
|
||||
}
|
||||
@keyframes animation4 {
|
||||
0% {
|
||||
width: 0px;
|
||||
}
|
||||
100% {
|
||||
.imageup4 {
|
||||
width: 60px;
|
||||
|
||||
animation: animation4 2s 1;
|
||||
}
|
||||
}
|
||||
@keyframes animation5 {
|
||||
0% {
|
||||
width: 0px;
|
||||
}
|
||||
100% {
|
||||
.imageup5 {
|
||||
width: 40px;
|
||||
animation: animation5 2s 1;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
@keyframes animation6 {
|
||||
0% {
|
||||
width: 0px;
|
||||
}
|
||||
100% {
|
||||
.imageup6 {
|
||||
width: 170px;
|
||||
|
||||
animation: animation6 2s 1;
|
||||
}
|
||||
}
|
||||
@keyframes animation7 {
|
||||
0% {
|
||||
width: 0px;
|
||||
}
|
||||
100% {
|
||||
.imageup7 {
|
||||
width: 140px;
|
||||
|
||||
animation: animation7 2s 1;
|
||||
}
|
||||
}
|
||||
@keyframes animation8 {
|
||||
0% {
|
||||
width: 0px;
|
||||
}
|
||||
100% {
|
||||
.imageup8 {
|
||||
width: 110px;
|
||||
|
||||
animation: animation8 2s 1;
|
||||
}
|
||||
}
|
||||
@keyframes animation9 {
|
||||
0% {
|
||||
width: 0px;
|
||||
}
|
||||
100% {
|
||||
.imageup9 {
|
||||
width: 80px;
|
||||
|
||||
animation: animation9 2s 1;
|
||||
}
|
||||
}
|
||||
@keyframes animation10 {
|
||||
0% {
|
||||
width: 0px;
|
||||
}
|
||||
100% {
|
||||
.imageup10 {
|
||||
width: 50px;
|
||||
|
||||
animation: animation10 2s 1;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
th{
|
||||
height: 45px;
|
||||
color: #fff;
|
||||
}
|
||||
@keyframes animation1 {
|
||||
0% {
|
||||
width: 0px;
|
||||
}
|
||||
100% {
|
||||
width: 170px;
|
||||
|
||||
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;
|
||||
}
|
||||
}
|
||||
}
|
||||
@keyframes animation2 {
|
||||
0% {
|
||||
width: 0px;
|
||||
}
|
||||
100% {
|
||||
width: 100px;
|
||||
|
||||
}
|
||||
}
|
||||
@keyframes animation3 {
|
||||
0% {
|
||||
width: 0px;
|
||||
}
|
||||
100% {
|
||||
width: 80px;
|
||||
|
||||
}
|
||||
}
|
||||
@keyframes animation4 {
|
||||
0% {
|
||||
width: 0px;
|
||||
}
|
||||
100% {
|
||||
width: 60px;
|
||||
|
||||
}
|
||||
}
|
||||
@keyframes animation5 {
|
||||
0% {
|
||||
width: 0px;
|
||||
}
|
||||
100% {
|
||||
width: 40px;
|
||||
|
||||
}
|
||||
}
|
||||
@keyframes animation6 {
|
||||
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>
|
||||
|
||||
Reference in New Issue
Block a user