joey5628/doodle-mini
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat:生产初版页面

Browse Source
This commit is contained in:
R524809
2026-03-26 17:33:04 +08:00
parent 3aaf340781
commit dc5e057cb3
63 changed files with 2940 additions and 543 deletions
Download Patch File Download Diff File Expand all files Collapse all files
miniprogram/pages/profile/profile.json
+6
View File
@@ -0,0 +1,6 @@
{
"navigationBarTitleText": "我的",
"navigationBarTextStyle": "black",
"navigationBarBackgroundColor": "#ffffff",
"backgroundColor": "#F6F6F6"
}
miniprogram/pages/profile/profile.less
+115
View File
@@ -0,0 +1,115 @@
.profile-page {
min-height: 100vh;
background: #f6f6f6;
padding-bottom: 48rpx;
}
.profile-page__header {
display: flex;
flex-direction: row;
align-items: center;
background: #f7ee47;
padding: 48rpx 32rpx;
}
.profile-page__avatar {
width: 112rpx;
height: 112rpx;
border-radius: 50%;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
font-size: 56rpx;
flex-shrink: 0;
}
.profile-page__header-info {
margin-left: 28rpx;
display: flex;
flex-direction: column;
justify-content: center;
}
.profile-page__name {
font-size: 36rpx;
font-weight: 700;
color: #333;
margin-bottom: 12rpx;
}
.profile-page__stat {
font-size: 26rpx;
color: #555;
}
.profile-page__group {
background: #fff;
border-radius: 32rpx;
margin: 24rpx 24rpx 0;
box-shadow: 0 4rpx 24rpx rgba(0, 0, 0, 0.06);
overflow: hidden;
}
.profile-page__item {
display: flex;
flex-direction: row;
align-items: center;
padding: 28rpx 32rpx;
border-bottom: 1rpx solid #f0f0f0;
}
.profile-page__item--last {
border-bottom: none;
}
.profile-page__icon {
font-size: 36rpx;
margin-right: 20rpx;
width: 44rpx;
text-align: center;
}
.profile-page__label {
flex: 1;
font-size: 30rpx;
color: #333;
}
.profile-page__badge {
font-size: 20rpx;
color: #fff;
background: #ff4757;
padding: 4rpx 12rpx;
border-radius: 8rpx;
margin-right: 12rpx;
}
.profile-page__arrow {
font-size: 36rpx;
color: #ccc;
font-weight: 300;
}
.profile-page__footer {
display: flex;
flex-direction: column;
align-items: center;
padding: 64rpx 32rpx 32rpx;
}
.profile-page__footer-emoji {
font-size: 72rpx;
margin-bottom: 16rpx;
}
.profile-page__footer-slogan {
font-size: 26rpx;
color: #999;
margin-bottom: 12rpx;
}
.profile-page__footer-version {
font-size: 22rpx;
color: #ccc;
}
miniprogram/pages/profile/profile.ts
+46
View File
@@ -0,0 +1,46 @@
Page({
data: {
generateCount: 0,
version: '',
},
onLoad() {
const info = wx.getAccountInfoSync();
const version = info.miniProgram.version || '开发版';
this.setData({ version });
},
onGoToDownloads() {
wx.setStorageSync('favorites_active_tab', 'downloads');
wx.switchTab({ url: '/pages/favorites/favorites' });
},
onGoToFavorites() {
wx.setStorageSync('favorites_active_tab', 'favorites');
wx.switchTab({ url: '/pages/favorites/favorites' });
},
onGoToPrintPlan() {
wx.showToast({ title: '功能开发中', icon: 'none' });
},
onGoToStats() {
wx.showToast({ title: '功能开发中', icon: 'none' });
},
onGoToGuide() {
wx.navigateTo({ url: '/pages/guide/guide' });
},
onGoToPrintSettings() {
wx.showToast({ title: '功能开发中', icon: 'none' });
},
onGoToFeedback() {
wx.showToast({ title: '功能开发中', icon: 'none' });
},
onGoToAbout() {
wx.showToast({ title: '涂鸦丫练习纸', icon: 'none' });
},
});
miniprogram/pages/profile/profile.wxml
+62
View File
@@ -0,0 +1,62 @@
<view class="profile-page">
<view class="profile-page__header">
<view class="profile-page__avatar">🦆</view>
<view class="profile-page__header-info">
<text class="profile-page__name">微信用户</text>
<text class="profile-page__stat">已生成 {{generateCount}} 张练习纸</text>
</view>
</view>
<view class="profile-page__group">
<view class="profile-page__item" bindtap="onGoToDownloads">
<text class="profile-page__icon">📥</text>
<text class="profile-page__label">下载历史</text>
<text class="profile-page__arrow">›</text>
</view>
<view class="profile-page__item" bindtap="onGoToFavorites">
<text class="profile-page__icon">❤️</text>
<text class="profile-page__label">我的收藏</text>
<text class="profile-page__arrow">›</text>
</view>
<view class="profile-page__item" bindtap="onGoToPrintPlan">
<text class="profile-page__icon">📋</text>
<text class="profile-page__label">每日打印计划</text>
<view class="profile-page__badge">即将上线</view>
<text class="profile-page__arrow">›</text>
</view>
<view class="profile-page__item profile-page__item--last" bindtap="onGoToStats">
<text class="profile-page__icon">📊</text>
<text class="profile-page__label">学习统计</text>
<text class="profile-page__arrow">›</text>
</view>
</view>
<view class="profile-page__group">
<view class="profile-page__item" bindtap="onGoToGuide">
<text class="profile-page__icon">🖨️</text>
<text class="profile-page__label">打印指南</text>
<text class="profile-page__arrow">›</text>
</view>
<view class="profile-page__item" bindtap="onGoToPrintSettings">
<text class="profile-page__icon">⚙️</text>
<text class="profile-page__label">打印设置</text>
<text class="profile-page__arrow">›</text>
</view>
<view class="profile-page__item" bindtap="onGoToFeedback">
<text class="profile-page__icon">💬</text>
<text class="profile-page__label">意见反馈</text>
<text class="profile-page__arrow">›</text>
</view>
<view class="profile-page__item profile-page__item--last" bindtap="onGoToAbout">
<text class="profile-page__icon">ℹ️</text>
<text class="profile-page__label">关于涂鸦丫</text>
<text class="profile-page__arrow">›</text>
</view>
</view>
<view class="profile-page__footer">
<text class="profile-page__footer-emoji">🦆</text>
<text class="profile-page__footer-slogan">陪孩子一起，把学习变成游戏</text>
<text class="profile-page__footer-version">v{{version}}</text>
</view>
</view>