diff --git a/pages/evaluate2/index.wxml b/pages/evaluate2/index.wxml index afff504..9946d31 100644 --- a/pages/evaluate2/index.wxml +++ b/pages/evaluate2/index.wxml @@ -38,32 +38,29 @@ - - - 可用规格 - {{specifications.length}}个 - - - - + + + 可用规格 + {{specifications.length}}个 + + + {{item.name}} + - - + + + + + 暂无更多规格选择 - - - - 暂无更多规格选择 - - diff --git a/pages/evaluate2/index.wxss b/pages/evaluate2/index.wxss index 1e117b3..6881344 100644 --- a/pages/evaluate2/index.wxss +++ b/pages/evaluate2/index.wxss @@ -232,32 +232,32 @@ border-radius: 20rpx; } -/* 规格网格布局 */ -.spec-grid { - display: grid; - grid-template-columns: repeat(3, 1fr); - gap: 20rpx; +/* 规格列表布局 */ +.spec-list { margin-top: 16rpx; + display: flex; + flex-direction: column; + gap: 16rpx; } -/* 规格卡片 */ -.spec-card { +/* 规格项 */ +.spec-item { background: rgba(255, 255, 255, 0.95); border-radius: 20rpx; padding: 32rpx 24rpx; - box-shadow: 0 6rpx 20rpx rgba(0,0,0,0.08); + box-shadow: 0 4rpx 16rpx rgba(0,0,0,0.08); transition: all 0.3s ease; cursor: pointer; position: relative; overflow: hidden; backdrop-filter: blur(8rpx); border: 1rpx solid rgba(255, 255, 255, 0.3); - min-height: 200rpx; display: flex; - flex-direction: column; + align-items: center; + justify-content: space-between; } -.spec-card::before { +.spec-item::before { content: ''; position: absolute; top: 0; @@ -267,22 +267,15 @@ background: linear-gradient(180deg, #60a5fa 0%, #3b82f6 100%); } -.spec-card:hover { - transform: translateY(-6rpx); - box-shadow: 0 12rpx 32rpx rgba(0,0,0,0.15); +.spec-item:hover { + transform: translateY(-4rpx); + box-shadow: 0 8rpx 24rpx rgba(0,0,0,0.12); background: rgba(255, 255, 255, 1); } -.spec-card:active { +.spec-item:active { transform: translateY(-2rpx); - box-shadow: 0 8rpx 24rpx rgba(0,0,0,0.12); -} - -.spec-info { - margin-bottom: 20rpx; - flex: 1; - display: flex; - align-items: center; + box-shadow: 0 6rpx 20rpx rgba(0,0,0,0.1); } .spec-name { @@ -291,36 +284,11 @@ color: #2c3e50; line-height: 1.4; word-break: break-word; + flex: 1; padding-right: 40rpx; } -.spec-price { - display: flex; - flex-direction: column; - margin-top: 16rpx; -} - -.price-label { - font-size: 20rpx; - color: #999; - margin-bottom: 4rpx; -} - -.price-value { - font-size: 36rpx; - font-weight: 700; - color: #e74c3c; - transition: all 0.3s ease; -} - -.spec-card:hover .price-value { - transform: scale(1.05); -} - .spec-arrow { - position: absolute; - top: 32rpx; - right: 28rpx; font-size: 32rpx; color: #4a90e2; font-weight: bold; @@ -328,7 +296,7 @@ transition: all 0.3s ease; } -.spec-card:hover .spec-arrow { +.spec-item:hover .spec-arrow { opacity: 1; transform: translateX(4rpx); } diff --git a/pages/evaluate2/product-list.wxml b/pages/evaluate2/product-list.wxml index b85fc11..ecc446d 100644 --- a/pages/evaluate2/product-list.wxml +++ b/pages/evaluate2/product-list.wxml @@ -15,15 +15,17 @@ 正在加载商品数据... - - - ⚠️ - {{error}} - - - - - + + + + + ⚠️ + {{error}} + + + + + 当前分类: @@ -68,5 +70,6 @@ 暂无更多商品选择 + \ No newline at end of file