feat: screen-brightness

pages/API/screen-brightness/screen-brightness.js

@@ -0,0 +1,40 @@
+// pages/API/screen-brightness/screen-brightness.js
+Page({
+  data: {
+    screenBrightness: 0
+  },
+
+  onLoad() {
+    this._updateScreenBrightness()
+  },
+
+  changeBrightness(e) {
+    const value = Number.parseFloat(
+      (e.detail.value).toFixed(1)
+    )
+    this.setData({
+      screenBrightness: Number.parseFloat(
+        e.detail.value.toFixed(1)
+      )
+    })
+    wx.setScreenBrightness({
+      value,
+    })
+  },
+
+  _updateScreenBrightness() {
+    wx.getScreenBrightness({
+      success: (res) => {
+        console.log(res);
+        this.setData({
+          screenBrightness: Number.parseFloat(
+            res.value.toFixed(1)
+          )
+        })
+      },
+      fail(err) {
+        console.error(err)
+      }
+    })
+  }
+})

pages/API/screen-brightness/screen-brightness.json

@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "屏幕亮度"
+}

pages/API/screen-brightness/screen-brightness.wxml

@@ -0,0 +1,23 @@
+<!--pages/API/screen-brightness/screen-brightness.wxml-->
+<import src="../../common/head.wxml" />
+<import src="../../common/foot.wxml" />
+
+<view class="container">
+  <template is="head" data="{{title: 'get/set/ScreenBrightness'}}"/>
+
+  <view class="page-body">
+    <view class="page-body-info">
+      <view class="page-body-title">当前屏幕亮度</view>
+      <text class="page-body-text-screen-brightness">{{screenBrightness}}</text>
+    </view>
+    <view class="page-section page-section-gap">
+      <view class="page-section-title">设置屏幕亮度</view>
+      <view class="body-view">
+        <slider bindchange="changeBrightness" value="{{screenBrightness}}" min="0" max="1" step="0.1"/>
+      </view>
+    </view>
+  </view>
+
+  <template is="foot" />
+</view>
+

pages/API/screen-brightness/screen-brightness.wxss

@@ -0,0 +1,9 @@
+/* pages/API/screen-brightness/screen-brightness.wxss */
+.page-body-text-screen-brightness {
+  font-size: 40px;
+  font-family: -apple-system-font, Helvetica Neue,Helvetica,sans-serif;
+}
+
+.page-section-gap {
+  padding: 15px;
+}