add samples: getBatteryInfo

Author: TtTRz

Diff for: miniprogram/page/API/pages/get-battery-info/get-battery-info.js

@@ -1,16 +1,16 @@
 // miniprogram/page/API/pages/get-battery-info/get-battery-info.js
 Page({
   data: {
-    level: 0,
-    isCharging: false,
+    
   },
 
   getBatteryInfo() {
     wx.getBatteryInfo({
       complete: (res) => {
+        const msg = res.isCharging ? '充电中' : '使用电池中';
         this.setData({
           level: res.level,
-          isCharging: res.isCharging,
+          isCharging: msg,
         })
       },
     })

Diff for: miniprogram/page/API/pages/get-battery-info/get-battery-info.wxml

@@ -2,16 +2,30 @@
 <import src="../../../common/foot.wxml" />
 
 <view class="container">
-  <template is="head" data="{{title: '获取手机电量'}}"/>
+  <template is="head" data="{{title: 'getBatteryInfo'}}"/>
 
   <view class="page-body">
   	<view class="page-section">
-      <view class="battery-info">
-        <text class="info-text" wx:if="{{level}}">当前电量: {{level}} %</text>
-        <text class="info-text" wx:if="{{isCharging}}">充电中</text>
+    <view class="weui-cells weui-cells_after-title">
+        <view class="weui-cell weui-cell_input">
+          <view class="weui-cell__hd">
+            <view class="weui-label">当前电量</view>
+          </view>
+          <view class="weui-cell__bd">
+            <input class="weui-input" type="text" disabled="{{true}}" placeholder="未获取" value="{{level}}"></input>
+          </view>
+        </view>
+        <view class="weui-cell weui-cell_input">
+          <view class="weui-cell__hd">
+            <view class="weui-label">电池模式</view>
+          </view>
+          <view class="weui-cell__bd">
+            <input class="weui-input" type="text" disabled="{{true}}" placeholder="未获取" value="{{isCharging}}"></input>
+          </view>
+        </view>
       </view>
       <button type="primary" bind:tap="getBatteryInfo" >
-        获取电量信息
+        获取电量信息信息
       </button>
     </view>
   </view>

Diff for: miniprogram/page/API/pages/get-battery-info/get-battery-info.wxss

@@ -1,10 +1,2 @@
-.battery-info{
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  margin: 40rpx 0;
-}
+@import "../../../common/lib/weui.wxss";
 
-.info-text {
-  line-height: 80rpx;
-}