init

xhs-mini-demos/component-case/on-compass-change/on-compass-change.xhsml

@@ -0,0 +1,19 @@
+<view class="container">
+  <view class="page-body">
+    <view class="page-section page-section_center">
+      <text class="page-body-text">旋转手机即可获取方位信息</text>
+      <view class="direction">
+        <view class="bg-compass-line"></view>
+        <image class="bg-compass" src="compass.png" style="transform: rotate({{direction}}deg)"></image>
+        <view class="direction-value">
+          <text>{{direction}}</text>
+          <text class="direction-degree">o</text>
+        </view>
+      </view>
+      <view class="controls">
+        <button bindtap="startCompass" disabled="{{enabled}}">开始监听</button>
+        <button bindtap="stopCompass" disabled="{{!enabled}}">停止监听</button>
+      </view>
+    </view>
+  </view>
+</view>