diff --git a/src/assets/img/manager-index.png b/src/assets/img/manager-index.png
new file mode 100644
index 0000000..0b0f52d
Binary files /dev/null and b/src/assets/img/manager-index.png differ
diff --git a/src/assets/svg/coming.svg b/src/assets/svg/coming.svg
new file mode 100644
index 0000000..0699e2b
--- /dev/null
+++ b/src/assets/svg/coming.svg
@@ -0,0 +1,15 @@
+
+
\ No newline at end of file
diff --git a/src/pages/index/list/index.vue b/src/pages/index/list/index.vue
index 0dbc939..3d75a31 100644
--- a/src/pages/index/list/index.vue
+++ b/src/pages/index/list/index.vue
@@ -3,18 +3,23 @@
项目案例
-
+
综合柜台
-
-
-
-
-
+
+
+
+
+
-
+
+
+
+
+
敬请期待
+
@@ -25,6 +30,8 @@ export default {
data() {
return {
caseVisible: true,
+ comingVisible: false,
+ timer: null
}
},
@@ -35,6 +42,13 @@ export default {
toPart(path){
this.$router.push(path)
},
+ showComing(){
+ this.comingVisible = true
+ clearTimeout(this.timer)
+ this.timer = setTimeout(() => {
+ this.comingVisible = false
+ },1500)
+ }
}
};
@@ -51,11 +65,12 @@ export default {
top: 0;
left: 0;
width: 100%;
+ height: 100%;
}
.integrated-counter{
top: 0;
left: 20%;
- width: 35%;
+ width: 43%;
img{
transition: all .5s;
&:hover{
@@ -82,12 +97,12 @@ export default {
width: 28%;
}
.manager{
- top: 57%;
- left: 65%;
- width: 34%;
+ top: 48%;
+ left: 52%;
+ width: 39%;
transition: all .5s;
&:hover{
- top: calc(57% - 10px);
+ top: calc(48% - 10px);
}
}
.credit-dep{
@@ -101,7 +116,7 @@ export default {
width: 30%;
}
.personal-finance{
- top: 80%;
+ top: 78%;
left: 31%;
width: 30%;
}
@@ -118,5 +133,40 @@ export default {
background: url(../../../assets/img/case.png) 0 0 /cover no-repeat;
cursor: pointer;
}
+ @media(max-width: 1440px){
+ .credit-dep{
+ top: 36%;
+ }
+ .company-finance{
+ top: 58%;
+ }
+ .personal-finance{
+ top: 74%;
+ }
+ .integrated-counter{
+ width: 44%;
+ }
+ }
+ }
+ .coming{
+ position: fixed;
+ top: -200%;
+ left: 50%;
+ width: 376px;
+ padding: 40px 0;
+ text-align: center;
+ transform: translate(-50%,-50%);
+ border-radius: 16px;
+ background-color: rgba(0,0,0,0.80);
+ transition: all .3s;
+ &.active{
+ top: 50%;
+ }
+ .text{
+ margin-top: 24px;
+ font-size: 22px;
+ font-weight: 400;
+ color: #fff;
+ }
}
\ No newline at end of file
diff --git a/src/pages/lobbyManager/list/index.vue b/src/pages/lobbyManager/list/index.vue
index de3b33f..9d97041 100644
--- a/src/pages/lobbyManager/list/index.vue
+++ b/src/pages/lobbyManager/list/index.vue
@@ -8,7 +8,7 @@
取号
填单
复印
- 返回
+ 取回
@@ -209,15 +209,11 @@ export default {
opacity: .9;
}
}
- .bg{
- top: 0;
- left: 0;
- width: 100%;
- }
.manager{
top: 68px;
left: 0;
width: 100%;
+ height: calc(100% - 68px);
}
}
.actions{
@@ -241,9 +237,6 @@ export default {
line-height: 94px;
background: url(../../../assets/img/lobby-btn-bg.png) 0 0/cover no-repeat;
cursor: pointer;
- &:hover{
- opacity: .9;
- }
&:last-child{
margin-right: 0;
}
diff --git a/src/styles/layout/index.scss b/src/styles/layout/index.scss
index c48aee7..e0c4753 100644
--- a/src/styles/layout/index.scss
+++ b/src/styles/layout/index.scss
@@ -9,7 +9,7 @@ body,
}
body {
- min-width: 1500px;
+ min-width: 1440px;
font-family: 'PingFang SC', "Helvetica Neue", Helvetica, "microsoft yahei", arial, STHeiTi, sans-serif;
font-size: 14px;
background: rgba(0, 0, 0, 0.02);