XingQue/xingque
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

restore: 恢复橙色逍遥梦UI版本(2ea2860)到主分支

Browse Source 
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
XingQue
2026-07-09 00:17:03 +08:00
parent 267de7c780
commit 566aeaa3b7
228 changed files with 22076 additions and 11864 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
pages/category/category.js
View File

@@ -1,6 +1,7 @@
// pages/category/category.js
const app = getApp()
import { createPage } from '../../utils/base-page.js';
import { buildClubHeaders } from '../../utils/club-context.js';
Page(createPage({
data: {
@@ -114,9 +115,7 @@ Page(createPage({
wx.request({
url: app.globalData.apiBaseUrl + '/shangpin/shangpinhuoqu/',
method: 'POST',
header: {
'content-type': 'application/json'
},
header: buildClubHeaders({ 'content-type': 'application/json' }),
success(res) {
if (res.statusCode === 200 && res.data) {
const data = res.data

86
pages/category/category.wxss
View File

@@ -60,13 +60,13 @@
.search-btn {
margin-left: 20rpx;
box-shadow: 0 6rpx 20rpx rgba(147, 51, 234, 0.3);
box-shadow: 0 6rpx 20rpx rgba(255, 170, 0, 0.3);
transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.search-btn:active {
transform: scale(0.95);
box-shadow: 0 4rpx 15rpx rgba(147, 51, 234, 0.4);
box-shadow: 0 4rpx 15rpx rgba(255, 170, 0, 0.4);
}
.search-btn-text {
@@ -127,7 +127,7 @@
transform: translate(-50%, -50%);
width: 300rpx;
height: 300rpx;
background: radial-gradient(circle, rgba(168, 85, 247, 0.1) 0%, transparent 70%);
background: radial-gradient(circle, rgba(255, 204, 0, 0.1) 0%, transparent 70%);
z-index: -1;
}
@@ -167,8 +167,8 @@
.leixing-active .leixing-image-box {
transform: scale(1.12);
box-shadow:
0 18rpx 40rpx rgba(168, 85, 247, 0.3),
0 8rpx 16rpx rgba(147, 51, 234, 0.2);
0 18rpx 40rpx rgba(255, 204, 0, 0.3),
0 8rpx 16rpx rgba(255, 170, 0, 0.2);
}
.leixing-image {
@@ -185,7 +185,7 @@
right: -3rpx;
bottom: -3rpx;
border-radius: 50%;
background: linear-gradient(135deg, #c4b5fd, #9333ea, #7c3aed);
background: linear-gradient(135deg, #ffcc00, #ffaa00, #ff8800);
opacity: 0;
transition: opacity 0.4s;
z-index: -1;
@@ -223,10 +223,10 @@
}
.leixing-active .leixing-text {
color: #8b5cf6;
color: #ff9900;
font-weight: 600;
transform: translateY(-2rpx);
text-shadow: 0 2rpx 4rpx rgba(168, 85, 247, 0.2);
text-shadow: 0 2rpx 4rpx rgba(255, 153, 0, 0.2);
}
.leixing-active-bar {
@@ -234,12 +234,12 @@
bottom: -4rpx;
width: 44rpx;
height: 4rpx;
background: linear-gradient(90deg, #c4b5fd, #9333ea);
background: linear-gradient(90deg, #ffcc00, #ffaa00);
border-radius: 2rpx;
opacity: 0;
transform: scaleX(0);
transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
box-shadow: 0 2rpx 8rpx rgba(147, 51, 234, 0.4);
box-shadow: 0 2rpx 8rpx rgba(255, 170, 0, 0.4);
}
.leixing-active-bar-show {
@@ -261,7 +261,7 @@
.border-effect-active {
opacity: 1;
border-color: rgba(168, 85, 247, 0.5);
border-color: rgba(255, 204, 0, 0.5);
animation: borderGlow 2s infinite;
}
@@ -295,7 +295,7 @@
}
.zhuanqu-item:active {
background: rgba(168, 85, 247, 0.05);
background: rgba(255, 204, 0, 0.05);
}
.zhuanqu-item-content {
@@ -320,9 +320,9 @@
}
.zhuanqu-active .zhuanqu-name {
color: #8b5cf6;
color: #ff9900;
font-weight: 600;
text-shadow: 0 2rpx 4rpx rgba(168, 85, 247, 0.2);
text-shadow: 0 2rpx 4rpx rgba(255, 153, 0, 0.2);
}
.zhuanqu-count {
@@ -332,7 +332,7 @@
}
.zhuanqu-active .zhuanqu-count {
color: #9333ea;
color: #ffaa00;
font-weight: 500;
}
@@ -343,7 +343,7 @@
transform: translateY(-50%);
width: 6rpx;
height: 44rpx;
background: linear-gradient(180deg, #a855f7, #9333ea);
background: linear-gradient(180deg, #ffcc00, #ffaa00);
border-radius: 3rpx 0 0 3rpx;
opacity: 0;
transition: all 0.3s;
@@ -353,7 +353,7 @@
.zhuanqu-indicator-glow {
opacity: 1;
animation: indicatorGlow 2s infinite;
box-shadow: 0 0 20rpx rgba(168, 85, 247, 0.5);
box-shadow: 0 0 20rpx rgba(255, 204, 0, 0.5);
}
.indicator-sparkle {
@@ -372,7 +372,7 @@
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(90deg, transparent, rgba(168, 85, 247, 0.05), transparent);
background: linear-gradient(90deg, transparent, rgba(255, 204, 0, 0.05), transparent);
opacity: 0;
transition: opacity 0.3s;
pointer-events: none;
@@ -389,7 +389,7 @@
width: 0;
height: 0;
border-radius: 50%;
background: rgba(168, 85, 247, 0.1);
background: rgba(255, 204, 0, 0.1);
transform: translate(-50%, -50%);
opacity: 0;
pointer-events: none;
@@ -463,7 +463,7 @@
right: -4rpx;
bottom: -4rpx;
border-radius: 18rpx;
background: linear-gradient(135deg, rgba(168, 85, 247, 0.2), transparent);
background: linear-gradient(135deg, rgba(255, 204, 0, 0.2), transparent);
opacity: 0;
transition: opacity 0.3s;
pointer-events: none;
@@ -479,7 +479,7 @@
right: 0;
width: 20rpx;
height: 20rpx;
background: linear-gradient(135deg, #a855f7, transparent 70%);
background: linear-gradient(135deg, #ffcc00, transparent 70%);
border-radius: 0 14rpx 0 0;
}
@@ -514,7 +514,7 @@
left: 0;
width: 0;
height: 2rpx;
background: linear-gradient(90deg, #c4b5fd, #9333ea);
background: linear-gradient(90deg, #ffcc00, #ffaa00);
transition: width 0.3s;
}
@@ -537,20 +537,20 @@
.price-icon {
font-size: 24rpx;
color: #9333ea;
color: #ff6600;
font-weight: 500;
}
.price-integer {
font-size: 36rpx; /* 适当调整大小 */
color: #9333ea;
color: #ff6600;
font-weight: 600;
margin-left: 2rpx;
}
.price-decimal {
font-size: 24rpx;
color: #9333ea;
color: #ff6600;
font-weight: 500;
}
@@ -573,11 +573,11 @@
.detail-btn {
position: relative;
padding: 12rpx 28rpx;
background: linear-gradient(135deg, #c4b5fd, #9333ea);
background: linear-gradient(135deg, #ffcc00, #ffaa00);
border-radius: 40rpx;
transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
overflow: hidden;
box-shadow: 0 6rpx 20rpx rgba(147, 51, 234, 0.2);
box-shadow: 0 6rpx 20rpx rgba(255, 170, 0, 0.2);
display: flex;
align-items: center;
justify-content: center;
@@ -586,7 +586,7 @@
.detail-btn:active {
transform: scale(0.95);
box-shadow: 0 4rpx 15rpx rgba(147, 51, 234, 0.4);
box-shadow: 0 4rpx 15rpx rgba(255, 170, 0, 0.4);
}
.detail-btn-text {
@@ -659,7 +659,7 @@
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(135deg, transparent, rgba(168, 85, 247, 0.03), transparent);
background: linear-gradient(135deg, transparent, rgba(255, 204, 0, 0.03), transparent);
opacity: 0;
transition: opacity 0.3s;
pointer-events: none;
@@ -676,7 +676,7 @@
width: 0;
height: 0;
border-radius: 50%;
background: rgba(168, 85, 247, 0.1);
background: rgba(255, 204, 0, 0.1);
transform: translate(-50%, -50%);
opacity: 0;
pointer-events: none;
@@ -707,19 +707,19 @@
}
.shangpin-empty-btn {
background: linear-gradient(135deg, #c4b5fd, #9333ea);
background: linear-gradient(135deg, #ffcc00, #ffaa00);
color: white;
font-size: 26rpx;
font-weight: 500;
padding: 16rpx 44rpx;
border-radius: 40rpx;
box-shadow: 0 8rpx 24rpx rgba(147, 51, 234, 0.3);
box-shadow: 0 8rpx 24rpx rgba(255, 170, 0, 0.3);
transition: all 0.3s;
}
.shangpin-empty-btn:active {
transform: scale(0.95);
box-shadow: 0 4rpx 16rpx rgba(147, 51, 234, 0.4);
box-shadow: 0 4rpx 16rpx rgba(255, 170, 0, 0.4);
}
.load-more-line {
@@ -859,7 +859,7 @@
right: -4rpx;
bottom: -4rpx;
border-radius: 20rpx;
background: linear-gradient(135deg, rgba(168, 85, 247, 0.2), transparent);
background: linear-gradient(135deg, rgba(255, 204, 0, 0.2), transparent);
opacity: 0;
transition: opacity 0.3s;
pointer-events: none;
@@ -896,7 +896,7 @@
.info-tag {
padding: 6rpx 12rpx;
background: rgba(168, 85, 247, 0.1);
background: rgba(255, 204, 0, 0.1);
border-radius: 6rpx;
}
@@ -921,7 +921,7 @@
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(135deg, transparent, rgba(168, 85, 247, 0.05), transparent);
background: linear-gradient(135deg, transparent, rgba(255, 204, 0, 0.05), transparent);
opacity: 0;
transition: opacity 0.3s;
pointer-events: none;
@@ -977,7 +977,7 @@
width: 100%;
height: 100%;
border: 4rpx solid transparent;
border-top-color: #a855f7;
border-top-color: #ffcc00;
border-radius: 50%;
animation: spin 1s linear infinite;
}
@@ -1028,7 +1028,7 @@
left: 50%;
width: 12rpx;
height: 12rpx;
background: #a855f7;
background: #ffcc00;
border-radius: 50%;
transform: translateX(-50%);
animation: spin 1s linear infinite;
@@ -1045,7 +1045,7 @@
left: 50%;
width: 200rpx;
height: 200rpx;
background: radial-gradient(circle, rgba(168, 85, 247, 0.2) 0%, transparent 70%);
background: radial-gradient(circle, rgba(255, 204, 0, 0.2) 0%, transparent 70%);
transform: translate(-50%, -50%);
z-index: -1;
}
@@ -1076,19 +1076,19 @@
@keyframes borderGlow {
0%, 100% {
border-color: rgba(168, 85, 247, 0.3);
border-color: rgba(255, 204, 0, 0.3);
}
50% {
border-color: rgba(168, 85, 247, 0.8);
border-color: rgba(255, 204, 0, 0.8);
}
}
@keyframes indicatorGlow {
0%, 100% {
box-shadow: 0 0 20rpx rgba(168, 85, 247, 0.3);
box-shadow: 0 0 20rpx rgba(255, 204, 0, 0.3);
}
50% {
box-shadow: 0 0 30rpx rgba(168, 85, 247, 0.8);
box-shadow: 0 0 30rpx rgba(255, 204, 0, 0.8);
}
}