商品浏览页构建前最后一次更新

2026-08-02 00:21:54 +08:00
parent d37a93ab9e
commit e423ab2d73
146 changed files with 3449 additions and 1342 deletions
@@ -85,6 +85,175 @@
  color: var(--accent-pink);
 }

+/* 地址卡片 */
+.checkout-address-card {
+  padding: 24rpx;
+}
+
+.checkout-address-header {
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-justify-content: space-between;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  margin-bottom: 16rpx;
+}
+
+.address-change {
+  padding: 6rpx 16rpx;
+  border-radius: 8rpx;
+  background: rgba(91, 140, 255, 0.08);
+}
+
+.change-text {
+  font-size: 24rpx;
+  color: var(--accent-blue);
+}
+
+.checkout-address-body {
+  padding-top: 8rpx;
+}
+
+.addr-row {
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+      -ms-flex-align: center;
+          align-items: center;
+  gap: 16rpx;
+  margin-bottom: 8rpx;
+}
+
+.addr-name {
+  font-size: 28rpx;
+  font-weight: 700;
+  color: var(--text-primary);
+}
+
+.addr-phone {
+  font-size: 26rpx;
+  color: var(--text-secondary);
+}
+
+.addr-detail {
+  font-size: 26rpx;
+  color: var(--text-secondary);
+  line-height: 1.5;
+}
+
+.checkout-address-empty {
+  padding: 32rpx 0;
+  text-align: center;
+}
+
+.empty-text {
+  font-size: 26rpx;
+  color: var(--text-secondary);
+}
+
+/* 底部弹窗 — 地址选择（样式复用 app.scss 全局定义，移除非必要覆写） */
+.addr-picker-header {
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-justify-content: space-between;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+  margin-bottom: 20rpx;
+}
+
+.addr-picker-title {
+  font-size: 32rpx;
+  font-weight: 700;
+  color: var(--text-primary);
+}
+
+.addr-picker-close {
+  font-size: 28rpx;
+  color: var(--text-secondary);
+  padding: 8rpx;
+}
+
+.addr-picker-list {
+  -webkit-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+  overflow-y: auto;
+}
+
+.addr-picker-item {
+  padding: 20rpx 16rpx;
+  border-bottom: 1rpx dashed rgba(0, 0, 0, 0.05);
+}
+
+.addr-picker-item.active {
+  background: rgba(91, 140, 255, 0.06);
+  border-radius: 12rpx;
+}
+
+.addr-picker-row {
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+      -ms-flex-align: center;
+          align-items: center;
+  gap: 16rpx;
+  margin-bottom: 8rpx;
+}
+
+.addr-picker-name {
+  font-size: 28rpx;
+  font-weight: 700;
+  color: var(--text-primary);
+}
+
+.addr-picker-phone {
+  font-size: 26rpx;
+  color: var(--text-secondary);
+}
+
+.addr-picker-default {
+  font-size: 22rpx;
+  color: var(--accent-pink);
+  border: 1rpx solid var(--accent-pink);
+  padding: 2rpx 8rpx;
+  border-radius: 6rpx;
+}
+
+.addr-picker-detail {
+  font-size: 26rpx;
+  color: var(--text-secondary);
+}
+
+.addr-picker-empty {
+  padding: 40rpx;
+  text-align: center;
+  color: var(--text-secondary);
+  font-size: 28rpx;
+}
+
+.addr-picker-add {
+  margin-top: 16rpx;
+  padding: 20rpx;
+  text-align: center;
+  border: 2rpx dashed var(--accent-blue);
+  border-radius: 12rpx;
+}
+
+.addr-picker-add-text {
+  font-size: 28rpx;
+  color: var(--accent-blue);
+}
+
 /* 底部操作 */
 .checkout-actions {
  position: fixed;