|
|
@@ -914,4 +914,41 @@ export default {
|
|
|
.menu-icon { font-size: 36rpx; margin-right: 16rpx; }
|
|
|
.menu-text { flex: 1; font-size: 28rpx; color: #333; }
|
|
|
.arrow { font-size: 32rpx; color: #ccc; }
|
|
|
+.badge {
|
|
|
+ background: #FF4D4F;
|
|
|
+ color: #fff;
|
|
|
+ font-size: 22rpx;
|
|
|
+ padding: 2rpx 12rpx;
|
|
|
+ border-radius: 20rpx;
|
|
|
+ margin-right: 12rpx;
|
|
|
+ min-width: 36rpx;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+.mall-section {
|
|
|
+ margin: 0 30rpx 20rpx;
|
|
|
+ background: #fff;
|
|
|
+ border-radius: 20rpx;
|
|
|
+ overflow: hidden;
|
|
|
+ box-shadow: 0 2rpx 12rpx rgba(0,0,0,0.06);
|
|
|
+}
|
|
|
+.mall-header {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+ padding: 24rpx 28rpx 16rpx;
|
|
|
+ border-bottom: 1rpx solid #f5f5f5;
|
|
|
+}
|
|
|
+.mall-title { font-size: 30rpx; font-weight: bold; color: #333; }
|
|
|
+.mall-more { font-size: 24rpx; color: #999; }
|
|
|
+.mall-grid { display: flex; padding: 20rpx 16rpx; }
|
|
|
+.mall-item {
|
|
|
+ flex: 1;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
+ gap: 8rpx;
|
|
|
+ padding: 16rpx 0;
|
|
|
+}
|
|
|
+.mall-item-num { font-size: 36rpx; font-weight: bold; color: #F97316; }
|
|
|
+.mall-item-label { font-size: 22rpx; color: #999; }
|
|
|
</style>
|
iwt