feat: 英文字母描红开发

miniprogram/pages/age/age.json

@@ -4,5 +4,7 @@
     "navigationBarBackgroundColor": "#FEF6E7",
     "backgroundColor": "#FEF6E7",
     "enablePullDownRefresh": false,
-    "usingComponents": {}
+    "usingComponents": {
+        "nav-bar": "../../components3.0/nav-bar/nav-bar"
+    }
 }

miniprogram/pages/age/age.less

@@ -15,35 +15,6 @@
     box-sizing: border-box;
 }
 
-.age-nav {
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    z-index: 100;
-    background: fade(@bg-header, 85%);
-    backdrop-filter: blur(40rpx);
-    -webkit-backdrop-filter: blur(40rpx);
-    box-shadow: 0 2rpx 12rpx rgba(50, 46, 37, 0.05);
-}
-
-.age-nav__inner {
-    height: @nav-inner-height;
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: flex-start;
-    padding: 0 @page-padding-x;
-    box-sizing: border-box;
-}
-
-.age-nav__title {
-    font-size: @fs-nav-title;
-    font-weight: @fw-nav-title;
-    color: @color-nav-title;
-    letter-spacing: @ls-nav-title;
-}
-
 .age-body {
     width: 100%;
     box-sizing: border-box;

miniprogram/pages/age/age.ts

@@ -1,5 +1,4 @@
 import { AGE_BANDS, AgeBandKey } from '../../core/data/difficulty';
-import { NAV_INNER_PX } from '../../utils/navMetrics';
 
 type AbilityItem = {
     icon: string;
@@ -186,8 +185,6 @@ const DEFAULT_AGE: AgeBandKey = '5-6';
 
 Page({
     data: {
-        statusBarHeight: 0,
-        navBlockHeight: 0,
         ageTabs: AGE_BANDS.map((b) => ({
             key: b.key,
             rangeText: b.label.replace(/\s*岁\s*$/, ''),
@@ -201,11 +198,6 @@ Page({
     },
 
     onLoad() {
-        const win = wx.getWindowInfo();
-        this.setData({
-            statusBarHeight: win.statusBarHeight,
-            navBlockHeight: win.statusBarHeight + NAV_INNER_PX,
-        });
         this.applyAge(DEFAULT_AGE);
     },
 

miniprogram/pages/age/age.wxml

@@ -1,11 +1,7 @@
 <view class="age-page">
-    <view class="age-nav" style="padding-top: {{statusBarHeight}}px;">
-        <view class="age-nav__inner">
-            <text class="age-nav__title">按年龄学</text>
-        </view>
-    </view>
+    <nav-bar title="按年龄学" />
 
-    <view class="age-body" style="padding-top: {{navBlockHeight}}px;">
+    <view class="age-body">
         <scroll-view class="age-tab-scroll" scroll-x enable-flex>
             <view class="age-tab-scroll__inner">
                 <view class="age-tab-row">