登录页面

2026-07-12 15:17:54 +08:00
parent becf91da52
commit bfac6c6663
63 changed files with 4662 additions and 431 deletions
@@ -0,0 +1,107 @@
+/* 地址管理 */
+.address-page {
+  background: var(--color-background);
+  min-height: 100vh;
+}
+
+.address-item {
+  background: var(--color-card);
+  border-radius: var(--radius-lg);
+  margin: 12px var(--space-page);
+  padding: 16px;
+  box-shadow: var(--shadow-card);
+}
+
+.address-item-head {
+  display: flex;
+  align-items: center;
+  margin-bottom: 8px;
+}
+
+.address-item-name {
+  font-size: 15px;
+  font-weight: 700;
+  margin-right: 10px;
+}
+
+.address-item-phone {
+  font-size: 14px;
+  color: var(--color-on-surface-variant);
+}
+
+.address-default-tag {
+  margin-left: auto;
+  padding: 2px 8px;
+  border-radius: 999px;
+  background: rgba(166, 29, 36, 0.08);
+  color: var(--color-heritage-red);
+  font-size: 11px;
+}
+
+.address-item-detail {
+  display: block;
+  font-size: 13px;
+  color: var(--color-on-surface-variant);
+  line-height: 1.5;
+  margin-bottom: 12px;
+}
+
+.address-item-actions {
+  display: flex;
+  justify-content: flex-end;
+}
+
+.address-action {
+  font-size: 13px;
+  color: var(--color-heritage-red);
+  margin-left: 16px;
+}
+
+.address-fab {
+  position: fixed;
+  left: 16px;
+  right: 16px;
+  bottom: calc(16px + env(safe-area-inset-bottom, 0px));
+  height: 48px;
+  border-radius: 999px;
+  background: var(--color-heritage-red);
+  color: #fff;
+  font-size: 16px;
+  font-weight: 700;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.address-form-field {
+  margin: 0 var(--space-page) 12px;
+}
+
+.address-form-label {
+  display: block;
+  font-size: 13px;
+  color: var(--color-on-surface-variant);
+  margin-bottom: 6px;
+}
+
+.address-form-input {
+  width: 100%;
+  height: 48px;
+  padding: 0 14px;
+  border-radius: var(--radius-md);
+  background: var(--color-card);
+  box-shadow: var(--shadow-card);
+  font-size: 15px;
+  box-sizing: border-box;
+}
+
+.address-form-textarea {
+  width: 100%;
+  min-height: 88px;
+  padding: 12px 14px;
+  border-radius: var(--radius-md);
+  background: var(--color-card);
+  box-shadow: var(--shadow-card);
+  font-size: 15px;
+  box-sizing: border-box;
+}