新的翻页箭头；测试流水线

mokeyjay · Nov 12, 2023 · 2304cb9 · 2304cb9
1 parent ae32b48
commit 2304cb9
Show file tree

Hide file tree

Showing 2 changed files with 36 additions and 43 deletions.
diff --git a/.github/workflows/develop.yml b/.github/workflows/develop.yml
@@ -12,35 +12,35 @@ jobs:
     steps:
       # https://github.com/actions/checkout
       - name: 拉取代码
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
         with:
           ref: develop
 
       # https://github.com/docker/login-action
       - name: 登录到 Docker hub
-        uses: docker/login-action@v2
+        uses: docker/login-action@v3
         with:
           username: ${{ secrets.DOCKERHUB_USERNAME }}
           password: ${{ secrets.DOCKERHUB_TOKEN }}
 
       # https://github.com/docker/metadata-action
       - name: 提取事件元数据
         id: meta
-        uses: docker/metadata-action@v4
+        uses: docker/metadata-action@v5
         with:
           images: mokeyjay/pixiv-daily-ranking-widget
 
       # https://github.com/docker/setup-buildx-action
       - name: 使用 buildx 作为构建器
-        uses: docker/setup-buildx-action@v2
+        uses: docker/setup-buildx-action@v3
 
       # https://github.com/docker/build-push-action
       - name: 构建并推送
-        uses: docker/build-push-action@v3
+        uses: docker/build-push-action@v5
         with:
           context: .
           file: docker/Dockerfile
           push: true
-          tags: mokeyjay/pixiv-daily-ranking-widget:develop
+          tags: ${{ steps.meta.outputs.tags }}
           platforms: linux/amd64,linux/arm64
-          cache-from: type=registry,ref=mokeyjay/pixiv-daily-ranking-widget:latest
+          cache-from: mokeyjay/pixiv-daily-ranking-widget:latest
diff --git a/app/Views/index.php b/app/Views/index.php
@@ -59,43 +59,46 @@
                   transform .5s;
       opacity: 0;
     }
-    .button.left {
+    .button.prev {
       left: -70px;
     }
-    .button.right {
+    .button.next {
       right: -70px;
     }
     body:hover .button { opacity: 1; }
-    body:hover .button.left { transform: translateX(70px); }
-    body:hover .button.right { transform: translateX(-70px); }
-
-    /* 左右翻页箭头 */
-    .arrow {
-      transform: rotate(45deg);
-      border: 4px solid white;
-      border-radius: 2px;
+    body:hover .button.prev { transform: translateX(70px); }
+    body:hover .button.next { transform: translateX(-70px); }
+    /* 左右箭头 */
+    .button i {
+      position: relative;
+      display: block;
+      width: 30px;
+      height: 30px;
+    }
+    .button i::before, .button i::after {
+      display: block;
+      content: " ";
       width: 16px;
       height: 16px;
+      border: 4px solid white;
+      border-radius: 2px;
       position: absolute;
-      top: 0;
-      left: 0;
+      border-bottom: none;
+      border-left: none;
+      transform: rotate(45deg);
     }
-    .arrow.shadow {
+    .button i::before {
       border-color: #777;
       filter: blur(2px);
-      box-shadow: none !important;
     }
-    .arrow.left {
-      border-top: none;
-      border-right: none;
-      left: -8px;
-    }
-    .arrow.right {
-      border-bottom: none;
-      border-left: none;
-      transform: rotate(45deg);
-      left: -12px;
+    .button.prev i::before, .button.prev i::after {
+      transform: rotate(225deg);
+      left: 10px;
     }
+    /*.button.prev i::before, .button.prev i::after {*/
+    /*  border-top: none;*/
+    /*  border-right: none;*/
+    /*}*/
 
     /* 阴影遮罩层 */
     .mask {
@@ -164,18 +167,8 @@
     <?php endforeach; ?>
   </ul>
 
-  <div id="left-btn" class="button left" onclick="switchPage('left')">
-    <div style="position: relative">
-      <div class="arrow left shadow"></div>
-      <div class="arrow left"></div>
-    </div>
-  </div>
-  <div id="right-btn" class="button right" onclick="nextPage()">
-    <div style="position: relative">
-      <div class="arrow right shadow"></div>
-      <div class="arrow right"></div>
-    </div>
-  </div>
+  <div class="button prev" onclick="switchPage('left')"><i></i></div>
+  <div class="button next" onclick="nextPage()"><i></i></div>
 </div>
 
 <script>