first commit

2026-09-11 01:45:04 +08:00
commit 0a8d60d87f
145 changed files with 40978 additions and 0 deletions
@@ -0,0 +1,330 @@
+.mall-page {
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+}
+
+.scroll-body {
+  flex: 1;
+  height: 0;
+}
+
+/* 会员卡 */
+.member-card {
+  margin: 24rpx;
+  background: #E8F2FF;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.member-left {
+  display: flex;
+  align-items: center;
+}
+
+.member-icon {
+  width: 72rpx;
+  height: 72rpx;
+  color: #007AFF;
+  margin-right: 24rpx;
+}
+
+.member-name {
+  font-size: 32rpx;
+  font-weight: 600;
+  color: #007AFF;
+}
+
+.member-desc {
+  font-size: 24rpx;
+  color: #8E8E93;
+  margin-top: 8rpx;
+}
+
+.member-btn {
+  height: 64rpx;
+  padding: 0 32rpx;
+  border: 1rpx solid #007AFF;
+  border-radius: 32rpx;
+  color: #007AFF;
+  font-size: 24rpx;
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+}
+
+/* 额度网格 */
+.quota-grid {
+  display: flex;
+  flex-wrap: wrap;
+  padding: 0 24rpx;
+  gap: 20rpx;
+}
+
+.quota-cell {
+  width: calc(50% - 10rpx);
+  background: #fff;
+  border-radius: 24rpx;
+  padding: 24rpx;
+  box-sizing: border-box;
+}
+
+.quota-name {
+  font-size: 24rpx;
+  color: #8E8E93;
+}
+
+.quota-num {
+  font-size: 48rpx;
+  font-weight: 700;
+  color: #000;
+  margin-top: 8rpx;
+}
+
+.quota-total {
+  font-size: 24rpx;
+  color: #C7C7CC;
+  font-weight: 400;
+}
+
+.quota-bar {
+  height: 10rpx;
+  background: #F2F2F7;
+  border-radius: 5rpx;
+  margin-top: 16rpx;
+  overflow: hidden;
+}
+
+.quota-fill {
+  height: 100%;
+  background: #007AFF;
+  border-radius: 5rpx;
+}
+
+.quota-fill.warn {
+  background: #FF9500;
+}
+
+.flow-entry {
+  margin: 24rpx;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 28rpx;
+  color: #000;
+}
+
+.flow-entry .icon {
+  width: 28rpx;
+  height: 28rpx;
+  color: #C7C7CC;
+}
+
+/* 商品筛选 */
+.goods-filter {
+  background: #fff;
+  white-space: nowrap;
+  margin-bottom: 20rpx;
+}
+
+.filter-row {
+  display: inline-flex;
+  padding: 20rpx 24rpx;
+}
+
+.filter-item {
+  flex-shrink: 0;
+  padding: 0 28rpx;
+  height: 56rpx;
+  line-height: 56rpx;
+  border-radius: 28rpx;
+  font-size: 24rpx;
+  color: #3C3C43;
+  background: #F2F2F7;
+  margin-right: 16rpx;
+}
+
+.filter-item.active {
+  background: #007AFF;
+  color: #fff;
+}
+
+/* 商品列表 */
+.goods-list {
+  padding: 0 24rpx;
+}
+
+.goods-card {
+  display: flex;
+  align-items: center;
+  margin-bottom: 20rpx;
+  padding: 24rpx;
+}
+
+.goods-icon {
+  width: 72rpx;
+  height: 72rpx;
+  color: #007AFF;
+  margin-right: 20rpx;
+  flex-shrink: 0;
+}
+
+.goods-info {
+  flex: 1;
+  min-width: 0;
+}
+
+.goods-name {
+  font-size: 30rpx;
+  font-weight: 600;
+  color: #000;
+}
+
+.goods-desc {
+  font-size: 24rpx;
+  color: #8E8E93;
+  margin-top: 6rpx;
+}
+
+.goods-right {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  flex-shrink: 0;
+}
+
+.goods-price {
+  font-size: 30rpx;
+  font-weight: 700;
+  color: #007AFF;
+}
+
+.goods-origin {
+  font-size: 22rpx;
+  color: #C7C7CC;
+  text-decoration: line-through;
+}
+
+.buy-btn {
+  margin-top: 12rpx;
+  height: 56rpx;
+  padding: 0 32rpx;
+  border-radius: 28rpx;
+  background: #007AFF;
+  color: #fff;
+  font-size: 24rpx;
+  display: flex;
+  align-items: center;
+}
+
+.footer-space {
+  height: 40rpx;
+}
+
+/* 额度明细视图 */
+.flow-head {
+  padding: 24rpx;
+  font-size: 26rpx;
+  color: #007AFF;
+}
+
+.flow-list {
+  padding: 0 24rpx;
+}
+
+.flow-row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 16rpx;
+  padding: 24rpx;
+}
+
+.flow-reason {
+  font-size: 28rpx;
+  color: #000;
+}
+
+.flow-time {
+  font-size: 22rpx;
+  color: #C7C7CC;
+  margin-top: 8rpx;
+}
+
+.flow-right {
+  text-align: right;
+}
+
+.flow-num {
+  font-size: 32rpx;
+  font-weight: 600;
+  color: #8E8E93;
+}
+
+.flow-num.plus {
+  color: #34C759;
+}
+
+.flow-after {
+  font-size: 22rpx;
+  color: #C7C7CC;
+  margin-top: 4rpx;
+}
+
+/* 订单弹窗 */
+.mask {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.4);
+  z-index: 200;
+}
+
+.sheet {
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: #fff;
+  border-radius: 32rpx 32rpx 0 0;
+  padding: 20rpx 32rpx;
+  padding-bottom: calc(32rpx + env(safe-area-inset-bottom));
+}
+
+.sheet-grabber {
+  width: 72rpx;
+  height: 10rpx;
+  border-radius: 5rpx;
+  background: #E5E5EA;
+  margin: 0 auto 24rpx;
+}
+
+.order-goods {
+  font-size: 34rpx;
+  font-weight: 600;
+  color: #000;
+  text-align: center;
+}
+
+.order-desc {
+  font-size: 24rpx;
+  color: #8E8E93;
+  text-align: center;
+  margin-top: 12rpx;
+}
+
+.order-amount {
+  font-size: 28rpx;
+  color: #000;
+  text-align: center;
+  margin: 32rpx 0;
+}
+
+.order-price {
+  font-size: 44rpx;
+  font-weight: 700;
+  color: #FF9500;
+}