From 62eaa2f0b278c1f6136e3af3dba911bd8071f818 Mon Sep 17 00:00:00 2001 From: WaitSpring Date: Thu, 12 Sep 2024 16:11:50 +0800 Subject: [PATCH] chore(ScrollUpButton-pagestyles): convert transform into SVG file --- .../ScrollUpButton-pagestyles/ScrollUpButton-pagestyles.css | 6 +++--- .../ScrollUpButton-pagestyles.less | 4 ++-- src/ScrollUpButton-pagestyles/images/scroll-button-down.svg | 1 + .../images/{scroll-button.svg => scroll-button-up.svg} | 0 4 files changed, 6 insertions(+), 5 deletions(-) create mode 100644 src/ScrollUpButton-pagestyles/images/scroll-button-down.svg rename src/ScrollUpButton-pagestyles/images/{scroll-button.svg => scroll-button-up.svg} (100%) diff --git a/dist/ScrollUpButton-pagestyles/ScrollUpButton-pagestyles.css b/dist/ScrollUpButton-pagestyles/ScrollUpButton-pagestyles.css index 7a085fbc6..23cd4e1f7 100644 --- a/dist/ScrollUpButton-pagestyles/ScrollUpButton-pagestyles.css +++ b/dist/ScrollUpButton-pagestyles/ScrollUpButton-pagestyles.css @@ -46,7 +46,6 @@ /* src/ScrollUpButton-pagestyles/ScrollUpButton-pagestyles.less */ .gadget-scroll_up_button { - content: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2250%22%20height%3D%2250%22%20viewBox%3D%220%200%2013.229%2013.229%22%3E%3Ccircle%20cx%3D%226.614%22%20cy%3D%226.614%22%20r%3D%225.957%22%20fill%3D%22%23fff%22%20stroke%3D%22%2336c%22%20stroke-width%3D%221.315%22%2F%3E%3Cpath%20fill%3D%22%2336c%22%20d%3D%22M5.866%2010.264h1.497V5.17l1.941%202.177%201.015-.89-3.674-3.81h-.061L2.91%206.456l1.027.89%201.93-2.177Z%22%2F%3E%3C%2Fsvg%3E); position: fixed; right: 8px; width: 32px; @@ -61,13 +60,14 @@ transition: none 0s ease 0s; } .gadget-scroll_up_button-down { + content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2250%22%20height%3D%2250%22%20viewBox%3D%220%200%2013.229%2013.229%22%3E%3Ccircle%20cx%3D%226.614%22%20cy%3D%22-6.614%22%20r%3D%225.957%22%20fill%3D%22%23fff%22%20stroke%3D%22%2336c%22%20stroke-width%3D%221.315%22%20transform%3D%22scale(1%20-1)%22%2F%3E%3Cpath%20fill%3D%22%2336c%22%20d%3D%22M5.867%202.964h1.497v5.094l1.94-2.177%201.016.89-3.674%203.81h-.061L2.91%206.773l1.027-.89%201.93%202.177z%22%2F%3E%3C%2Fsvg%3E"); bottom: 45px; - transform: rotate(180deg); } .gadget-scroll_up_button-up { + content: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2250%22%20height%3D%2250%22%20viewBox%3D%220%200%2013.229%2013.229%22%3E%3Ccircle%20cx%3D%226.614%22%20cy%3D%226.614%22%20r%3D%225.957%22%20fill%3D%22%23fff%22%20stroke%3D%22%2336c%22%20stroke-width%3D%221.315%22%2F%3E%3Cpath%20fill%3D%22%2336c%22%20d%3D%22M5.866%2010.264h1.497V5.17l1.941%202.177%201.015-.89-3.674-3.81h-.061L2.91%206.456l1.027.89%201.93-2.177Z%22%2F%3E%3C%2Fsvg%3E); bottom: 85px; } /* */ -/*# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsiLi4vLi4vc3JjL1Njcm9sbFVwQnV0dG9uLXBhZ2VzdHlsZXMvU2Nyb2xsVXBCdXR0b24tcGFnZXN0eWxlcy5sZXNzIl0sCiAgInNvdXJjZXNDb250ZW50IjogWyIuZ2FkZ2V0LXNjcm9sbF91cF9idXR0b24ge1xuICBjb250ZW50OiB1cmwoXCJkYXRhOmltYWdlL3N2Zyt4bWwsJTNDc3ZnJTIweG1sbnMlM0QlMjJodHRwJTNBJTJGJTJGd3d3LnczLm9yZyUyRjIwMDAlMkZzdmclMjIlMjB3aWR0aCUzRCUyMjUwJTIyJTIwaGVpZ2h0JTNEJTIyNTAlMjIlMjB2aWV3Qm94JTNEJTIyMCUyMDAlMjAxMy4yMjklMjAxMy4yMjklMjIlM0UlM0NjaXJjbGUlMjBjeCUzRCUyMjYuNjE0JTIyJTIwY3klM0QlMjI2LjYxNCUyMiUyMHIlM0QlMjI1Ljk1NyUyMiUyMGZpbGwlM0QlMjIlMjNmZmYlMjIlMjBzdHJva2UlM0QlMjIlMjMzNmMlMjIlMjBzdHJva2Utd2lkdGglM0QlMjIxLjMxNSUyMiUyRiUzRSUzQ3BhdGglMjBmaWxsJTNEJTIyJTIzMzZjJTIyJTIwZCUzRCUyMk01Ljg2NiUyMDEwLjI2NGgxLjQ5N1Y1LjE3bDEuOTQxJTIwMi4xNzclMjAxLjAxNS0uODktMy42NzQtMy44MWgtLjA2MUwyLjkxJTIwNi40NTZsMS4wMjcuODklMjAxLjkzLTIuMTc3WiUyMiUyRiUzRSUzQyUyRnN2ZyUzRVwiKTtcbiAgcG9zaXRpb246IGZpeGVkO1xuICByaWdodDogOHB4O1xuICB3aWR0aDogMzJweDtcbiAgaGVpZ2h0OiAzMnB4O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIG9wYWNpdHk6IDAuNztcbiAgLXdlYmtpdC11c2VyLXNlbGVjdDogbm9uZTtcbiAgICAgLW1vei11c2VyLXNlbGVjdDogbm9uZTtcbiAgICAgICAgICB1c2VyLXNlbGVjdDogbm9uZTtcbn1cbi5jbGllbnQtZGFya21vZGUgLmdhZGdldC1zY3JvbGxfdXBfYnV0dG9uIHtcbiAgdHJhbnNpdGlvbjogbm9uZSAwcyBlYXNlIDBzO1xufVxuLmdhZGdldC1zY3JvbGxfdXBfYnV0dG9uLWRvd24ge1xuICBib3R0b206IDQ1cHg7XG4gIHRyYW5zZm9ybTogcm90YXRlKDE4MGRlZyk7XG59XG4uZ2FkZ2V0LXNjcm9sbF91cF9idXR0b24tdXAge1xuICBib3R0b206IDg1cHg7XG59XG4iXSwKICAibWFwcGluZ3MiOiAiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLENBQUM7QUFDQyxXQUFTO0FBQ1QsWUFBVTtBQUNWLFNBQU87QUFDUCxTQUFPO0FBQ1AsVUFBUTtBQUNSLFVBQVE7QUFDUixXQUFTO0FBQ1QsdUJBQXFCO0FBQ2xCLG9CQUFrQjtBQUNiLGVBQWE7QUFDdkI7QUFDQSxDQUFDLGdCQUFnQixDQVpoQjtBQWFDLGNBQVksS0FBSyxHQUFHLEtBQUs7QUFDM0I7QUFDQSxDQUFDO0FBQ0MsVUFBUTtBQUNSLGFBQVcsT0FBTztBQUNwQjtBQUNBLENBQUM7QUFDQyxVQUFRO0FBQ1Y7IiwKICAibmFtZXMiOiBbXQp9Cg== */ +/*# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsiLi4vLi4vc3JjL1Njcm9sbFVwQnV0dG9uLXBhZ2VzdHlsZXMvU2Nyb2xsVXBCdXR0b24tcGFnZXN0eWxlcy5sZXNzIl0sCiAgInNvdXJjZXNDb250ZW50IjogWyIuZ2FkZ2V0LXNjcm9sbF91cF9idXR0b24ge1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHJpZ2h0OiA4cHg7XG4gIHdpZHRoOiAzMnB4O1xuICBoZWlnaHQ6IDMycHg7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgb3BhY2l0eTogMC43O1xuICAtd2Via2l0LXVzZXItc2VsZWN0OiBub25lO1xuICAgICAtbW96LXVzZXItc2VsZWN0OiBub25lO1xuICAgICAgICAgIHVzZXItc2VsZWN0OiBub25lO1xufVxuLmNsaWVudC1kYXJrbW9kZSAuZ2FkZ2V0LXNjcm9sbF91cF9idXR0b24ge1xuICB0cmFuc2l0aW9uOiBub25lIDBzIGVhc2UgMHM7XG59XG4uZ2FkZ2V0LXNjcm9sbF91cF9idXR0b24tZG93biB7XG4gIGNvbnRlbnQ6IHVybChcImRhdGE6aW1hZ2Uvc3ZnK3htbCwlM0NzdmclMjB4bWxucyUzRCUyMmh0dHAlM0ElMkYlMkZ3d3cudzMub3JnJTJGMjAwMCUyRnN2ZyUyMiUyMHdpZHRoJTNEJTIyNTAlMjIlMjBoZWlnaHQlM0QlMjI1MCUyMiUyMHZpZXdCb3glM0QlMjIwJTIwMCUyMDEzLjIyOSUyMDEzLjIyOSUyMiUzRSUzQ2NpcmNsZSUyMGN4JTNEJTIyNi42MTQlMjIlMjBjeSUzRCUyMi02LjYxNCUyMiUyMHIlM0QlMjI1Ljk1NyUyMiUyMGZpbGwlM0QlMjIlMjNmZmYlMjIlMjBzdHJva2UlM0QlMjIlMjMzNmMlMjIlMjBzdHJva2Utd2lkdGglM0QlMjIxLjMxNSUyMiUyMHRyYW5zZm9ybSUzRCUyMnNjYWxlKDElMjAtMSklMjIlMkYlM0UlM0NwYXRoJTIwZmlsbCUzRCUyMiUyMzM2YyUyMiUyMGQlM0QlMjJNNS44NjclMjAyLjk2NGgxLjQ5N3Y1LjA5NGwxLjk0LTIuMTc3JTIwMS4wMTYuODktMy42NzQlMjAzLjgxaC0uMDYxTDIuOTElMjA2Ljc3M2wxLjAyNy0uODklMjAxLjkzJTIwMi4xNzd6JTIyJTJGJTNFJTNDJTJGc3ZnJTNFXCIpO1xuICBib3R0b206IDQ1cHg7XG59XG4uZ2FkZ2V0LXNjcm9sbF91cF9idXR0b24tdXAge1xuICBjb250ZW50OiB1cmwoXCJkYXRhOmltYWdlL3N2Zyt4bWwsJTNDc3ZnJTIweG1sbnMlM0QlMjJodHRwJTNBJTJGJTJGd3d3LnczLm9yZyUyRjIwMDAlMkZzdmclMjIlMjB3aWR0aCUzRCUyMjUwJTIyJTIwaGVpZ2h0JTNEJTIyNTAlMjIlMjB2aWV3Qm94JTNEJTIyMCUyMDAlMjAxMy4yMjklMjAxMy4yMjklMjIlM0UlM0NjaXJjbGUlMjBjeCUzRCUyMjYuNjE0JTIyJTIwY3klM0QlMjI2LjYxNCUyMiUyMHIlM0QlMjI1Ljk1NyUyMiUyMGZpbGwlM0QlMjIlMjNmZmYlMjIlMjBzdHJva2UlM0QlMjIlMjMzNmMlMjIlMjBzdHJva2Utd2lkdGglM0QlMjIxLjMxNSUyMiUyRiUzRSUzQ3BhdGglMjBmaWxsJTNEJTIyJTIzMzZjJTIyJTIwZCUzRCUyMk01Ljg2NiUyMDEwLjI2NGgxLjQ5N1Y1LjE3bDEuOTQxJTIwMi4xNzclMjAxLjAxNS0uODktMy42NzQtMy44MWgtLjA2MUwyLjkxJTIwNi40NTZsMS4wMjcuODklMjAxLjkzLTIuMTc3WiUyMiUyRiUzRSUzQyUyRnN2ZyUzRVwiKTtcbiAgYm90dG9tOiA4NXB4O1xufVxuIl0sCiAgIm1hcHBpbmdzIjogIjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxDQUFDO0FBQ0MsWUFBVTtBQUNWLFNBQU87QUFDUCxTQUFPO0FBQ1AsVUFBUTtBQUNSLFVBQVE7QUFDUixXQUFTO0FBQ1QsdUJBQXFCO0FBQ2xCLG9CQUFrQjtBQUNiLGVBQWE7QUFDdkI7QUFDQSxDQUFDLGdCQUFnQixDQVhoQjtBQVlDLGNBQVksS0FBSyxHQUFHLEtBQUs7QUFDM0I7QUFDQSxDQUFDO0FBQ0MsV0FBUztBQUNULFVBQVE7QUFDVjtBQUNBLENBQUM7QUFDQyxXQUFTO0FBQ1QsVUFBUTtBQUNWOyIsCiAgIm5hbWVzIjogW10KfQo= */ diff --git a/src/ScrollUpButton-pagestyles/ScrollUpButton-pagestyles.less b/src/ScrollUpButton-pagestyles/ScrollUpButton-pagestyles.less index c2578f8cc..48046f595 100644 --- a/src/ScrollUpButton-pagestyles/ScrollUpButton-pagestyles.less +++ b/src/ScrollUpButton-pagestyles/ScrollUpButton-pagestyles.less @@ -1,5 +1,4 @@ .gadget-scroll_up_button { - content: data-uri('./images/scroll-button.svg'); position: fixed; right: 8px; width: 32px; @@ -13,11 +12,12 @@ } &-down { + content: data-uri('./images/scroll-button-down.svg'); bottom: 45px; - transform: rotate(180deg); } &-up { + content: data-uri('./images/scroll-button-up.svg'); bottom: 85px; } } diff --git a/src/ScrollUpButton-pagestyles/images/scroll-button-down.svg b/src/ScrollUpButton-pagestyles/images/scroll-button-down.svg new file mode 100644 index 000000000..cc601c3fd --- /dev/null +++ b/src/ScrollUpButton-pagestyles/images/scroll-button-down.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/ScrollUpButton-pagestyles/images/scroll-button.svg b/src/ScrollUpButton-pagestyles/images/scroll-button-up.svg similarity index 100% rename from src/ScrollUpButton-pagestyles/images/scroll-button.svg rename to src/ScrollUpButton-pagestyles/images/scroll-button-up.svg