diff --git a/view/peko/activity/act-2023-qx/css/index.css b/view/peko/activity/act-2023-qx/css/index.css index 4ae5878..5277291 100644 --- a/view/peko/activity/act-2023-qx/css/index.css +++ b/view/peko/activity/act-2023-qx/css/index.css @@ -116,7 +116,7 @@ body { position: relative; } .blessingBag .blessingBag_in { - width: 7.9rem; + width: 7.8rem; height: 2rem; position: absolute; left: 50%; @@ -125,16 +125,10 @@ body { border-radius: 0.1333333333rem; overflow: hidden; } -.blessingBag .blessingBag_in::-webkit-scrollbar { - width: 0; - display: none; -} .blessingBag .blessingBag_in ul { - height: 100%; - width: 11.2rem; + list-style: none; position: absolute; - left: 0; - animation: scrollLeft 3s linear infinite; + display: flex; } .blessingBag .blessingBag_in ul li { width: 1.8666666667rem; @@ -181,11 +175,8 @@ body { padding-left: 0.0666666667rem; } @keyframes scrollLeft { - 0% { - left: 0; - } 100% { - left: -3.3rem; + transform: translateX(-3.3rem); } } @@ -197,4 +188,12 @@ body { margin: 0 auto 0.4933333333rem; } +.task { + width: 9.28rem; + height: 8.88rem; + background: url(../images/task.png) no-repeat; + background-size: 100% 100%; + margin: 0 auto 0.6266666667rem; +} + /*# sourceMappingURL=index.css.map */ diff --git a/view/peko/activity/act-2023-qx/css/index.scss b/view/peko/activity/act-2023-qx/css/index.scss index d1408c1..a660b06 100644 --- a/view/peko/activity/act-2023-qx/css/index.scss +++ b/view/peko/activity/act-2023-qx/css/index.scss @@ -134,7 +134,8 @@ body { position: relative; .blessingBag_in { - width: 7.9rem; + // width: 7.9rem; + width: px2rem(585, ); height: 2rem; position: absolute; left: 50%; @@ -142,21 +143,11 @@ body { top: 2.4rem; border-radius: px2rem(10, ); overflow: hidden; - // overflow-x: scroll; - - &::-webkit-scrollbar { - width: 0; - display: none; - } ul { - height: 100%; - width: 11.2rem; + list-style: none; position: absolute; - left: 0; - // left: -3.3rem; - // transition: all 0.3s; - animation: scrollLeft 3s linear infinite; + display: flex; li { width: px2rem(140, ); @@ -208,22 +199,27 @@ body { } @keyframes scrollLeft { - 0% { - left: 0; - } + 100% { - left: -3.3rem; + transform: translateX(-3.3rem); + // transform: translateX(px2rem(-400)); } } } } - - .magpieBridge { width: px2rem(696, ); height: px2rem(730, ); background: url(../images/magpieBridge.png) no-repeat; background-size: 100% 100%; margin: 0 auto px2rem(37, ); +} + +.task { + width: px2rem(696, ); + height: px2rem(666, ); + background: url(../images/task.png) no-repeat; + background-size: 100% 100%; + margin: 0 auto px2rem(47, ); } \ No newline at end of file diff --git a/view/peko/activity/act-2023-qx/images/task.png b/view/peko/activity/act-2023-qx/images/task.png new file mode 100644 index 0000000..5d4a1ad Binary files /dev/null and b/view/peko/activity/act-2023-qx/images/task.png differ diff --git a/view/peko/activity/act-2023-qx/index.html b/view/peko/activity/act-2023-qx/index.html index 03d915b..203deb1 100644 --- a/view/peko/activity/act-2023-qx/index.html +++ b/view/peko/activity/act-2023-qx/index.html @@ -40,50 +40,49 @@
- -
-
- +
+ +
+
+
    +
  • + +

    飛上雲霄

    + 177 钻 +
  • +
  • + +

    情意捲軸

    + 377 钻 +
  • +
  • + +

    桃花灼灼

    + 1777 钻 +
  • +
  • + +

    花色漫漫

    + 2777 钻 +
  • +
  • + +

    相思鳥

    + 13140 钻 +
  • +
  • + +

    緣定今生

    + 27777 钻 +
  • +
+
+ +
+ +
- -
diff --git a/view/peko/activity/act-2023-qx/js/index.js b/view/peko/activity/act-2023-qx/js/index.js index 2975eba..3948925 100644 --- a/view/peko/activity/act-2023-qx/js/index.js +++ b/view/peko/activity/act-2023-qx/js/index.js @@ -47,6 +47,7 @@ $(function () { window.webkit.messageHandlers.closeWebView.postMessage(null) } }) + $('.blessingBag .blessingBag_in ul').css('animation', 'scrollLeft 3s linear infinite'); }, 100) }) })