diff --git a/src/assets/css/treasure/landscape.less b/src/assets/css/treasure/landscape.less index 8e77092c4..8aa95de11 100644 --- a/src/assets/css/treasure/landscape.less +++ b/src/assets/css/treasure/landscape.less @@ -1,6 +1,5 @@ .m-body { padding: 200px 0; - zoom: 0.7; } .m-content { position: relative; @@ -8,7 +7,7 @@ transform: translateY(-100%) rotate(90deg); width: max-content; height: 900px; - background-image: url(../../img/treasure/bg.png); + background-image: url(../../img/treasure/landscape/bg.png); background-size: auto 100%; background-position: center; display: flex; @@ -120,8 +119,9 @@ .m-qy-box { margin-top: 88px; margin-left: 60px; + position: relative; + z-index: 1; display: flex; - flex-wrap: wrap; flex-direction: column; align-items: flex-end; .m-qy { @@ -165,6 +165,9 @@ } } } + .u-no-qy { + width: 47px; + } .m-qy-count { position: relative; height: max-content; @@ -186,6 +189,7 @@ } } &.m-ordinary { + min-height: 343px; .m-qy-list { .m-qy__row { .m-qy__item { diff --git a/src/assets/css/treasure/portrait.less b/src/assets/css/treasure/portrait.less new file mode 100644 index 000000000..8c3b5fefb --- /dev/null +++ b/src/assets/css/treasure/portrait.less @@ -0,0 +1,407 @@ +.m-body { + padding-top: 100px; + margin: 0 auto; +} + +.m-content { + position: relative; + background-image: url(../../img/treasure/portrait/bg.png); + background-size: 100% auto; + background-position: center; + width: 900px; + margin: 0 auto; + img { + display: block; + } + .m-top { + position: absolute; + width: 940px; + left: 50%; + transform: translateX(-50%); + } + .m-bottom { + position: absolute; + z-index: 5; + width: 940px; + left: 50%; + transform: translateX(-50%) translateY(100%); + bottom: 100%; + &.start { + animation: Start 2s forwards; + } + &::after { + content: " "; + width: 100%; + height: 2300px; + background-color: white; + display: block; + position: absolute; + z-index: 4; + top: 86px; + } + @keyframes Start { + 0% { + transform: translateX(-50%) translateY(100%); + bottom: 100%; + } + 100% { + transform: translateX(-50%); + bottom: 0; + } + } + } + .m-introduce { + display: flex; + position: relative; + .m-producer { + padding-left: 33px; + padding-top: 70px; + position: relative; + z-index: 1; + .u-producer { + width: 263px; + margin-left: 44px; + } + .u-title__icon { + width: 392px; + margin-top: -30px; + } + } + .m-info { + padding-left: 45px; + padding-top: 89px; + position: relative; + z-index: 1; + .u-producer__text { + color: #ad9f9a; + font-size: 16px; + } + .m-user { + display: flex; + align-items: center; + color: #112d24; + font-size: 24px; + font-weight: bold; + margin-top: 46px; + .u-icon { + width: 36px; + margin-left: 3px; + } + } + .u-progress { + margin-top: 4px; + color: #a30505; + font-size: 18px; + } + .u-time { + color: #112d24; + font-size: 18px; + } + .m-tip { + margin-top: 17px; + font-size: 18px; + color: #ad9f9a; + } + } + .u-introduce__bg { + position: absolute; + width: 297px; + right: 33px; + top: 109px; + z-index: 0; + transform: scaleX(-1); + } + } + .m-world { + position: relative; + width: 700px; + height: 700px; + margin-top: 88px; + margin: 0 auto; + .u-world__bg { + position: absolute; + left: 55px; + bottom: 36px; + width: 579px; + } + .m-world-count { + position: absolute; + top: 82px; + left: -23px; + .u-count__img { + width: 184px; + } + .m-count-info { + position: absolute; + top: 7px; + right: 10px; + font-size: 18px; + font-weight: bold; + color: #995115; + text-align: center; + opacity: 0.5; + line-height: 1; + } + } + .m-world-item { + position: absolute; + .m-item__text { + position: absolute; + .u-item__bg { + width: 20px; + } + .u-item__text { + position: absolute; + top: 4px; + left: 50%; + transform: translateX(-50%); + font-size: 12px; + color: white; + line-height: 12px; + } + } + &.wldg { + top: 462px; + left: 293px; + .u-item__img { + width: 108px; + } + .m-item__text { + top: 27px; + left: -5px; + } + } + &.sssh { + top: 1px; + left: 261px; + .u-item__img { + width: 168px; + } + .m-item__text { + top: 77px; + left: 50px; + } + } + &.zhg { + top: 66px; + left: 325px; + .u-item__img { + width: 314px; + } + .m-item__text { + top: 114px; + left: 196px; + } + } + &.lnrh { + top: 63px; + left: 345px; + .u-item__img { + width: 149px; + } + .m-item__text { + top: 40px; + left: 55px; + } + } + &.yylj { + top: 56px; + left: 67px; + .u-item__img { + width: 325px; + } + .m-item__text { + top: 99px; + left: 169px; + } + } + &.swbj { + top: 162px; + left: 71px; + .u-item__img { + width: 276px; + } + .m-item__text { + top: 85px; + left: 109px; + } + } + &.xxjt { + top: 126px; + left: 198px; + .u-item__img { + width: 314px; + } + .m-item__text { + top: 144px; + left: 84px; + } + } + &.qqj { + top: 231px; + left: 456px; + .u-item__img { + width: 206px; + } + .m-item__text { + top: 109px; + left: 162px; + } + } + &.swxf { + top: 276px; + left: 27px; + .u-item__img { + width: 321px; + } + .m-item__text { + top: 126px; + left: 65px; + } + } + &.jcs { + top: 317px; + left: 304px; + .u-item__img { + width: 185px; + } + .m-item__text { + top: 112px; + left: 72px; + } + } + &.zzwg { + top: 327px; + left: 467px; + .u-item__img { + width: 165px; + } + .m-item__text { + top: 111px; + left: 125px; + } + } + &.tjh { + top: 338px; + left: 124px; + .u-item__img { + width: 176px; + } + .m-item__text { + top: 155px; + left: -16px; + } + } + &.scqf { + top: 355px; + left: 398px; + .u-item__img { + width: 142px; + } + .m-item__text { + top: 133px; + left: 38px; + } + } + &.rjg { + top: 500px; + left: 198px; + .u-item__img { + width: 436px; + } + .m-item__text { + top: 103px; + left: 172px; + } + } + } + } + .m-qy-box { + padding: 0 76px; + padding-bottom: 78px; + .m-qy { + .m-qy-count { + position: relative; + width: max-content; + .u-count__img { + width: 184px; + } + .m-count-info { + position: absolute; + top: 7px; + right: 10px; + font-size: 18px; + font-weight: bold; + color: #995115; + text-align: center; + opacity: 0.5; + line-height: 1; + } + } + .m-qy-list { + display: flex; + flex-wrap: wrap; + margin-top: 21px; + .m-qy__item { + position: relative; + width: 47px; + margin-left: 23px; + .u-qy__border { + position: absolute; + left: 0; + top: 0; + right: 0; + bottom: 0; + } + .m-qy__text { + position: absolute; + right: -11px; + top: -5px; + width: 20px; + .u-qy__text { + position: absolute; + top: 4px; + left: 50%; + transform: translateX(-50%); + font-size: 12px; + color: white; + line-height: 12px; + } + } + } + } + .u-no-qy{ + width: 200px; + margin: 8px 0; + } + &.m-ordinary { + .m-qy-list { + margin-bottom: 32px; + .m-qy__item { + &:nth-of-type(11n + 1) { + margin-left: 0; + } + &:nth-of-type(n + 12) { + margin-top: 19px; + } + } + } + } + &.m-pet { + .m-qy-list { + margin-top: 19px; + .m-qy__item { + width: 42px; + margin-left: 16px; + &:nth-of-type(13n + 1) { + margin-left: 0; + } + &:nth-of-type(n + 14) { + margin-top: 11px; + } + } + } + } + } + } +} diff --git a/src/assets/img/treasure/content_bg.png b/src/assets/img/treasure/content_bg.png new file mode 100644 index 000000000..4c46b0dbf Binary files /dev/null and b/src/assets/img/treasure/content_bg.png differ diff --git a/src/assets/img/treasure/landscape/bg.png b/src/assets/img/treasure/landscape/bg.png new file mode 100644 index 000000000..98fef4da3 Binary files /dev/null and b/src/assets/img/treasure/landscape/bg.png differ diff --git a/src/assets/img/treasure/landscape/left.png b/src/assets/img/treasure/landscape/left.png new file mode 100644 index 000000000..1a8329922 Binary files /dev/null and b/src/assets/img/treasure/landscape/left.png differ diff --git a/src/assets/img/treasure/landscape/no_qy.png b/src/assets/img/treasure/landscape/no_qy.png new file mode 100644 index 000000000..734f7f38b Binary files /dev/null and b/src/assets/img/treasure/landscape/no_qy.png differ diff --git a/src/assets/img/treasure/landscape/pet_qy_bg.png b/src/assets/img/treasure/landscape/pet_qy_bg.png new file mode 100644 index 000000000..f101df634 Binary files /dev/null and b/src/assets/img/treasure/landscape/pet_qy_bg.png differ diff --git a/src/assets/img/treasure/landscape/pt_qy_bg.png b/src/assets/img/treasure/landscape/pt_qy_bg.png new file mode 100644 index 000000000..41f535e13 Binary files /dev/null and b/src/assets/img/treasure/landscape/pt_qy_bg.png differ diff --git a/src/assets/img/treasure/landscape/right.png b/src/assets/img/treasure/landscape/right.png new file mode 100644 index 000000000..468ed0592 Binary files /dev/null and b/src/assets/img/treasure/landscape/right.png differ diff --git a/src/assets/img/treasure/landscape/title_icon.png b/src/assets/img/treasure/landscape/title_icon.png new file mode 100644 index 000000000..e79e0db86 Binary files /dev/null and b/src/assets/img/treasure/landscape/title_icon.png differ diff --git a/src/assets/img/treasure/landscape/world_qy_bg.png b/src/assets/img/treasure/landscape/world_qy_bg.png new file mode 100644 index 000000000..7a5b9579e Binary files /dev/null and b/src/assets/img/treasure/landscape/world_qy_bg.png differ diff --git a/src/assets/img/treasure/pet_img_border.png b/src/assets/img/treasure/pet_img_border.png new file mode 100644 index 000000000..a389a8553 Binary files /dev/null and b/src/assets/img/treasure/pet_img_border.png differ diff --git a/src/assets/img/treasure/portrait/bg.png b/src/assets/img/treasure/portrait/bg.png new file mode 100644 index 000000000..65fd854fe Binary files /dev/null and b/src/assets/img/treasure/portrait/bg.png differ diff --git a/src/assets/img/treasure/portrait/bottom.png b/src/assets/img/treasure/portrait/bottom.png new file mode 100644 index 000000000..2b9cbfd04 Binary files /dev/null and b/src/assets/img/treasure/portrait/bottom.png differ diff --git a/src/assets/img/treasure/portrait/no_qy.png b/src/assets/img/treasure/portrait/no_qy.png new file mode 100644 index 000000000..28a742971 Binary files /dev/null and b/src/assets/img/treasure/portrait/no_qy.png differ diff --git a/src/assets/img/treasure/portrait/pet_qy_bg.png b/src/assets/img/treasure/portrait/pet_qy_bg.png new file mode 100644 index 000000000..7a9026b99 Binary files /dev/null and b/src/assets/img/treasure/portrait/pet_qy_bg.png differ diff --git a/src/assets/img/treasure/portrait/pt_qy_bg.png b/src/assets/img/treasure/portrait/pt_qy_bg.png new file mode 100644 index 000000000..50a664815 Binary files /dev/null and b/src/assets/img/treasure/portrait/pt_qy_bg.png differ diff --git a/src/assets/img/treasure/portrait/title_icon.png b/src/assets/img/treasure/portrait/title_icon.png new file mode 100644 index 000000000..4c226e329 Binary files /dev/null and b/src/assets/img/treasure/portrait/title_icon.png differ diff --git a/src/assets/img/treasure/portrait/top.png b/src/assets/img/treasure/portrait/top.png new file mode 100644 index 000000000..c9ae33a4b Binary files /dev/null and b/src/assets/img/treasure/portrait/top.png differ diff --git a/src/assets/img/treasure/portrait/world_qy_bg.png b/src/assets/img/treasure/portrait/world_qy_bg.png new file mode 100644 index 000000000..37bf22648 Binary files /dev/null and b/src/assets/img/treasure/portrait/world_qy_bg.png differ diff --git a/src/assets/img/treasure/producer.png b/src/assets/img/treasure/producer.png new file mode 100644 index 000000000..9d8bb7289 Binary files /dev/null and b/src/assets/img/treasure/producer.png differ diff --git a/src/assets/img/treasure/pt/text_bg.png b/src/assets/img/treasure/pt/text_bg.png new file mode 100644 index 000000000..ead691d90 Binary files /dev/null and b/src/assets/img/treasure/pt/text_bg.png differ diff --git "a/src/assets/img/treasure/pt/\344\271\261\344\270\226\350\210\236\345\247\254S.png" "b/src/assets/img/treasure/pt/\344\271\261\344\270\226\350\210\236\345\247\254S.png" new file mode 100644 index 000000000..90b0b0e29 Binary files /dev/null and "b/src/assets/img/treasure/pt/\344\271\261\344\270\226\350\210\236\345\247\254S.png" differ diff --git "a/src/assets/img/treasure/pt/\345\207\214\344\272\221\346\242\257S.png" "b/src/assets/img/treasure/pt/\345\207\214\344\272\221\346\242\257S.png" new file mode 100644 index 000000000..e40c81965 Binary files /dev/null and "b/src/assets/img/treasure/pt/\345\207\214\344\272\221\346\242\257S.png" differ diff --git "a/src/assets/img/treasure/pt/\345\212\235\345\255\246\350\256\260S.png" "b/src/assets/img/treasure/pt/\345\212\235\345\255\246\350\256\260S.png" new file mode 100644 index 000000000..8ed23489f Binary files /dev/null and "b/src/assets/img/treasure/pt/\345\212\235\345\255\246\350\256\260S.png" differ diff --git "a/src/assets/img/treasure/pt/\345\244\251\346\266\257\346\227\240\345\275\222S.png" "b/src/assets/img/treasure/pt/\345\244\251\346\266\257\346\227\240\345\275\222S.png" new file mode 100644 index 000000000..e562306ea Binary files /dev/null and "b/src/assets/img/treasure/pt/\345\244\251\346\266\257\346\227\240\345\275\222S.png" differ diff --git "a/src/assets/img/treasure/pt/\345\257\273\347\214\253\350\256\260S.png" "b/src/assets/img/treasure/pt/\345\257\273\347\214\253\350\256\260S.png" new file mode 100644 index 000000000..2f7dbc1f4 Binary files /dev/null and "b/src/assets/img/treasure/pt/\345\257\273\347\214\253\350\256\260S.png" differ diff --git "a/src/assets/img/treasure/pt/\345\260\221\345\271\264\350\241\214S.png" "b/src/assets/img/treasure/pt/\345\260\221\345\271\264\350\241\214S.png" new file mode 100644 index 000000000..0ae332b3f Binary files /dev/null and "b/src/assets/img/treasure/pt/\345\260\221\345\271\264\350\241\214S.png" differ diff --git "a/src/assets/img/treasure/pt/\345\271\263\347\224\237\345\277\203\346\204\277S.png" "b/src/assets/img/treasure/pt/\345\271\263\347\224\237\345\277\203\346\204\277S.png" new file mode 100644 index 000000000..489f4ee6e Binary files /dev/null and "b/src/assets/img/treasure/pt/\345\271\263\347\224\237\345\277\203\346\204\277S.png" differ diff --git "a/src/assets/img/treasure/pt/\345\272\206\350\210\236\350\211\257\345\256\265S.png" "b/src/assets/img/treasure/pt/\345\272\206\350\210\236\350\211\257\345\256\265S.png" new file mode 100644 index 000000000..9235ee5e2 Binary files /dev/null and "b/src/assets/img/treasure/pt/\345\272\206\350\210\236\350\211\257\345\256\265S.png" differ diff --git "a/src/assets/img/treasure/pt/\345\272\246\344\272\272\345\277\203S.png" "b/src/assets/img/treasure/pt/\345\272\246\344\272\272\345\277\203S.png" new file mode 100644 index 000000000..c869f8b50 Binary files /dev/null and "b/src/assets/img/treasure/pt/\345\272\246\344\272\272\345\277\203S.png" differ diff --git "a/src/assets/img/treasure/pt/\346\203\234\345\276\200\346\227\245S.png" "b/src/assets/img/treasure/pt/\346\203\234\345\276\200\346\227\245S.png" new file mode 100644 index 000000000..1391be4ad Binary files /dev/null and "b/src/assets/img/treasure/pt/\346\203\234\345\276\200\346\227\245S.png" differ diff --git "a/src/assets/img/treasure/pt/\346\211\266\346\221\207\344\271\235\345\244\251S.png" "b/src/assets/img/treasure/pt/\346\211\266\346\221\207\344\271\235\345\244\251S.png" new file mode 100644 index 000000000..834ea2630 Binary files /dev/null and "b/src/assets/img/treasure/pt/\346\211\266\346\221\207\344\271\235\345\244\251S.png" differ diff --git "a/src/assets/img/treasure/pt/\346\212\244\344\275\221\350\213\215\347\224\237S.png" "b/src/assets/img/treasure/pt/\346\212\244\344\275\221\350\213\215\347\224\237S.png" new file mode 100644 index 000000000..c8d5003a9 Binary files /dev/null and "b/src/assets/img/treasure/pt/\346\212\244\344\275\221\350\213\215\347\224\237S.png" differ diff --git "a/src/assets/img/treasure/pt/\346\213\234\346\230\245\346\223\202S.png" "b/src/assets/img/treasure/pt/\346\213\234\346\230\245\346\223\202S.png" new file mode 100644 index 000000000..4cc1dc650 Binary files /dev/null and "b/src/assets/img/treasure/pt/\346\213\234\346\230\245\346\223\202S.png" differ diff --git "a/src/assets/img/treasure/pt/\346\225\205\345\233\255\351\243\216\351\233\250S.png" "b/src/assets/img/treasure/pt/\346\225\205\345\233\255\351\243\216\351\233\250S.png" new file mode 100644 index 000000000..782f14684 Binary files /dev/null and "b/src/assets/img/treasure/pt/\346\225\205\345\233\255\351\243\216\351\233\250S.png" differ diff --git "a/src/assets/img/treasure/pt/\346\227\247\345\256\264\346\211\277\346\254\242S.png" "b/src/assets/img/treasure/pt/\346\227\247\345\256\264\346\211\277\346\254\242S.png" new file mode 100644 index 000000000..6dd4e213f Binary files /dev/null and "b/src/assets/img/treasure/pt/\346\227\247\345\256\264\346\211\277\346\254\242S.png" differ diff --git "a/src/assets/img/treasure/pt/\346\263\233\345\244\251\346\262\263S.png" "b/src/assets/img/treasure/pt/\346\263\233\345\244\251\346\262\263S.png" new file mode 100644 index 000000000..04f344f46 Binary files /dev/null and "b/src/assets/img/treasure/pt/\346\263\233\345\244\251\346\262\263S.png" differ diff --git "a/src/assets/img/treasure/pt/\346\270\205\351\243\216\346\215\225\347\216\213S.png" "b/src/assets/img/treasure/pt/\346\270\205\351\243\216\346\215\225\347\216\213S.png" new file mode 100644 index 000000000..34c1c6709 Binary files /dev/null and "b/src/assets/img/treasure/pt/\346\270\205\351\243\216\346\215\225\347\216\213S.png" differ diff --git "a/src/assets/img/treasure/pt/\347\202\274\347\213\261\345\216\250\347\245\236S.png" "b/src/assets/img/treasure/pt/\347\202\274\347\213\261\345\216\250\347\245\236S.png" new file mode 100644 index 000000000..c6f0035a4 Binary files /dev/null and "b/src/assets/img/treasure/pt/\347\202\274\347\213\261\345\216\250\347\245\236S.png" differ diff --git "a/src/assets/img/treasure/pt/\347\224\237\346\255\273\345\210\244S.png" "b/src/assets/img/treasure/pt/\347\224\237\346\255\273\345\210\244S.png" new file mode 100644 index 000000000..b34ebce1a Binary files /dev/null and "b/src/assets/img/treasure/pt/\347\224\237\346\255\273\345\210\244S.png" differ diff --git "a/src/assets/img/treasure/pt/\347\231\275\346\227\245\346\242\246S.png" "b/src/assets/img/treasure/pt/\347\231\275\346\227\245\346\242\246S.png" new file mode 100644 index 000000000..bd605a144 Binary files /dev/null and "b/src/assets/img/treasure/pt/\347\231\275\346\227\245\346\242\246S.png" differ diff --git "a/src/assets/img/treasure/pt/\347\251\272\350\260\267\345\233\236\351\237\263S.png" "b/src/assets/img/treasure/pt/\347\251\272\350\260\267\345\233\236\351\237\263S.png" new file mode 100644 index 000000000..2a1065c35 Binary files /dev/null and "b/src/assets/img/treasure/pt/\347\251\272\350\260\267\345\233\236\351\237\263S.png" differ diff --git "a/src/assets/img/treasure/pt/\347\272\242\345\260\230\344\270\215\346\270\241S.png" "b/src/assets/img/treasure/pt/\347\272\242\345\260\230\344\270\215\346\270\241S.png" new file mode 100644 index 000000000..3ac82dad5 Binary files /dev/null and "b/src/assets/img/treasure/pt/\347\272\242\345\260\230\344\270\215\346\270\241S.png" differ diff --git "a/src/assets/img/treasure/pt/\350\210\236\344\274\227\347\224\237S.png" "b/src/assets/img/treasure/pt/\350\210\236\344\274\227\347\224\237S.png" new file mode 100644 index 000000000..7357658d7 Binary files /dev/null and "b/src/assets/img/treasure/pt/\350\210\236\344\274\227\347\224\237S.png" differ diff --git "a/src/assets/img/treasure/pt/\350\214\266\351\246\206\345\245\207\347\274\230S.png" "b/src/assets/img/treasure/pt/\350\214\266\351\246\206\345\245\207\347\274\230S.png" new file mode 100644 index 000000000..023dd27c4 Binary files /dev/null and "b/src/assets/img/treasure/pt/\350\214\266\351\246\206\345\245\207\347\274\230S.png" differ diff --git "a/src/assets/img/treasure/pt/\350\216\253\350\264\237\345\210\235\345\277\203/\350\216\253\350\264\237\345\210\235\345\277\203\346\201\266\344\272\272S.png" "b/src/assets/img/treasure/pt/\350\216\253\350\264\237\345\210\235\345\277\203/\350\216\253\350\264\237\345\210\235\345\277\203\346\201\266\344\272\272S.png" new file mode 100644 index 000000000..f2e369a97 Binary files /dev/null and "b/src/assets/img/treasure/pt/\350\216\253\350\264\237\345\210\235\345\277\203/\350\216\253\350\264\237\345\210\235\345\277\203\346\201\266\344\272\272S.png" differ diff --git "a/src/assets/img/treasure/pt/\350\216\253\350\264\237\345\210\235\345\277\203/\350\216\253\350\264\237\345\210\235\345\277\203\346\265\251\346\260\224S.png" "b/src/assets/img/treasure/pt/\350\216\253\350\264\237\345\210\235\345\277\203/\350\216\253\350\264\237\345\210\235\345\277\203\346\265\251\346\260\224S.png" new file mode 100644 index 000000000..6ccb17fe8 Binary files /dev/null and "b/src/assets/img/treasure/pt/\350\216\253\350\264\237\345\210\235\345\277\203/\350\216\253\350\264\237\345\210\235\345\277\203\346\265\251\346\260\224S.png" differ diff --git "a/src/assets/img/treasure/pt/\350\231\216\345\225\270\345\261\261\346\236\227S.png" "b/src/assets/img/treasure/pt/\350\231\216\345\225\270\345\261\261\346\236\227S.png" new file mode 100644 index 000000000..99f9b188f Binary files /dev/null and "b/src/assets/img/treasure/pt/\350\231\216\345\225\270\345\261\261\346\236\227S.png" differ diff --git "a/src/assets/img/treasure/pt/\350\265\264\344\271\235\345\271\275S.png" "b/src/assets/img/treasure/pt/\350\265\264\344\271\235\345\271\275S.png" new file mode 100644 index 000000000..7a915a54e Binary files /dev/null and "b/src/assets/img/treasure/pt/\350\265\264\344\271\235\345\271\275S.png" differ diff --git "a/src/assets/img/treasure/pt/\351\225\234\344\270\255\347\220\264\351\237\263S.png" "b/src/assets/img/treasure/pt/\351\225\234\344\270\255\347\220\264\351\237\263S.png" new file mode 100644 index 000000000..2260ebcf7 Binary files /dev/null and "b/src/assets/img/treasure/pt/\351\225\234\344\270\255\347\220\264\351\237\263S.png" differ diff --git "a/src/assets/img/treasure/pt/\351\233\252\345\261\261\346\201\251\344\273\207S.png" "b/src/assets/img/treasure/pt/\351\233\252\345\261\261\346\201\251\344\273\207S.png" new file mode 100644 index 000000000..4f121e74e Binary files /dev/null and "b/src/assets/img/treasure/pt/\351\233\252\345\261\261\346\201\251\344\273\207S.png" differ diff --git "a/src/assets/img/treasure/pt/\351\237\266\345\215\216\346\225\205S.png" "b/src/assets/img/treasure/pt/\351\237\266\345\215\216\346\225\205S.png" new file mode 100644 index 000000000..fca173546 Binary files /dev/null and "b/src/assets/img/treasure/pt/\351\237\266\345\215\216\346\225\205S.png" differ diff --git "a/src/assets/img/treasure/pt/\351\273\221\347\231\275\350\267\257/\351\273\221\347\231\275\350\267\257\346\201\266\344\272\272S.png" "b/src/assets/img/treasure/pt/\351\273\221\347\231\275\350\267\257/\351\273\221\347\231\275\350\267\257\346\201\266\344\272\272S.png" new file mode 100644 index 000000000..e3e03d7a3 Binary files /dev/null and "b/src/assets/img/treasure/pt/\351\273\221\347\231\275\350\267\257/\351\273\221\347\231\275\350\267\257\346\201\266\344\272\272S.png" differ diff --git "a/src/assets/img/treasure/pt/\351\273\221\347\231\275\350\267\257/\351\273\221\347\231\275\350\267\257\346\265\251\346\260\224S.png" "b/src/assets/img/treasure/pt/\351\273\221\347\231\275\350\267\257/\351\273\221\347\231\275\350\267\257\346\265\251\346\260\224S.png" new file mode 100644 index 000000000..2928b2cd5 Binary files /dev/null and "b/src/assets/img/treasure/pt/\351\273\221\347\231\275\350\267\257/\351\273\221\347\231\275\350\267\257\346\265\251\346\260\224S.png" differ diff --git a/src/assets/img/treasure/world/text_bg.png b/src/assets/img/treasure/world/text_bg.png new file mode 100644 index 000000000..a012b5030 Binary files /dev/null and b/src/assets/img/treasure/world/text_bg.png differ diff --git a/src/assets/img/treasure/world/text_bg_act.png b/src/assets/img/treasure/world/text_bg_act.png new file mode 100644 index 000000000..36251e85b Binary files /dev/null and b/src/assets/img/treasure/world/text_bg_act.png differ diff --git a/src/assets/img/treasure/world/world_bg.svg b/src/assets/img/treasure/world/world_bg.svg new file mode 100644 index 000000000..c518cb37c --- /dev/null +++ b/src/assets/img/treasure/world/world_bg.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git "a/src/assets/img/treasure/world/\344\270\207\347\201\265\345\275\223\346\255\214\346\234\252\346\277\200\346\264\273.png" "b/src/assets/img/treasure/world/\344\270\207\347\201\265\345\275\223\346\255\214\346\234\252\346\277\200\346\264\273.png" new file mode 100644 index 000000000..f7e1378cb Binary files /dev/null and "b/src/assets/img/treasure/world/\344\270\207\347\201\265\345\275\223\346\255\214\346\234\252\346\277\200\346\264\273.png" differ diff --git "a/src/assets/img/treasure/world/\344\270\207\347\201\265\345\275\223\346\255\214\346\277\200\346\264\273.png" "b/src/assets/img/treasure/world/\344\270\207\347\201\265\345\275\223\346\255\214\346\277\200\346\264\273.png" new file mode 100644 index 000000000..15ff6cd0c Binary files /dev/null and "b/src/assets/img/treasure/world/\344\270\207\347\201\265\345\275\223\346\255\214\346\277\200\346\264\273.png" differ diff --git "a/src/assets/img/treasure/world/\344\270\211\345\260\272\351\235\222\351\224\213\346\234\252\346\277\200\346\264\273.png" "b/src/assets/img/treasure/world/\344\270\211\345\260\272\351\235\222\351\224\213\346\234\252\346\277\200\346\264\273.png" new file mode 100644 index 000000000..00e273cc8 Binary files /dev/null and "b/src/assets/img/treasure/world/\344\270\211\345\260\272\351\235\222\351\224\213\346\234\252\346\277\200\346\264\273.png" differ diff --git "a/src/assets/img/treasure/world/\344\270\211\345\260\272\351\235\222\351\224\213\346\277\200\346\264\273.png" "b/src/assets/img/treasure/world/\344\270\211\345\260\272\351\235\222\351\224\213\346\277\200\346\264\273.png" new file mode 100644 index 000000000..191b6aa4d Binary files /dev/null and "b/src/assets/img/treasure/world/\344\270\211\345\260\272\351\235\222\351\224\213\346\277\200\346\264\273.png" differ diff --git "a/src/assets/img/treasure/world/\344\270\211\345\261\261\345\233\233\346\265\267\346\234\252\346\277\200\346\264\273.png" "b/src/assets/img/treasure/world/\344\270\211\345\261\261\345\233\233\346\265\267\346\234\252\346\277\200\346\264\273.png" new file mode 100644 index 000000000..fe3c129b1 Binary files /dev/null and "b/src/assets/img/treasure/world/\344\270\211\345\261\261\345\233\233\346\265\267\346\234\252\346\277\200\346\264\273.png" differ diff --git "a/src/assets/img/treasure/world/\344\270\211\345\261\261\345\233\233\346\265\267\346\277\200\346\264\273.png" "b/src/assets/img/treasure/world/\344\270\211\345\261\261\345\233\233\346\265\267\346\277\200\346\264\273.png" new file mode 100644 index 000000000..41e937b0c Binary files /dev/null and "b/src/assets/img/treasure/world/\344\270\211\345\261\261\345\233\233\346\265\267\346\277\200\346\264\273.png" differ diff --git "a/src/assets/img/treasure/world/\344\276\240\350\241\214\345\233\247\351\200\224\346\234\252\346\277\200\346\264\273.png" "b/src/assets/img/treasure/world/\344\276\240\350\241\214\345\233\247\351\200\224\346\234\252\346\277\200\346\264\273.png" new file mode 100644 index 000000000..abefa3e03 Binary files /dev/null and "b/src/assets/img/treasure/world/\344\276\240\350\241\214\345\233\247\351\200\224\346\234\252\346\277\200\346\264\273.png" differ diff --git "a/src/assets/img/treasure/world/\344\276\240\350\241\214\345\233\247\351\200\224\346\277\200\346\264\273.png" "b/src/assets/img/treasure/world/\344\276\240\350\241\214\345\233\247\351\200\224\346\277\200\346\264\273.png" new file mode 100644 index 000000000..941eb7ddc Binary files /dev/null and "b/src/assets/img/treasure/world/\344\276\240\350\241\214\345\233\247\351\200\224\346\277\200\346\264\273.png" differ diff --git "a/src/assets/img/treasure/world/\345\205\224\346\261\237\346\271\226\346\234\252\346\277\200\346\264\273.png" "b/src/assets/img/treasure/world/\345\205\224\346\261\237\346\271\226\346\234\252\346\277\200\346\264\273.png" new file mode 100644 index 000000000..cd9d68855 Binary files /dev/null and "b/src/assets/img/treasure/world/\345\205\224\346\261\237\346\271\226\346\234\252\346\277\200\346\264\273.png" differ diff --git "a/src/assets/img/treasure/world/\345\205\224\346\261\237\346\271\226\346\277\200\346\264\273.png" "b/src/assets/img/treasure/world/\345\205\224\346\261\237\346\271\226\346\277\200\346\264\273.png" new file mode 100644 index 000000000..404d7a49a Binary files /dev/null and "b/src/assets/img/treasure/world/\345\205\224\346\261\237\346\271\226\346\277\200\346\264\273.png" differ diff --git "a/src/assets/img/treasure/world/\345\205\245\350\233\237\345\256\253\346\234\252\346\277\200\346\264\273.png" "b/src/assets/img/treasure/world/\345\205\245\350\233\237\345\256\253\346\234\252\346\277\200\346\264\273.png" new file mode 100644 index 000000000..a0e8852df Binary files /dev/null and "b/src/assets/img/treasure/world/\345\205\245\350\233\237\345\256\253\346\234\252\346\277\200\346\264\273.png" differ diff --git "a/src/assets/img/treasure/world/\345\205\245\350\233\237\345\256\253\346\277\200\346\264\273.png" "b/src/assets/img/treasure/world/\345\205\245\350\233\237\345\256\253\346\277\200\346\264\273.png" new file mode 100644 index 000000000..563b10272 Binary files /dev/null and "b/src/assets/img/treasure/world/\345\205\245\350\233\237\345\256\253\346\277\200\346\264\273.png" differ diff --git "a/src/assets/img/treasure/world/\345\215\203\347\247\213\351\223\270\346\234\252\346\277\200\346\264\273.png" "b/src/assets/img/treasure/world/\345\215\203\347\247\213\351\223\270\346\234\252\346\277\200\346\264\273.png" new file mode 100644 index 000000000..97610f22e Binary files /dev/null and "b/src/assets/img/treasure/world/\345\215\203\347\247\213\351\223\270\346\234\252\346\277\200\346\264\273.png" differ diff --git "a/src/assets/img/treasure/world/\345\215\203\347\247\213\351\223\270\346\277\200\346\264\273.png" "b/src/assets/img/treasure/world/\345\215\203\347\247\213\351\223\270\346\277\200\346\264\273.png" new file mode 100644 index 000000000..b346479a5 Binary files /dev/null and "b/src/assets/img/treasure/world/\345\215\203\347\247\213\351\223\270\346\277\200\346\264\273.png" differ diff --git "a/src/assets/img/treasure/world/\345\220\264\351\222\251\344\272\211\351\223\270\346\234\252\346\277\200\346\264\273.png" "b/src/assets/img/treasure/world/\345\220\264\351\222\251\344\272\211\351\223\270\346\234\252\346\277\200\346\264\273.png" new file mode 100644 index 000000000..c4a767af4 Binary files /dev/null and "b/src/assets/img/treasure/world/\345\220\264\351\222\251\344\272\211\351\223\270\346\234\252\346\277\200\346\264\273.png" differ diff --git "a/src/assets/img/treasure/world/\345\220\264\351\222\251\344\272\211\351\223\270\346\277\200\346\264\273.png" "b/src/assets/img/treasure/world/\345\220\264\351\222\251\344\272\211\351\223\270\346\277\200\346\264\273.png" new file mode 100644 index 000000000..44c31a773 Binary files /dev/null and "b/src/assets/img/treasure/world/\345\220\264\351\222\251\344\272\211\351\223\270\346\277\200\346\264\273.png" differ diff --git "a/src/assets/img/treasure/world/\345\241\236\345\244\226\345\256\235\351\251\271\346\234\252\346\277\200\346\264\273.png" "b/src/assets/img/treasure/world/\345\241\236\345\244\226\345\256\235\351\251\271\346\234\252\346\277\200\346\264\273.png" new file mode 100644 index 000000000..d86ffba85 Binary files /dev/null and "b/src/assets/img/treasure/world/\345\241\236\345\244\226\345\256\235\351\251\271\346\234\252\346\277\200\346\264\273.png" differ diff --git "a/src/assets/img/treasure/world/\345\241\236\345\244\226\345\256\235\351\251\271\346\277\200\346\264\273.png" "b/src/assets/img/treasure/world/\345\241\236\345\244\226\345\256\235\351\251\271\346\277\200\346\264\273.png" new file mode 100644 index 000000000..fd18f5344 Binary files /dev/null and "b/src/assets/img/treasure/world/\345\241\236\345\244\226\345\256\235\351\251\271\346\277\200\346\264\273.png" differ diff --git "a/src/assets/img/treasure/world/\345\241\236\345\244\226\350\245\277\351\243\216\346\234\252\346\277\200\346\264\273.png" "b/src/assets/img/treasure/world/\345\241\236\345\244\226\350\245\277\351\243\216\346\234\252\346\277\200\346\264\273.png" new file mode 100644 index 000000000..324592a07 Binary files /dev/null and "b/src/assets/img/treasure/world/\345\241\236\345\244\226\350\245\277\351\243\216\346\234\252\346\277\200\346\264\273.png" differ diff --git "a/src/assets/img/treasure/world/\345\241\236\345\244\226\350\245\277\351\243\216\346\277\200\346\264\273.png" "b/src/assets/img/treasure/world/\345\241\236\345\244\226\350\245\277\351\243\216\346\277\200\346\264\273.png" new file mode 100644 index 000000000..20ab17a7c Binary files /dev/null and "b/src/assets/img/treasure/world/\345\241\236\345\244\226\350\245\277\351\243\216\346\277\200\346\264\273.png" differ diff --git "a/src/assets/img/treasure/world/\346\265\201\345\271\264\345\246\202\350\231\271\346\234\252\346\277\200\346\264\273.png" "b/src/assets/img/treasure/world/\346\265\201\345\271\264\345\246\202\350\231\271\346\234\252\346\277\200\346\264\273.png" new file mode 100644 index 000000000..dc0b72b2a Binary files /dev/null and "b/src/assets/img/treasure/world/\346\265\201\345\271\264\345\246\202\350\231\271\346\234\252\346\277\200\346\264\273.png" differ diff --git "a/src/assets/img/treasure/world/\346\265\201\345\271\264\345\246\202\350\231\271\346\277\200\346\264\273.png" "b/src/assets/img/treasure/world/\346\265\201\345\271\264\345\246\202\350\231\271\346\277\200\346\264\273.png" new file mode 100644 index 000000000..6eb98a1d6 Binary files /dev/null and "b/src/assets/img/treasure/world/\346\265\201\345\271\264\345\246\202\350\231\271\346\277\200\346\264\273.png" differ diff --git "a/src/assets/img/treasure/world/\346\265\216\350\213\215\347\224\237\346\234\252\346\277\200\346\264\273.png" "b/src/assets/img/treasure/world/\346\265\216\350\213\215\347\224\237\346\234\252\346\277\200\346\264\273.png" new file mode 100644 index 000000000..0e65382d3 Binary files /dev/null and "b/src/assets/img/treasure/world/\346\265\216\350\213\215\347\224\237\346\234\252\346\277\200\346\264\273.png" differ diff --git "a/src/assets/img/treasure/world/\346\265\216\350\213\215\347\224\237\346\277\200\346\264\273.png" "b/src/assets/img/treasure/world/\346\265\216\350\213\215\347\224\237\346\277\200\346\264\273.png" new file mode 100644 index 000000000..4299e88db Binary files /dev/null and "b/src/assets/img/treasure/world/\346\265\216\350\213\215\347\224\237\346\277\200\346\264\273.png" differ diff --git "a/src/assets/img/treasure/world/\350\277\275\351\255\202\351\252\250\346\234\252\346\277\200\346\264\273.png" "b/src/assets/img/treasure/world/\350\277\275\351\255\202\351\252\250\346\234\252\346\277\200\346\264\273.png" new file mode 100644 index 000000000..5130d76e1 Binary files /dev/null and "b/src/assets/img/treasure/world/\350\277\275\351\255\202\351\252\250\346\234\252\346\277\200\346\264\273.png" differ diff --git "a/src/assets/img/treasure/world/\350\277\275\351\255\202\351\252\250\346\277\200\346\264\273.png" "b/src/assets/img/treasure/world/\350\277\275\351\255\202\351\252\250\346\277\200\346\264\273.png" new file mode 100644 index 000000000..2fdbe448e Binary files /dev/null and "b/src/assets/img/treasure/world/\350\277\275\351\255\202\351\252\250\346\277\200\346\264\273.png" differ diff --git "a/src/assets/img/treasure/world/\351\230\264\351\230\263\344\270\244\347\225\214\346\234\252\346\277\200\346\264\273.png" "b/src/assets/img/treasure/world/\351\230\264\351\230\263\344\270\244\347\225\214\346\234\252\346\277\200\346\264\273.png" new file mode 100644 index 000000000..249e01bd4 Binary files /dev/null and "b/src/assets/img/treasure/world/\351\230\264\351\230\263\344\270\244\347\225\214\346\234\252\346\277\200\346\264\273.png" differ diff --git "a/src/assets/img/treasure/world/\351\230\264\351\230\263\344\270\244\347\225\214\346\277\200\346\264\273.png" "b/src/assets/img/treasure/world/\351\230\264\351\230\263\344\270\244\347\225\214\346\277\200\346\264\273.png" new file mode 100644 index 000000000..5572c3c76 Binary files /dev/null and "b/src/assets/img/treasure/world/\351\230\264\351\230\263\344\270\244\347\225\214\346\277\200\346\264\273.png" differ diff --git a/src/views/treasure/landscape.vue b/src/views/treasure/landscape.vue index 0f6cbde12..a0ed835f8 100644 --- a/src/views/treasure/landscape.vue +++ b/src/views/treasure/landscape.vue @@ -5,13 +5,16 @@ :class="{ start: addClass, }" + :style="{ + zoom: contentZoom, + }" >
- +
- +
@@ -19,97 +22,7 @@
- -
- - 白日梦梦 -
-
-
-
-
- -
- - 白日梦梦 -
-
-
-
-
- -
- - 白日梦梦 -
-
-
-
-
- -
- - 白日梦梦 -
-
-
-
-
- -
- - 白日梦梦 -
-
-
-
-
- -
- - 白日梦梦 -
-
-
-
-
- -
- - 白日梦梦 -
-
-
-
-
- -
- - 白日梦梦 -
-
-
-
-
- -
- - 白日梦梦 -
-
-
-
-
- -
- - 白日梦梦 -
-
-
-
-
- +
白日梦梦 @@ -117,8 +30,11 @@
+
- +
23
/
@@ -128,7 +44,7 @@
-
+ +
+
- +
12
/
@@ -154,7 +73,7 @@
- +
23
/
@@ -262,7 +181,7 @@
- +
天缘至时自会来，强求无果亦何哀。
@@ -292,14 +211,30 @@ export default { data: () => ({ addClass: false, reelAddClass: false, + contentZoom: "", }), mounted() { setTimeout(() => { this.addClass = true; this.reelAddClass = "start"; }, 1000); + + window.addEventListener("resize", this.handleScreenWidthChange); + window.addEventListener("load", this.handleScreenWidthChange); + this.handleScreenWidthChange(); + }, + methods: { + handleScreenWidthChange() { + var screenWidth = window.innerWidth - 80; + var boxWidth = 1920; + var scale = screenWidth / boxWidth; + var zoom = 1; + if (screenWidth <= boxWidth) { + zoom = scale; + } + this.contentZoom = zoom; + }, }, - methods: {}, }; diff --git a/src/views/treasure/portrait.vue b/src/views/treasure/portrait.vue index 7b2ea6485..a0b32ac7c 100644 --- a/src/views/treasure/portrait.vue +++ b/src/views/treasure/portrait.vue @@ -1,18 +1,224 @@