chore: replace 'token' with power

2025-11-12 20:23:46 +08:00 · 2024-02-23 18:11:57 +08:00
parent 66c0d1b2f7
commit 668d4c9c64
11 changed files with 397 additions and 212 deletions
--- a/web/src/assets/css/member.styl
+++ b/web/src/assets/css/member.styl
@@ -0,0 +1,191 @@
+.member {
+  background-color: #282c34;
+  height 100vh
+
+  .el-dialog {
+    .el-dialog__body {
+      padding-top 10px
+
+      .pay-container {
+        .count-down {
+          display flex
+          justify-content center
+        }
+
+        .pay-qrcode {
+          display flex
+          justify-content center
+
+          .el-image {
+            width 360px;
+            height 360px;
+          }
+        }
+
+        .tip {
+          display flex
+          justify-content center
+
+          .el-icon {
+            font-size 24px
+          }
+
+          .text {
+            font-size: 16px
+            margin-left 10px
+          }
+        }
+
+        .tip.success {
+          color #07c160
+        }
+      }
+    }
+  }
+
+  .title {
+    text-align center
+    background-color #25272d
+    font-size 24px
+    color #ffffff
+    padding 10px
+    border-bottom 1px solid #3c3c3c
+  }
+
+  .inner {
+    color #ffffff
+    padding 15px 0 15px 15px;
+    overflow-x hidden
+    overflow-y visible
+
+    .user-profile {
+      padding 10px 20px 20px 20px
+      background-color #393F4A
+      color #ffffff
+      border-radius 10px
+      height 100vh
+
+      .el-form-item__label {
+        color #ffffff
+        justify-content start
+      }
+
+      .user-opt {
+        .el-col {
+          padding 10px
+
+          .el-button {
+            width 100%
+          }
+        }
+      }
+    }
+
+
+    .product-box {
+      .info {
+        .el-alert__description {
+          font-size 14px !important
+          margin 0
+        }
+        padding 10px 20px 20px 0
+      }
+
+      .list-box {
+        .product-item {
+          border 1px solid #666666
+          border-radius 6px
+          overflow hidden
+          cursor pointer
+          transition: all 0.3s ease; /* 添加过渡效果 */
+
+          .image-container {
+            display flex
+            justify-content center
+
+            .el-image {
+              padding 6px
+
+              .el-image__inner {
+                border-radius 10px
+              }
+            }
+          }
+
+          .product-title {
+            display flex
+            padding 10px
+
+            .name {
+              width 100%
+              text-align center
+              font-size 16px
+              font-weight bold
+              color #47fff1
+            }
+          }
+
+          .product-info {
+            padding 10px 20px
+            font-size 14px
+            color #999999
+
+            .info-line {
+              display flex
+              width 100%
+              padding 5px 0
+
+              .label {
+                display flex
+                width 100%
+              }
+
+              .price, .expire, calls {
+                display flex
+                width 90px
+                justify-content right
+              }
+
+              .price {
+                color #f56c6c
+              }
+
+              .expire {
+                color #409eff
+              }
+
+              .calls {
+                color #F2CB51
+              }
+            }
+
+
+            .pay-way {
+              padding 10px 0
+              display flex
+              justify-content: space-between
+
+              .iconfont {
+                margin-right 5px
+              }
+            }
+          }
+
+          &:hover {
+            box-shadow: 0 0 10px rgba(71, 255, 241, 0.6); /* 添加阴影效果 */
+            transform: translateY(-10px); /* 向上移动10像素 */
+          }
+        }
+      }
+
+      .headline {
+        padding 0 20px 20px 0
+      }
+
+      .user-order {
+        padding 0 20px 20px 0
+      }
+    }
+  }
+
+}