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 @@ + + + + 敬请期待 + Created with Sketch. + + + + + + + + + + \ 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);