feat: update of partner

2025-05-15 01:02:00 +08:00
parent 7aafc3a789
commit d2ac64f20c
52 changed files with 1435 additions and 265 deletions
--- a/src/components/partner-kanban/index.less
+++ b/src/components/partner-kanban/index.less
@ -0,0 +1,174 @@
+@import '@/styles/variables.less';
+@import '@/styles/common.less';
+
+.partner-kanban {
+  border-radius: 16px;
+  margin-bottom: 24px;
+  position: relative;
+  background: #6d3df5;
+  color: #fff;
+
+  &__simple {
+  }
+
+  &__bg {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    border-radius: 16px;
+    height: 100%;
+  }
+
+  &__content {
+    position: relative;
+    min-height: 280px;
+    box-sizing: border-box;
+    padding: 36px 40px;
+    z-index: 1;
+  }
+
+  &__button {
+    position: absolute;
+    z-index: 2;
+    top: 44px;
+    right: 56px;
+    font-size: 24px;
+    line-height: 24px;
+    &-image {
+      width: 20px;
+      height: 20px;
+      display: inline-block;
+      margin-left: 4px;
+    }
+  }
+  &__title {
+    font-style: normal;
+    font-weight: 400;
+    letter-spacing: 0.02em;
+    opacity: 0.7;
+  }
+  &__money {
+    font-family: 'Helvetica Neue';
+    font-style: normal;
+    font-weight: 700;
+  }
+  &__total {
+    margin-bottom: 24px;
+    .partner-kanban {
+      &__title {
+        font-size: 26px;
+        line-height: 40px;
+        margin-bottom: 12px;
+      }
+      &__money {
+        font-size: 48px;
+        line-height: 42px;
+      }
+    }
+  }
+  &__details {
+    .flex-row();
+    &-part {
+      flex: 1;
+
+      .partner-kanban {
+        &__title {
+          font-size: 24px;
+          line-height: 36px;
+          margin-bottom: 4px;
+        }
+        &__money {
+          font-size: 32px;
+          line-height: 42px;
+        }
+      }
+    }
+  }
+  &__buttons {
+    margin-top: 30px;
+    .flex-row();
+    gap: 24px;
+  }
+
+  &__withdraw {
+    .button(@height: 72px; @borderRadius: 8px; @highlight: 0);
+    background: #fff;
+    flex: 1;
+  }
+
+  &__record {
+    .button(@height: 72px; @borderRadius: 8px; @highlight: 1);
+    background: #b6bef4;
+    flex: 1;
+  }
+
+  &-tip-dialog {
+    &__container {
+      .flex-column();
+    }
+
+    &__title {
+      font-size: 28px;
+      line-height: 42px;
+      color: #000;
+    }
+
+    &__confirm-button {
+      .button(@width: 360px, @height: 72px, @fontSize: 28px, @fontWeight: 400, @borderRadius: 44px);
+      margin-top: 40px;
+    }
+  }
+
+  &-withdraw-dialog {
+    &__container {
+      .flex-column();
+      color: @blColor;
+    }
+
+    &__title {
+      font-weight: 500;
+      font-size: 36px;
+      line-height: 57px;
+      text-align: center;
+      margin-bottom: 32px;
+    }
+
+    &__count {
+      font-weight: 500;
+      font-size: 80px;
+      line-height: 57px;
+      text-align: center;
+      margin-bottom: 38px;
+
+      .yuan {
+        display: inline-block;
+        margin-left: 8px;
+        font-size: 28px;
+        font-weight: 500;
+      }
+    }
+    &__hint {
+      font-weight: 500;
+      font-size: 24px;
+      line-height: 36px;
+      text-align: center;
+      color: @blColorG1;
+      margin-bottom: 40px;
+    }
+    &__confirm-button {
+      .button(@width: 360px, @height: 72px, @fontSize: 28px, @fontWeight: 400, @borderRadius: 44px);
+      margin-bottom: 40px;
+    }
+
+    &__cancel-button {
+      width: 204px;
+      height: 39px;
+      text-align: center;
+      font-weight: 400;
+      font-size: 28px;
+      line-height: 39px;
+      color: @blHighlightColor;
+    }
+  }
+}