后浪云百度小程序教程:swan.stopCompass

  • swan.stopCompass
    • 方法参数
      • object 参数说明
    • 示例
      • 图片示例
      • 代码示例

    swan.stopCompass

    解释:停止监听罗盘数据。

    方法参数

    Object object

    object 参数说明

    属性名 类型 必填 默认值 说明

    success

    Function

    接口调用成功的回调函数

    fail

    Function

    接口调用失败的回调函数

    complete

    Function

    接口调用结束的回调函数(调用成功、失败都会执行)

    示例

    跳转编辑工具

    在开发者工具中打开

    在 WEB IDE 中打开

    扫码体验

    代码示例

    后浪云百度小程序教程:swan.stopCompass插图

    请使用百度APP扫码

    图片示例

    后浪云百度小程序教程:swan.stopCompass插图1

    代码示例

    • SWAN
    • JS
     
     
     
    1. <view class="card-area">
    2. <view class="wrap">
    3. <view class="page-top">
    4. <view class="tip-week">{{title}}</view>
    5. </view>
    6. <view class="direction">
    7. <view class="bg-compass-line"></view>
    8. <view class="bg-compass" style="transform: rotate(-{{direction}}deg)">
    9. <view class="num num0" style="transform: rotate({{direction}}deg)">0</view>
    10. <view class="num num90" style="transform: rotate({{direction}}deg)">90</view>
    11. <view class="num num180" style="transform: rotate({{direction}}deg)">180</view>
    12. <view class="num num270" style="transform: rotate({{direction}}deg)">270</view>
    13. </view>
    14. <div class="cg-wrap">
    15. <div class="circle-left-wrap"><div class="circle-left" style="transform:rotate({{leftdeg}}deg);transform-origin:50% 50%"></div></div>
    16. <div class="circle-right-wrap"><div class="circle-right" style="transform:rotate({{rightdeg}}deg);transform-origin:50% 50%"></div></div>
    17. <div class="mask">
    18. <view class="direction-num">
    19. <text>{{direction}}</text>
    20. <text class="direction-degree"></text>
    21. </view>
    22. </div>
    23. </div>
    24. </view>
    25. <view class="page-body-btn">
    26. <view class="middle-btn {{!isWatch ? '' : 'disabled'}}" bind:tap="startWatch">开始监听</view>
    27. <view class="middle-btn {{!isWatch ? 'disabled' : ''}}" bind:tap="stopWatch">停止监听</view >
    28. </view>
    29. </view>
    30. </view>
    THE END