feat(ui): redesign all miniprogram pages

- 全局样式改为粉色(#E6508C)/金色(#DCB982)/绿色(#52c41a)配色
- 所有非tab页使用自定义导航栏，带彩色头部+标题+副标题
- login页: 粉色头部+🌸图标+微信授权登录
- scan页: 粉色头部+虚线扫码框+手动输入按钮
- ble-connect页: 蓝牙提示+搜索中/已发现设备卡片
- bind-success页: 绿色头部+成功图标+7天试用提示卡
- wear-check页: 设备信息行+佩戴指引卡片
- index首页: 粉色设备卡片+开始护理/设备管理按钮
- treatment-setup页: 模式选择+面部地图选区域
- auto-scan页: 面部轮廓+扫描线动画+检测标签
- treating页: 蓝色头部+大倒计时+渐变进度条+放松提示
- treatment-done页: 绿色头部+统计卡片+已记录提示
- subscribe-prompt页: 普通/智能模式对比+试用提示+金色订阅按钮
- subscribe-plans页: 金色头部+服务卡片+月卡/年卡选择
- subscribe-success页: 绿色头部+订阅详情卡+金色按钮
- profile页: 渐变头部+用户行+订阅卡+菜单列表
- history页: 粉色统计行+模式标签记录列表

miniprogram/pages/treatment-setup/treatment-setup.js

@@ -7,34 +7,30 @@ Page({
       { name: '右脸颊', mask: 0x02, checked: true },
       { name: '额头', mask: 0x04, checked: true },
       { name: '下巴', mask: 0x08, checked: true },
-      { name: '鼻部', mask: 0x10, checked: true },
-      { name: '左眼周', mask: 0x20, checked: false },
-      { name: '右眼周', mask: 0x40, checked: false }
-    ],
-    wavelengthOptions: [
-      { name: '红光 630nm', value: 2, desc: '抗衰修复' },
-      { name: '红外 850nm', value: 1, desc: '深层修复' },
-      { name: '紫光 405nm', value: 3, desc: '祛痘消炎' },
-      { name: '黄光 590nm', value: 4, desc: '提亮肤色' }
-    ],
-    selectedWavelength: 2,
-    brightness: 200,
-    durationOptions: [
-      { label: '5分钟', value: 300000 },
-      { label: '10分钟', value: 600000 },
-      { label: '15分钟', value: 900000 },
-      { label: '20分钟', value: 1200000 }
-    ],
-    selectedDuration: 600000,
-    modeOptions: [
-      { name: '普通模式', value: 0 },
-      { name: '智能模式', value: 1 }
+      { name: '鼻唇', mask: 0x10, checked: true }
     ],
     selectedMode: 0,
+    subExpired: false,
+    subDays: 6,
     submitting: false,
     error: ''
   },
 
+  onLoad: function () {
+    this.checkSubscription()
+  },
+
+  checkSubscription: function () {
+    var http = require('../../utils/request')
+    var self = this
+    http.get('/api/v1/subscription/status').then(function (sub) {
+      self.setData({
+        subExpired: sub.status !== 'active',
+        subDays: sub.remaining_days || 0
+      })
+    }).catch(function () {})
+  },
+
   onToggleRegion: function (e) {
     var idx = e.currentTarget.dataset.idx
     var regions = this.data.regions
@@ -42,27 +38,13 @@ Page({
     this.setData({ regions: regions })
   },
 
-  onSelectAll: function () {
-    var regions = this.data.regions.map(function (r) {
-      return Object.assign({}, r, { checked: true })
-    })
-    this.setData({ regions: regions })
-  },
-
-  onSelectWavelength: function (e) {
-    this.setData({ selectedWavelength: e.currentTarget.dataset.value })
-  },
-
-  onBrightnessChange: function (e) {
-    this.setData({ brightness: parseInt(e.detail.value) })
-  },
-
-  onSelectDuration: function (e) {
-    this.setData({ selectedDuration: e.currentTarget.dataset.value })
-  },
-
   onSelectMode: function (e) {
-    this.setData({ selectedMode: e.currentTarget.dataset.value })
+    var mode = parseInt(e.currentTarget.dataset.value)
+    if (mode === 1 && this.data.subExpired) {
+      wx.navigateTo({ url: '/pages/subscribe-prompt/subscribe-prompt' })
+      return
+    }
+    this.setData({ selectedMode: mode })
   },
 
   onStart: function () {
@@ -81,9 +63,9 @@ Page({
 
     ble.setParams({
       region_mask: mask,
-      wavelength: self.data.selectedWavelength,
-      brightness: self.data.brightness,
-      duration_ms: self.data.selectedDuration,
+      wavelength: 2,
+      brightness: 200,
+      duration_ms: 600000,
       mode: self.data.selectedMode
     }).then(function () {
       return ble.startTreatment(mask)
@@ -91,8 +73,8 @@ Page({
       self.setData({ submitting: false })
       wx.redirectTo({
         url: '/pages/treating/treating?regions=' + mask +
-          '&wavelength=' + self.data.selectedWavelength +
-          '&duration=' + self.data.selectedDuration +
+          '&wavelength=2' +
+          '&duration=600000' +
           '&mode=' + self.data.selectedMode
       })
     }).catch(function (err) {