diff --git a/src/assets/img/yantai/index/anniu.png b/src/assets/img/yantai/index/anniu.png deleted file mode 100644 index b71831a7b..000000000 Binary files a/src/assets/img/yantai/index/anniu.png and /dev/null differ diff --git a/src/assets/img/yantai/index/yd-by.png b/src/assets/img/yantai/index/bg.png similarity index 100% rename from src/assets/img/yantai/index/yd-by.png rename to src/assets/img/yantai/index/bg.png diff --git a/src/assets/img/yantai/login/bg.jpg b/src/assets/img/yantai/login/bg.jpg new file mode 100644 index 000000000..595034d62 Binary files /dev/null and b/src/assets/img/yantai/login/bg.jpg differ diff --git a/src/assets/img/yantai/login/bg.png b/src/assets/img/yantai/login/bg.png index e3a342741..b66d4a657 100644 Binary files a/src/assets/img/yantai/login/bg.png and b/src/assets/img/yantai/login/bg.png differ diff --git a/src/assets/img/yantai/login/jiating.png b/src/assets/img/yantai/login/jiating.png deleted file mode 100644 index deaab9e88..000000000 Binary files a/src/assets/img/yantai/login/jiating.png and /dev/null differ diff --git a/src/assets/img/yantai/login/jumin.png b/src/assets/img/yantai/login/jumin.png deleted file mode 100644 index 845c4e081..000000000 Binary files a/src/assets/img/yantai/login/jumin.png and /dev/null differ diff --git a/src/assets/img/yantai/login/mima.png b/src/assets/img/yantai/login/mima.png deleted file mode 100644 index 4e17d5650..000000000 Binary files a/src/assets/img/yantai/login/mima.png and /dev/null differ diff --git a/src/assets/img/yantai/login/zhanghao.png b/src/assets/img/yantai/login/zhanghao.png deleted file mode 100644 index e6bd8bb69..000000000 Binary files a/src/assets/img/yantai/login/zhanghao.png and /dev/null differ diff --git a/src/assets/scss/pages/yantai-index.scss b/src/assets/scss/pages/yantai-index.scss index e3ff39b07..80ec6e7ea 100644 --- a/src/assets/scss/pages/yantai-index.scss +++ b/src/assets/scss/pages/yantai-index.scss @@ -13,13 +13,38 @@ content: ""; } &::before { - background-image: url(~@/assets/img/index/bg.png); + background-image: url(~@/assets/img/yantai/index/bg.png); background-size: cover; } &::after { // background-color: rgba(38, 50, 56, 0.1); } } + +.m-top { + position: fixed; + top: 0; + width: 1920px; + left: -1000px; + right: -1000px; + margin: 0 auto; + + .name { + position: absolute; + top: 0; + left: 0; + text-align: center; + width: 100%; + line-height: 90px; + font-size: 42px; + font-weight: bold; + color: #fff; + background-image: -webkit-linear-gradient(bottom, rgb(23, 222, 238), rgb(23, 222, 238), #fff, #fff); + background-clip: text; + -webkit-text-fill-color: transparent; + } +} + .m-list { position: fixed; top: 50%; @@ -31,10 +56,12 @@ .list { display: flex; justify-content: space-around; - width: 100%; + width: 70%; + margin: 0 auto; .item { - width: 612px; + position: relative; + width: 420px; max-width: 612px; text-align: center; cursor: pointer; @@ -53,41 +80,13 @@ width: 100%; } .name { - position: relative; - width: auto; - display: inline-block; - text-align: center; - margin: 8px auto; - padding-left: 48px; - padding-right: 20px; - height: 42px; - line-height: 40px; - background: #ffffff; - border: 1px solid #b9b9b9; - border-radius: 21px; - font-size: 22px; - font-family: PingFang SC; - font-weight: 500; - color: #002fec; - - &::before { - content: ""; - position: absolute; - display: block; - top: 0; - bottom: 0; - left: 20px; - margin: auto; - width: 14px; - height: 14px; - background: #0065f6; - border-radius: 50%; - } - } - - .tip { - display: block; - margin: 0 auto; + position: absolute; + top: 0; + left: 0; + width: 100%; + font-size: 36px; + line-height: 140px; + color: #fff; } } } diff --git a/src/assets/scss/pages/yantai-login.scss b/src/assets/scss/pages/yantai-login.scss index 23bd7d445..189e3f2b4 100644 --- a/src/assets/scss/pages/yantai-login.scss +++ b/src/assets/scss/pages/yantai-login.scss @@ -40,7 +40,7 @@ width: 484px; height: 429px; background: rgba(#fff, 1); - box-shadow: 0px 0px 20px 8px rgba(213, 225, 238, 0.7); + box-shadow: 0px 0px 20px 2px rgba(150, 150, 200, 0.6); border-radius: 12px 12px 12px 12px; &:hover { diff --git a/src/views/pages/yantai-index.vue b/src/views/pages/yantai-index.vue index 056814c60..2485b9399 100644 --- a/src/views/pages/yantai-index.vue +++ b/src/views/pages/yantai-index.vue @@ -1,27 +1,40 @@ - +