caixianzhi pc接口修改完成

2026-06-08 17:31:30 +08:00
parent 3a2081f395
commit 7f7fd61ec0
10 changed files with 1737 additions and 12 deletions
@@ -1,3 +1,214 @@
+.wechatBindCard {
+  width: fit-content;
+  max-width: 100%;
+  margin-top: 8px;
+  padding: 0;
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  background: transparent;
+  border: 0;
+  border-radius: 0;
+  box-shadow: none;
+}
+
+.uc-profile-card + .wechatBindCard {
+  display: none;
+}
+
+.wechatBindTop {
+  display: flex;
+  align-items: center;
+  gap: 7px;
+  min-height: 32px;
+  padding: 3px 10px 3px 4px;
+  border: 1px solid rgba(7, 193, 96, 0.18);
+  border-radius: 999px;
+  background: rgba(7, 193, 96, 0.07);
+}
+
+.wechatBindIconBox {
+  width: 30px;
+  height: 30px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  background: transparent;
+  flex-shrink: 0;
+}
+
+.wechatBindIcon {
+  width: 30px;
+  height: 30px;
+  object-fit: contain;
+}
+
+.wechatBindInfo {
+  min-width: 0;
+  flex: 1;
+}
+
+.wechatBindTitle {
+  display: none;
+}
+
+.wechatBindDesc {
+  margin-top: 0;
+  font-size: 12px;
+  font-weight: 600;
+  color: #166534;
+  line-height: 1;
+}
+
+.wechatBindStateDot {
+  width: 7px;
+  height: 7px;
+  border-radius: 50%;
+  background: #f59e0b;
+}
+
+.wechatBindCard.is-bound .wechatBindStateDot,
+.wechatBindCard.is-ready .wechatBindStateDot {
+  background: #07c160;
+}
+
+.wechatBindLine {
+  display: none;
+}
+
+.wechatBindButton,
+.wechatBindSubmit,
+.wechatBindCodeBox button {
+  border: 0;
+  cursor: pointer;
+  font-weight: 700;
+}
+
+.wechatBindButton {
+  min-height: 26px;
+  padding: 0 10px;
+  border-radius: 13px;
+  color: #fff;
+  background: #07c160;
+  font-size: 12px;
+}
+
+.wechatBindButton:disabled {
+  cursor: not-allowed;
+  opacity: 0.65;
+}
+
+.wechatBindButton.is-bound {
+  display: none;
+}
+
+#mask-layer {
+  display: none;
+  position: fixed;
+  inset: 0;
+  z-index: 998;
+  background: rgba(15, 23, 42, 0.42);
+}
+
+#wechat-bind-popup {
+  display: none;
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  z-index: 999;
+  width: min(420px, calc(100vw - 32px));
+  transform: translate(-50%, -50%);
+  background: #fff;
+  border-radius: 8px;
+  box-shadow: 0 24px 70px rgba(15, 23, 42, 0.24);
+  overflow: hidden;
+}
+
+.wechatBindPopupHeader {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 20px 22px;
+  border-bottom: 1px solid var(--border-light);
+}
+
+.wechatBindPopupTitle {
+  font-size: 18px;
+  font-weight: 800;
+  color: var(--text-dark);
+}
+
+.wechatBindPopupSub {
+  margin-top: 4px;
+  font-size: 12px;
+  color: var(--text-muted);
+}
+
+.wechatBindPopupBody {
+  padding: 22px;
+}
+
+.wechatBindFormRow {
+  margin-bottom: 15px;
+}
+
+.wechatBindFormRow label {
+  display: block;
+  margin-bottom: 7px;
+  font-size: 13px;
+  font-weight: 700;
+  color: var(--text-dark);
+}
+
+.wechatBindFormRow input,
+.wechatBindCodeBox input {
+  width: 100%;
+  height: 40px;
+  padding: 0 12px;
+  border: 1px solid var(--border-light);
+  border-radius: 6px;
+  outline: none;
+}
+
+.wechatBindFormRow input:focus,
+.wechatBindCodeBox input:focus {
+  border-color: #07c160;
+}
+
+.wechatBindCodeBox {
+  display: flex;
+  gap: 10px;
+}
+
+.wechatBindCodeBox button {
+  width: 112px;
+  border-radius: 6px;
+  color: #fff;
+  background: var(--primary);
+  flex-shrink: 0;
+}
+
+.wechatBindTip {
+  margin: 4px 0 16px;
+  font-size: 12px;
+  line-height: 1.6;
+  color: var(--text-muted);
+}
+
+.wechatBindSubmit {
+  width: 100%;
+  min-height: 42px;
+  border-radius: 21px;
+  color: #fff;
+  background: #07c160;
+}
+
+.popup-close {
+  cursor: pointer;
+  color: var(--text-muted);
+}
+
 /* ============================================================
   usercenter.css - 用户中心页 (usercenter.html)
   Comprehensive styles with responsive breakpoints