Refactor: UI & Feature updates (Calculator, UnitConverter, Privacy, Cleanup)
This commit is contained in:
@@ -47,7 +47,7 @@ Component({
|
||||
},
|
||||
|
||||
goToProfile() {
|
||||
wx.navigateTo({
|
||||
wx.switchTab({
|
||||
url: '/pages/profile/profile'
|
||||
});
|
||||
},
|
||||
@@ -64,21 +64,28 @@ Component({
|
||||
});
|
||||
},
|
||||
|
||||
goToRandomDraw() {
|
||||
goToDiscount() {
|
||||
wx.navigateTo({
|
||||
url: '/pages/random-draw/random-draw'
|
||||
url: '/pages/discount/discount',
|
||||
});
|
||||
},
|
||||
|
||||
goToScoreboard() {
|
||||
|
||||
goToHistory() {
|
||||
wx.navigateTo({
|
||||
url: '/pages/scoreboard/scoreboard'
|
||||
url: '/pages/history/history',
|
||||
});
|
||||
},
|
||||
|
||||
goToDateCalc() {
|
||||
|
||||
goToAbout() {
|
||||
wx.navigateTo({
|
||||
url: '/pages/date-calc/date-calc'
|
||||
url: '/pages/about/about',
|
||||
});
|
||||
},
|
||||
|
||||
goToPrivacy() {
|
||||
wx.navigateTo({
|
||||
url: '/pages/privacy/privacy',
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
@@ -33,17 +33,47 @@
|
||||
<view class="arrow-icon">›</view>
|
||||
</view>
|
||||
|
||||
<!-- 日期计算 -->
|
||||
<view class="grid-item" bindtap="goToDateCalc" hover-class="grid-item-hover">
|
||||
<view class="icon-box bg-gradient-pink">
|
||||
<text class="icon">📅</text>
|
||||
<!-- 单位换算 -->
|
||||
<view class="grid-item" bindtap="goToUnitConverter" hover-class="grid-item-hover">
|
||||
<view class="icon-box bg-gradient-green">
|
||||
<text class="icon">📏</text>
|
||||
</view>
|
||||
<view class="text-box">
|
||||
<text class="label">日期计算器</text>
|
||||
<text class="sub-label">日期推算 · 间隔计算 · 农历转换</text>
|
||||
<text class="label">单位换算</text>
|
||||
<text class="sub-label">长度 · 重量 · 面积 · 温度</text>
|
||||
</view>
|
||||
<view class="arrow-icon">›</view>
|
||||
</view>
|
||||
|
||||
<!-- 折扣计算 -->
|
||||
<view class="grid-item" bindtap="goToDiscount" hover-class="grid-item-hover">
|
||||
<view class="icon-box bg-gradient-orange">
|
||||
<text class="icon">🏷️</text>
|
||||
</view>
|
||||
<view class="text-box">
|
||||
<text class="label">折扣计算</text>
|
||||
<text class="sub-label">快速计算折后价与节省金额</text>
|
||||
</view>
|
||||
<view class="arrow-icon">›</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 更多设置 -->
|
||||
<view class="section-title" style="margin-top: 40rpx; display: block;">系统</view>
|
||||
<view class="list-container">
|
||||
<!-- 关于与帮助 -->
|
||||
<view class="list-item" bindtap="goToAbout" hover-class="list-item-hover">
|
||||
<view class="list-icon-box">
|
||||
<text class="icon-small">ℹ️</text>
|
||||
</view>
|
||||
<text class="list-label">关于与帮助</text>
|
||||
<view class="arrow-icon">›</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 隐私政策 -->
|
||||
<view class="privacy-link" bindtap="goToPrivacy" style="text-align: center; margin-top: 40rpx; padding-bottom: 20rpx;">
|
||||
<text style="font-size: 24rpx; color: #999;">隐私政策</text>
|
||||
</view>
|
||||
|
||||
<!-- 推广/banner区域 -->
|
||||
|
||||
@@ -258,3 +258,55 @@ page {
|
||||
font-size: 14rpx;
|
||||
color: #6c5ce7;
|
||||
}
|
||||
|
||||
/* 列表容器 */
|
||||
.list-container {
|
||||
background-color: #ffffff;
|
||||
border-radius: 20rpx;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 4rpx 16rpx rgba(17, 97, 107, 0.08);
|
||||
}
|
||||
|
||||
.list-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 30rpx;
|
||||
background-color: #ffffff;
|
||||
transition: background-color 0.1s;
|
||||
}
|
||||
|
||||
.list-item-hover {
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
|
||||
.list-icon-box {
|
||||
width: 56rpx;
|
||||
height: 56rpx;
|
||||
background-color: #EBF4F8;
|
||||
border-radius: 16rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-right: 24rpx;
|
||||
}
|
||||
|
||||
.icon-small {
|
||||
font-size: 32rpx;
|
||||
}
|
||||
|
||||
.list-label {
|
||||
flex: 1;
|
||||
font-size: 30rpx;
|
||||
color: #333;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.section-title {
|
||||
display: block !important; /* Ensure visibility */
|
||||
font-size: 28rpx;
|
||||
color: #999;
|
||||
margin-bottom: 20rpx;
|
||||
margin-left: 10rpx;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user