微信小程序开发笔记（下）

湖北省蕲春县孙 發表於 2021-10-17 10:38:00

<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 21pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l67 level1 lfo1">Ø  简介
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 21pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">本文主要记录微信小程序的开发笔记（下），主要包括以下内容：
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l12 level1 lfo2">1.  多媒体组件
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l12 level1 lfo2">2.  其他组件
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l12 level1 lfo2">3.  网络API
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l12 level1 lfo2">4.  多媒体API
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l12 level1 lfo2">5.  数据存取
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l12 level1 lfo2">6.  位置API
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l12 level1 lfo2">7.  设备API
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l12 level1 lfo2">8.  界面API
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l12 level1 lfo2">9.  WbUI
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0"> 
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 21pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l24 level1 lfo3">1.  多媒体组件
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l44 level1 lfo4">1)  image
组件
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">image
组件用于展示图片，可以展示本地图片，也可以展示网络图片。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l13 level1 lfo5">1.  属性
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l45 level1 lfo6">1)  src:
用于设置本地图片或网络图片的路径。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l45 level1 lfo6">2)  model:
用于设置图片裁剪的方式，参考文档：https://developers.weixin.qq.com/miniprogram/dev/component/image.html
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0"> 
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l13 level1 lfo5">2.  事件
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l65 level1 lfo7">1)  bindload
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">图片加载完成后触发的事件。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0"> 
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l44 level1 lfo4">2)  audio
组件
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">audio
组件用于播放音频，可以播放本地音频，也可以播放网络音频。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l14 level1 lfo8">1.  属性
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l52 level1 lfo9">1)  src:
用于设置本地音频或网络音频的路径。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l52 level1 lfo9">2)  controls:
Boolean 类型，是否显示控制面板，默认为false。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l52 level1 lfo9">3)  author:
设置音频的作者的名称。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l52 level1 lfo9">4)  name:
设置音频名称。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l52 level1 lfo9">5)  poster:
设置音频对应的封面图片地址。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0"> 
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l14 level1 lfo8">2.  事件
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l55 level1 lfo10">1)  bindplay:
播放时触发的事件。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l55 level1 lfo10">2)  bindpause:
暂停时触发的事件。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0"> 
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l14 level1 lfo8">3.  控制音频
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd"><audio
id="myAudio"
src="{{src}}"
controls/>
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">onReady: function() {
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">    this.audioCtx
= wx.createAudioContext("myAudio");
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">    this.audioCtx.setSrc('https://mini.mdingdang.com/SunshineGirl_moumoon.mp3');
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">    this.audioCtx.play();
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">  },
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">  //播放
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">  audioPlay: function(e) {
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">    this.audioCtx.play();
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">  },
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">  //暂停
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">  audioPause: function(e) {
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">    this.audioCtx.pause();
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">  },
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">  //设置当前播放事件为100秒
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">  audio100: function(e) {
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">    this.audioCtx.seek(100);
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">  },
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">  //回到开头
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">  audioStart: function(e) {
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">    this.audioCtx.seek(0);
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">  }
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd"> 
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l44 level1 lfo4">3)  video
组件
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">video
组件用于播放视频，可以播放本地视频，也可以播放网络视频。可以使用内置API 选择本地的视频：wx.chooseVideo，参考文档：https://developers.weixin.qq.com/miniprogram/dev/api/media/video/wx.chooseVideo.html
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l25 level1 lfo11">1.  属性
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l39 level1 lfo12">1)  src:
用于设置本地视频或网络视频的路径。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l39 level1 lfo12">2)  autoplay:
Boolean 类型，是否自动播放，默认为false。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0"> 
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l25 level1 lfo11">2.  事件
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l42 level1 lfo13">1)  binderror
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">加载视频文件错误时触发，比如路径不存在。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0"> 
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l25 level1 lfo11">3.  打开和播放本地视频
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">打开本地视频使用
wx.chooseVideo() 方法，该方法主要参数如下：
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l36 level1 lfo55">1)  sourceType:
设置选择视频的目标类型，album: 从相册中选择；camera:
使用相机摄像后获取。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l36 level1 lfo55">2)  camera:
设置摄像时使用是否使用前置摄像头或后置摄像头。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l36 level1 lfo55">3)  maxDuration: 摄像最长的时间，单位为秒。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l36 level1 lfo55">4)  success:
选择视频成功后调用的事件。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0"> 
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l26 level1 lfo56">1.  应用示例
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 84pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 8.0gd"><button
style="margin-top:30px;"
bindtap="chooseVideo">选择视频</button>
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 84pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 8.0gd"><video
style="margin-top:10px;width:300px;height:300px;"
src="{{src}}"/>
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 84pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 8.0gd">chooseVideo: function(e) {
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 84pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 8.0gd">  var
that = this;
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 84pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 8.0gd">  wx.chooseVideo({
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 84pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 8.0gd">    sourceType: ['album',
'camera'],
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 84pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 8.0gd">    camera: ['front',
'back'],
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 84pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 8.0gd">    maxDuration: 10,
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 84pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 8.0gd">    seccess: function(res) {
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 84pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 8.0gd">      that.setData({
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 84pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 8.0gd">        src: res.tempFilePath
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 84pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 8.0gd">      });
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 84pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 8.0gd">    }
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 84pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 8.0gd">  });
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 84pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 8.0gd">}
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0"> 
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l25 level1 lfo11">4.  控制视频组件播放、暂停、定位、发送弹幕
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">控制视频组件需要使用
VideoContext 对象，下面是获取该对象的方法：
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">this.videoContext
= wx.createVideoContext("myVideo");//在onReady
被调用
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l32 level1 lfo57">1)  videoContext.play(): 播放视频。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l32 level1 lfo57">2)  videoContext.pause(): 暂停视频。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l32 level1 lfo57">3)  videoContext.seek(10): 定位视频。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l32 level1 lfo57">4)  videoContext.sendDanmu(): 发送弹幕，该方法主要参数如下：
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 105pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l63 level1 lfo58">1.  text:
设置弹幕的文本。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 105pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l63 level1 lfo58">2.  color:
设置弹幕的颜色。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 105pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0"> 
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 21pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l24 level1 lfo3">2.  其他组件
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l41 level1 lfo14">1)  action-sheet 组件
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">action-sheet
组件用于在屏幕下端显示多个选项，它由三部分组成：action-sheet、action-sheet-item、action-sheet-cance。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l21 level1 lfo15">1.  属性
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l8 level1 lfo16">1)  hidden
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">表示是否隐藏action-sheet，默认为false。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0"> 
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l21 level1 lfo15">2.  事件
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l28 level1 lfo17">1)  bindchange
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">该事件为action-sheet 的事件，再点击Cancel 或ActionSheet 的外部区域会被触发。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l28 level1 lfo17">2)  bindtap
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">该事件为 action-sheet-item 的事件，当点击某一项时会被触发。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0"> 
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l41 level1 lfo14">2)  modal
组件
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">modal
组件用于显示一个对话框，对话框的内容在标签之间设置，可以是文字或者图片等。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l33 level1 lfo18">1.  属性
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l62 level1 lfo20">1)  hidden:
表示是否隐藏对话框，默认为false。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l62 level1 lfo20">2)  title:
设置对话框的标题。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l62 level1 lfo20">3)  confirm-text: 设置对话框确定按钮的显示文本，未设置该属性时默认为“确定”。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l62 level1 lfo20">4)  cancel-text: 设置对话框取消按钮的显示文本，未设置该属性时默认为“取消”。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l62 level1 lfo20">5)  no-cancel:
设置是否显示取消按钮，该属性不需要设置任何值。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0"> 
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l33 level1 lfo18">2.  事件
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l19 level1 lfo19">1)  bindconfirm: 当点击确定按钮时将触发该事件。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l19 level1 lfo19">2)  bindcancel:
当点击取消按钮时将触发该事件。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0"> 
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l41 level1 lfo14">3)  canvas
组件
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">canvas
组件是一个画布，可以在画布中进行基本图形绘制，比如直线、圆等，可使用这些基本的图形实现一个复杂的图形绘制。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">下面列举绘制示例：
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0"><canvas
canvas-id="mycanvas"
style="margin:20px;width:300px;height:200px;"/>
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 42pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 4.0gd">onReady: function(e) {
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 42pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 4.0gd">  var context = wx.createContext();
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 42pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 4.0gd">  context.setStrokeStyle("#0000ff");
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 42pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 4.0gd">  context.setLineWidth(5);
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 42pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 4.0gd">  context.rect(0,
0,
200,
200);
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 42pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 4.0gd">  context.stroke();
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 42pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 4.0gd">  context.setStrokeStyle("#ff00ff");
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 42pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 4.0gd">  context.setLineWidth(2);
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 42pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 4.0gd">  //绘制圆脸
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 42pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 4.0gd">  context.moveTo(160,
100);
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 42pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 4.0gd">  context.arc(100,
100,
60,
0,
2
* Math.PI,
true);
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 42pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 4.0gd">  //绘制嘴巴
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 42pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 4.0gd">  context.moveTo(140,
100);
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 42pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 4.0gd">  context.arc(100,
100,
40,
0,
Math.PI,
false);
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 42pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 4.0gd">  //绘制左眼
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 42pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 4.0gd">  context.moveTo(85,
80);
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 42pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 4.0gd">  context.arc(80,
80,
5,
0,
2
* Math.PI,
true);
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 42pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 4.0gd">  //绘制对话框眼
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 42pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 4.0gd">  context.moveTo(125,
80);
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 42pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 4.0gd">  context.arc(120,
80,
5,
0,
2
* Math.PI,
true);
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 42pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 4.0gd">  context.stroke();
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 42pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 4.0gd">  wx.drawCanvas({
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 42pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 4.0gd">    canvasId: "mycanvas",
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 42pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 4.0gd">    actions:
context.getActions()
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 42pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 4.0gd">  });
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 42pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 4.0gd">}
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 42pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 4.0gd">效果图：
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 42pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 4.0gd"><img src="https://img2020.cnblogs.com/blog/654920/202110/654920-20211017103804528-1165636808.png">
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 42pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 4.0gd"> 
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l41 level1 lfo14">4)  地图组件
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">map
组件用于显示地图（腾讯地图）。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l27 level1 lfo21">1.  属性
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l40 level1 lfo22">1)  longitude:
设置地图的经度。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l40 level1 lfo22">2)  latitude:
设置地图的维度。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l40 level1 lfo22">3)  scale:
设置缩放级别，取值范围为5~18，默认为16。该值表示值越小地图显示范围越大。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l40 level1 lfo22">4)  controls:
地图上放置的控件数组，相对于窗口，并不会随着地图移动而移动。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l40 level1 lfo22">5)  markers:
在地图上放置的标记点数组，相对于地图，会跟随地图移动而移动。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l40 level1 lfo22">6)  show-location: 显示带有方向的当前定位点。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l40 level1 lfo22">7)  polyline:
一个对象数组，用于在地图上绘制折线。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0"> 
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l27 level1 lfo21">2.  事件
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l9 level1 lfo23">1)  bindcontroltap: 点击控件时触发的事件。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l9 level1 lfo23">2)  bindmarkertap: 点击标记点时触发的事件。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l9 level1 lfo23">3)  bindregionschange: 视野发生变化时触发的事件。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0"> 
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l41 level1 lfo14">5)  页面导航
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">页面导航使用
navigator 标签。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l74 level1 lfo24">1.  属性
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l71 level1 lfo25">1)  url:
设置导航页面的页面路径。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l71 level1 lfo25">2)  redirect:
设置是否在在当前页面打开新页面，该属性不需要设置任何值。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0"> 
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l74 level1 lfo24">2.  使用示例：
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan"><navigator
url="../page2/page2?title=在当前页面打开新页面&color=red"
redirect
style="margin-top:20px;">
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan">  <button>在当前页面打开新页面</button>
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan"></navigator>
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">onLoad: function(options) {
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">  console.log(options);
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">  this.setData({
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">    title: options.title,
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">    color: options.color
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">  });
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">}
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd"> 
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: -21pt; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l74 level1 lfo24; mso-pagination: widow-orphan">3.   设置导航栏
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan">页面中配置项在当前页面会覆盖app.json
的window 中相同的配置项。
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 255, 1); margin: 0 0 0 63pt; line-height: 18pt; text-indent: 0; -ms-word-break: normal; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan">{
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 255, 1); margin: 0 0 0 63pt; line-height: 18pt; text-indent: 0; -ms-word-break: normal; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan">  "usingComponents": {},
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 255, 1); margin: 0 0 0 63pt; line-height: 18pt; text-indent: 0; -ms-word-break: normal; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan">  "navigationBarTitleText": "我的",
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 255, 1); margin: 0 0 0 63pt; line-height: 18pt; text-indent: 0; -ms-word-break: normal; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan">  "enablePullDownRefresh": true,
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 255, 1); margin: 0 0 0 63pt; line-height: 18pt; text-indent: 0; -ms-word-break: normal; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan">  "navigationBarBackgroundColor":"#41D480"     //设置导航栏、状态栏背景色
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 255, 1); margin: 0 0 0 63pt; line-height: 18pt; text-indent: 0; -ms-word-break: normal; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan">}
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan">参考链接：https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/page.html#%E9%85%8D%E7%BD%AE%E9%A1%B9
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd"> 
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l41 level1 lfo14">6)  TabBar
导航
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">TabTar
导航用于在页面底部显示菜单，最多可以显示5个菜单。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l57 level1 lfo26">1.  属性
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l50 level1 lfo27">1)  color:
设置菜单未选中时的文本颜色。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l50 level1 lfo27">2)  selectedColor: 设置菜单选中时的文本颜色。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l50 level1 lfo27">3)  backgroundColor: 设置菜单的背景颜色。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l50 level1 lfo27">4)  position:
设置菜单显示样式，显示在下面或者上面。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l50 level1 lfo27">5)  list:
该属性为一个数组，用于设置页面显示多个菜单项，属性如下：
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 105pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l5 level1 lfo28">1.  pagePath:
设置菜单指向的页面路径。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 105pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l5 level1 lfo28">2.  iconPath:
设置菜单未选中时的图标路径。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 105pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l5 level1 lfo28">3.  selectedIconPath: 设置菜单选中时的图标路径。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 105pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l5 level1 lfo28">4.  text:
设置菜单显示的文本。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 105pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0"> 
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l57 level1 lfo26">2.  使用示例：
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">"tabBar": {
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">  "color":
"#dddddd",
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">  "selectedColor":
"#3cc51f",
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">  "backgroundColor":
"#ffffff",
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">  "position":
"bottom",
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">  "list": [
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">    {
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">      "pagePath":
"pages/TabBarNavigation/TabBarNavigation",
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">      "iconPath":
"images/face1.png",
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">      "selectedIconPath":
"images/face.png",
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">      "text":
"首页"
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">    },
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">    {
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">      "pagePath":
"pages/page3/page3",
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">      "iconPath":
"images/wechat.png",
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">      "selectedIconPath":
"images/wechatHL.png",
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">      "text":
"页面3"
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">    }
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">  ]
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">}
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">注意：显示的第一个页面必须为 list.pagePath。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0"> 
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 21pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l24 level1 lfo3">3.  网络API
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 21pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">在小程序中支持4种网络 API：request、文件上传、文件下载和 WebSocket。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 21pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">由于小程序要求必须使用
https(Hyper Text Transfer
Protocol over Secure Socket Layer)和wss(WebSocket Secure, 用于 WebSocket),所以在使用网络 API
之前，请确保要访问的服务器url 使用的是https
或wss。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 21pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0"> 
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l30 level1 lfo29">1)  准备工作
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l64 level1 lfo30">1.  证书介绍
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">目前阿里云支持从三个证书服务商处购买证书，如果不差钱，可以购买 Symantec 证书，当然，CFCA 和 GeoTrust
也可以。如果证书只是用于小程序的访问，可以使用 Symantec 的免费 DV 证书，目前只有 Symantec 提供了免费的 DV 证书。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l0 level1 lfo31">1)  SSL
证书的作用：
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 105pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l31 level1 lfo32">1.  是https 的安全证书；
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 105pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l31 level1 lfo32">2.  它可以用于加密，比如上传下载加密（二进制的），并不是明文；
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 105pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l31 level1 lfo32">3.  另外用于网站标识，可以从标识中查看网站是否正规的、官方的。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0"> 
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l0 level1 lfo31">2)  SSL
证书分为三个类型：DV、OV 和 EV。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 105pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l47 level1 lfo33">1.  DV SSL
证书
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 105pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">DV
通常用于个人或企业网站的访问。证书服务商只验证域名的真伪，也就是说，只要这个域名有效，就可以申请
DV，几乎是立即就可以获得 DV SSL
证书（因为是自动审核的）。不过如果是用于网站的访问，并不建议使用 DV SLL，因为
DV SSL 除了对数据加密外，和普通http
几乎没有区别，有些系统和浏览器也把 DV SSL 标记为不安全，因为 DV
SSL 并不能表明网站的合法性。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 105pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l47 level1 lfo33">2.  OV SSL
证书
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 105pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">对于一般的企业来说，建议申请 OV SSL。申请
OV，需要营业执照以及其他相关资质证明，通常需要一个星期左右的审核周期（人工审核）。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 105pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l47 level1 lfo33">3.  EV SSL
证书
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 105pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">EV
SSL 证书通常用于银行、电子商务等有大笔现金流的金融机构。申请
EV SSL 很费劲，审核非常严格，而且价格非常昂贵。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 105pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">不管是申请的
DV，还是 OV 或者 EV，都会得到相应的证书文件，然后在nginx 或apache
的配置文件中指定证书文件的路径即可。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 105pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0"> 
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l64 level1 lfo30">2.  开通https，这里以“阿里云”服务器为例，参考“阿里云与IIS10
配置SSL 证书”。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0"> 
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l64 level1 lfo30">3.  准备完支持https
的服务器之后，还需要在小程序管理页面进行配置。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l48 level1 lfo34">1)  登录小程序管理页面，开发-> 开发设置-> 服务器域名，输入支持https
访问的域名，如图：
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0"><img src="https://img2020.cnblogs.com/blog/654920/202110/654920-20211017103805146-883548152.jpg">
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0"> 
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l48 level1 lfo34">2)  在小程序中被访问的域名，必须满足以下三个条件，才能正常访问：
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 105pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l73 level1 lfo35">1.  支持https 访问；
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 105pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l73 level1 lfo35">2.  域名在国内成功备案；
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 105pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l73 level1 lfo35">3.  必须在小程序后台进行与“服务器域名”设置。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 105pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0"> 
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l30 level1 lfo29">2)  发起 HTTPS 请求
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l43 level1 lfo36">1.  属性
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l11 level1 lfo37">1)  url:
需要访问的
Web 地址。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l11 level1 lfo37">2)  data:
访问时传递的参数，可以是
Object 或 String
类型。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l11 level1 lfo37">3)  method:
请求方式，GET 或 POST 等。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l11 level1 lfo37">4)  header:
设置请求头，Object 类型。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l11 level1 lfo37">5)  datatype:
响应数据的类型，默认为json 类型。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l11 level1 lfo37">6)  success:
请求成功时调用的函数。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l11 level1 lfo37">7)  fail:
请求失败时调用的函数。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l11 level1 lfo37">8)  complete:
请求完成时调用的函数。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0"> 
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l43 level1 lfo36">2.  应用示例
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan">requstText: function(e) {
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan">  wx.request({
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan">    url: 'https://mini.mdingdang.com/menu.txt',
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan">    dataType: 'text/plain',
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan">    success: function(res) {
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan">      console.log(res.data);
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan">    },
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan">    fail: function(e) {
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan">      console.log(res.data);
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan">    }
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan">  })
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan">}
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0"> 
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l30 level1 lfo29">3)  上传文件
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l2 level1 lfo38">1.  属性
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l70 level1 lfo39">1)  url:
必选，上传文件的
URL 地址。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l70 level1 lfo39">2)  filePath:
必选，要上传的本地文件的路劲。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l70 level1 lfo39">3)  name:
必选，文件对应的key，服务端会通过这个key
获取文件的二进制内容。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l70 level1 lfo39">4)  header:
可选，设置请求头，Object 类型。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l70 level1 lfo39">5)  formData:
Object 类型。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l70 level1 lfo39">6)  success:
请求成功时调用的函数。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l70 level1 lfo39">7)  fail:
请求失败时调用的函数。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l70 level1 lfo39">8)  complete:
请求完成时调用的函数。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0"> 
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l2 level1 lfo38">2.  应用示例
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">uploadFile: function(e) {
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">  wx.chooseImage({
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">    success: function(res) {
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">      var tempFilePaths = res.tempFilePaths;
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">      wx.uploadFile({
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">        url: 'https://mini.mdingdang.com/download/test.text',
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">        filePath:
tempFilePaths[0],
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">        name: 'file',
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">        formData: {
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">          'user':
'Bill'
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">        },
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">        success: function(r) {
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">          console.log(r.data);
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">        },
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">        fail: function(r) {
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">          console.log(r);
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">        }
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">      });
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">    }
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">  });
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">}
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0"> 
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l30 level1 lfo29">4)  下载文件
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l38 level1 lfo40">1.  属性
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l17 level1 lfo41">1)  url:
必选，下载文件的
URL 地址。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l17 level1 lfo41">2)  header:
可选，设置请求头，Object 类型。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l17 level1 lfo41">3)  success:
请求成功时调用的函数。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l17 level1 lfo41">4)  fail:
请求失败时调用的函数。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l17 level1 lfo41">5)  complete:
请求完成时调用的函数。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0"> 
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l38 level1 lfo40">2.  应用示例
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan">downloadFile: function(e) {
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan">  wx.downloadFile({
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan">    "url":
"https://mini.mdingdang.com/menu.txt",
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan">    success: function(res) {
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan">      console.log(res);
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan">    }
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan">  })
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan">}
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0"> 
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l30 level1 lfo29">5)  WebSocket
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">WebSocket
使用一种在单个
TCP 连接上进行全双工通讯的协议。在 WebSocket API
中，浏览器和服务器只需要完成一次“握手”，两者之间就直接可以建立持久性的连接。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l18 level1 lfo42">1.  方法
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l53 level1 lfo43">1)  wx.connectSocket(): 连接服务器，参数如下：
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 105pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l15 level1 lfo45">1.  url:
必选，用于指定服务端的
URL（wss协议）。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 105pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l15 level1 lfo45">2.  data:
可选，请求的数据，Object 类型。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 105pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l15 level1 lfo45">3.  header:
设置请求头，Object 类型。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 105pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l15 level1 lfo45">4.  method:
请求方式，GET 或POST 等。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 105pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l15 level1 lfo45">5.  success、fail、complete.
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 105pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0"> 
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l53 level1 lfo43">2)  wx.sendSocketMessage(): 向服务器发送数据，参数如下：
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 105pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l46 level1 lfo46">1.  data:
需要发送的数据，String 或 ArrayBuffer
类型。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 105pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0"> 
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l53 level1 lfo43">3)  wx.closeSocket(): 关闭与服务器的连接。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0"> 
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l18 level1 lfo42">2.  事件
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l29 level1 lfo44">1)  wx.onSocketOpen: 成功与服务端建立连接后触发。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l29 level1 lfo44">2)  wx.onSocketError: 与服务端建立连接失败后触发。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l29 level1 lfo44">3)  wx.onSocketMessage: 服务端返回响应消息后触发。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l29 level1 lfo44">4)  wx.onSocketClose: 成功关闭 WebSocket
连接后触发。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0"> 
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">注：应用示例可参考“H5 演示WebSocket.html”
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0"> 
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 21pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l24 level1 lfo3">4.  多媒体API
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l72 level1 lfo47">1)  选择图像
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">选择图像使用wx.chooseImage() 方法，该方法的主要参数如下：
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l68 level1 lfo48">1.  count:
最多允许选择图像的数量，超过的数量也不会被选择。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l68 level1 lfo48">2.  sizeType:
设置可选择的图片尺寸类型，original: 原始尺寸；compressed:
压缩尺寸。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l68 level1 lfo48">3.  sourceType:
设置选择图像的目标类型，album: 从相册中选择；camera:
相机拍照后获取。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l68 level1 lfo48">4.  success:
选择图像后回调的函数，使用该方法的
res.tempFilePaths 参数可以获取所有选择图像的路径数组。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0"> 
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l72 level1 lfo47">2)  获取图像信息
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">获取图像信息使用wx.getImageInfo()
方法，该方法的主要参数如下：
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l7 level1 lfo49">1.  src:
获取图像的物理路径。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l7 level1 lfo49">2.  success:
获取图像信息成功后的回调方法，包含如下参数：
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l61 level1 lfo50">1)  res.width:
图像的宽度。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l61 level1 lfo50">2)  res.height:
图像的高度。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l61 level1 lfo50">3)  res.path:
图像的路径。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0"> 
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l72 level1 lfo47">3)  录音
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l1 level1 lfo51">1.  开始录音调用 wx.startRecord()
方法，success 参数用于录制成功后调用， res.tempFilePath 参数用于获取录制音频产生的临时文件。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l1 level1 lfo51">2.  停止录音调用 wx.stopRecord()
方法，success 参数用于成功停止录制后调用。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0"> 
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l72 level1 lfo47">4)  播放、暂停、停止音频
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l35 level1 lfo52">1.  播放音频调用 wx.playVoice()
方法，filePath 参数用于指定播放音频文件的路径。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l35 level1 lfo52">2.  暂停播放调用wx.pauseVoice()
方法，该方法不需要传递参数。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l35 level1 lfo52">3.  停止播放调用wx.stopVoice()
方法，该方法不需要传递参数。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0"> 
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l72 level1 lfo47">5)  控制背景音乐
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">小程序中的背景音乐，从一个页面进入到另一个页面，背景音乐仍然会继续播放，当退出小程序时会停止背景音乐。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l34 level1 lfo53">1.  相关方法
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l23 level1 lfo54">1)  wx.playBackgroundAudio(): 播放背景音乐。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l23 level1 lfo54">2)  wx.pauseBackgroundAudio(): 暂停背景音乐。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l23 level1 lfo54">3)  wx.stopBackgroundAudio(): 停止背景音乐。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l23 level1 lfo54">4)  wx.seekBackgroundAudio(): 随机定位背景音乐。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0"> 
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 21pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l24 level1 lfo3">5.  数据存取
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l4 level1 lfo59">1)  将临时文件保存为永久文件
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">保存永久文件使用wx.saveFile()
方法。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l49 level1 lfo60">1.  运用示例
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">downloadPdf: function(e) {
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">  var
that = this;
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">  wx.downloadFile({
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">    url: 'https://mini.mdingdang.com/mini.pdf',
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">    success: function(res) {
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">      console.log('临时文件路径：' + res.tempFilePath);
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">      //将临时文件保存为永久文件
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">      wx.saveFile({
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">        tempFilePath:
res.tempFilePath,
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">        success: function(r) {
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">          var savedFilePath = r.savedFilePath;
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">          console.log('永久文件路径：' + savedFilePath);
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">          that.setData({
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">            downloadPath:
savedFilePath
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">          });
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">        }
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">      })
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">    }
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">  });
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">}
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0"> 
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l4 level1 lfo59">2)  文件相关方法
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l3 level1 lfo61">1.  wx.getSavedFileList(): 获取文件列表。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l3 level1 lfo61">2.  wx.getSavedFileInfo(): 获取文件信息。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l3 level1 lfo61">3.  wx.removeSavedFile(): 删除永久文件，示例如下：
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan">wx.removeSavedFile({
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan">  filePath:
that.data.filePath,
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan">  complete: function(res) {
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan">    console.log(res);
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan">  }
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan">});
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l3 level1 lfo61">4.  wx.openDocument(): 打开文档，在小程序中支持直接打开doc、docx、xls、xlsx、ppt、pptx、pdf 等文档类型。示例如下：
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan">wx.openDocument({
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan">  filePath: filePath,
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan">  success: function(res) {
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan">    console.log('打开文档成功');
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan">    console.log(res);
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan">  }
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan">})

<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0"> 
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 21pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l5 level1 lfo1">1.  位置API
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l13 level1 lfo2">1)  获取经纬度
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">获取经纬度使用wx.getLocation()
方法，该方法主要参数如下：
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">type:
表示获取位置的类型，可选值如下：
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l10 level1 lfo3">1.  wgs84:
表示返回
GPS 经纬度的坐标，默认值；
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l10 level1 lfo3">2.  gcj02:
表示
wx.getLocation() 方法的返回值可用于wx.openLoacation() 方法。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l0 level1 lfo4">n  注意：获取经纬度需要在app.json
中加入如下配置：
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">"permission": {
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">  "scope.userLocation": {
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">    "desc":
"你的位置信息将用于小程序位置接口的效果展示"
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">  }
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">}
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0"> 
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l13 level1 lfo2">2)  在地图上选中位置
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">在地图上选中位置使用
wx.chooseLocation() 方法，该在使用success
回调函数返回如下参数：
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">name:
位置名称；
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">address:
详细地址；
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">longitude:
经度，浮点数，范围-180~180（负数表示西经，正数表示东经）；
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">latitude:
维度，浮点数，范围-90~90（负数表示南纬，正数表示北纬）。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0"> 
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l13 level1 lfo2">3)  使用微信内置的地图显示位置
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">显示位置使用
wx.openLocation() 方法，该方法主要参数如下：
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">longitude:
显示位置的经度；
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">latitude:
显示位置的维度；
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">name:
显示位置的名称；
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">address:
显示位置的详细地址；
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">scale:
显示地图的缩放比例，范围5~18。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l0 level1 lfo4">n  运用示例：
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">wx.getLocation({
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">  type: "gcj02",  //注意：需要指定为gcj02
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">  success: function(res) {
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">    wx.openLocation({
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">      latitude: res.latitude,
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">      longitude: res.longitude,
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">      name: '利川市',
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">      address: '米兰酒店附件',
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">      scale: 15
//放大缩小的比例值，范围5~18
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">    })
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">  },
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">})
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0"> 
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l13 level1 lfo2">4)  与map 组件绑定
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l12 level1 lfo5">1.  获取 Map 上下文对象
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan">this.mapCtx
= wx.createMapContext("myMap");
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l12 level1 lfo5">2.  定位位置中心点
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan">this.mapCtx.getCenterLocation({
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan">  success: function(res) {
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan">    console.log(res.longitude);
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan">    console.log(res.latitude);
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan">  }
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan">});
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l12 level1 lfo5">3.  移动位置
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan">this.mapCtx.moveToLocation();
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan"> 
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 21pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l5 level1 lfo1">2.  设备API
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l8 level1 lfo6">1)  获取系统信息
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">获取系统信息使用
wx.getSystemInfo() 方法，该方法的success
回调函数返回如下参数：
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l14 level1 lfo7">n  model:
手机型号；
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l14 level1 lfo7">n  pixelRatio:
设备像素比；
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l14 level1 lfo7">n  windowWidth: 窗口宽度；
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l14 level1 lfo7">n  windowHeight: 窗口高度；
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l14 level1 lfo7">n  language:
微信设置的语言；
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l14 level1 lfo7">n  version:
微信版本号；
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l14 level1 lfo7">n  system:
操作系统版本；
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l14 level1 lfo7">n  platform:
客户端平台；
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0"> 
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l8 level1 lfo6">2)  获取网络类型
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">获取网络类型使用
wx.getNetworkType() 方法，该方法的success
回调函数可能返回 networkType
参数，该参数可能是以下几种值：
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">2g:
表示当前为2G网络；
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">3g:
表示当前为3G网络；
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">4g:
表示当前为4G网络；
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">wifi:
表示当前为
WIFI 网络；
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">unknown:
安卓下可能返回的网络类型；
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">none:
表示当前无网络，比如“飞行模式”下的网络状态。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0"> 
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l8 level1 lfo6">3)  获取重力感应数据
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">通过重力传感器，获取手机在X、Y
和 Z 轴上的运动状态，比如：微信中实现“摇一摇”的功能实现。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">在小程序中使用wx.onAccelerometerChange
事件拦截重力传感器的数据，以每秒5次的频率来检测 X/Y/Z
轴的向量值，也就是每0.2秒调用一次该方法。
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 42pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan">onLoad: function(options) {
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 42pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan">  wx.onAccelerometerChange(function(res) {
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 42pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan">    console.log('X:'
+ res.x + ',
Y:'
+ res.y + ',
Z:' + res.z);
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 42pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan">  });
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 42pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan">}
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0"> 
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l8 level1 lfo6">4)  获取罗盘方向
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">获取罗盘方向使用
wx.onCompassChange() 方法，该方法将以每0.2秒的频率调用一次。0表示正北方，例如：45度表示东北方向。
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 42pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 4.0gd">getDirection: function(e) {
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 42pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 4.0gd">  var
that = this;
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 42pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 4.0gd">  wx.onCompassChange(function(res) {
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 42pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 4.0gd">    that.setData({
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 42pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 4.0gd">      direction: parseInt(res.direction)
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 42pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 4.0gd">    });
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 42pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 4.0gd">  });
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 42pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 4.0gd">}
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0"> 
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l8 level1 lfo6">5)  拨打电话
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">拨打电话使用
wx.makePhoneCall() 方法，该方法参数如下：
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">phoneNumber:
需要拨打的电话号码。
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 42pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan">wx.makePhoneCall({
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 42pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan">  phoneNumber:
that.data.phoneNumber
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 42pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan">});
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0"> 
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l8 level1 lfo6">6)  扫描二维码或条码
<p align="justify" class="MsoNormal" style="margin: 0 0 0 42pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-para-margin-left: 4.0gd">扫描二维码使用
wx.scanCode() 方法，该方法将返回如下参数：
<p align="justify" class="MsoNormal" style="margin: 0 0 0 42pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-para-margin-left: 4.0gd">result:
扫码的内容，例如：https://u.wechat.com/MDOe4kJwdk_I3-Dq6J3NEHU；
<p align="justify" class="MsoNormal" style="margin: 0 0 0 42pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-para-margin-left: 4.0gd">scanType:
扫码的类型，二维码或条码；
<p align="justify" class="MsoNormal" style="margin: 0 0 0 42pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-para-margin-left: 4.0gd">charset:
扫码的字符集，例如：UTF-8； 
<p align="justify" class="MsoNormal" style="margin: 0 0 0 42pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-para-margin-left: 4.0gd">rawData:
未知。
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 42pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 4.0gd">wx.scanCode({
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 42pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 4.0gd">  success: (res) => {
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 42pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 4.0gd">    that.setData({
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 42pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 4.0gd">      code: res.result,
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 42pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 4.0gd">      scanType: res.scanType,
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 42pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 4.0gd">      charSet: res.charSet
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 42pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 4.0gd">    });
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 42pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 4.0gd">  }
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 42pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 4.0gd">});
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0"> 
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 21pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l5 level1 lfo1">3.  界面API
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l1 level1 lfo8">1)  信息框（Toast、模态窗口和ActionSheet）
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l4 level1 lfo9">1.  Toast
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l6 level1 lfo10">1)  显示Toast 使用wx.showToast()
方法，该方法包含如下参数：
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">title:
设置
Toast 的标题；
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">icon:
设置
Toast 的图标，可选值：none、success、loading；
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">duration:
设置自动关闭的时间，单位为毫秒。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0"> 
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l6 level1 lfo10">2)  隐藏 Toast 使用wx.hideToast()
方法。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 84pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0"> 
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l4 level1 lfo9">2.  模态窗口
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">显示“模态窗口”使用wx.showModal()
方法，该方法包含如下参数：
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">title:
设置模态窗口的标题；
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">content:
设置模态窗口的内容；
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">success:
点击模态窗口后回调的函数，例如：可以使用res.confirm 属性判断点击的具体按钮（确定/取消）。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0"> 
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l4 level1 lfo9">3.  ActionSheet
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">使用wx.showActionSheet() 方法同样可以打开 ActionSheet，该方法主要参数如下：
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">itemList:
设置显示项的列表数组；
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">success:
选择某一项触发的回调函数，可以使用
res.tapIndex 属性获取选中项的索引，从零开始；
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">fail:
点击取消或其他区域时回调的函数。
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">wx.showActionSheet({
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">  itemList: ['Item1',
'Item2',
'Item3'],
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">  success: function(res) {
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">    console.log(res.tapIndex);
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">  },
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">  fail: function(res) {
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">    console.log(res.errMsg);
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">  }
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">});
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0"> 
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l1 level1 lfo8">2)  设置导航条标题
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">设置导航条标题可以采用以下两种方式：
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l9 level1 lfo11">1.  静态设置方式，在*.json文件中加入"navigationBarTitleText"属性，例如：
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan">"navigationBarTitleText":
"json设置的标题"
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l9 level1 lfo11">2.  动态设置方式，在*.js文件中调用 wx.setNavigationBarTitle() 方法，例如：
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan">wx.setNavigationBarTitle({
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan">  title: '这是标题'
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan">});
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0"> 
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l1 level1 lfo8">3)  显示和隐藏导航条加载动画
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">导航条加载动画，会在标题左侧显示“一个圆圈”并不停的转动，用于加载提示。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l11 level1 lfo12">1.  wx.showNavigationBarLoading(): 显示导航条加载动画；
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l11 level1 lfo12">2.  wx.hideNavigationBarLoading(): 隐藏导航条加载动态。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0"> 
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l1 level1 lfo8">4)  导航与返回页面
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l3 level1 lfo13">1.  导航到某一页面使用 wx.navigateTo()
方法，示例如下：
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">wx.navigateTo({
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 10.5pt; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-char-indent-count: 1.0; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">url: '../page1/page1?title=页面1'
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">});
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">page1页面接收参数，并设置页面标题：
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">onLoad: function(options) {
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">  //获取导航传递过来的参数值
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">  wx.setNavigationBarTitle({
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">    title: options.title +
'(page1)',
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">  });
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">}
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan"> 
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l3 level1 lfo13">2.  返回页面使用 wx.navigateBack()
方法，该方法 delta 参数表示返回到第几层，1表示上一层，示例如下：
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan">wx.navigateBack({
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan">  delta: that.data.value
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan">});
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan"> 
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 21pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l5 level1 lfo1">4.  WeUI
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 21pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">WeUI
是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。包含button、cell、dialog、progress、toast、article、actionsheet、icon等各式元素。下载网址：https://github.com/Tencent/weui-wxss
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 21pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0"> 
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 21pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">WeUI
主要是基于在原生组件基础之上添加了一些css 样式，另外扩展了一些“私有”的组件，比如：Badge（徽章）、Loadmore（加载更多）等组件。
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 21pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">首先导入样式，在
app.wxss 中头部添加： @import
'style/weui.wxss';
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 21pt; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0"> 
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 42pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l2 level1 lfo14">1.  把徽章样式开成模板
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l7 level1 lfo15">1)  定义模板
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd"><template
name="NumBadge">
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">  <view
style="position:relative;margin-top:1.17647059em;background-color:#FFFFFF;line-height:1.41176471;font-size:17px;">
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">    <view
class="weui-cell">
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">      <view
class="weui-cell__hd"
style="position: relative;margin-right:
10px;">
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">        <image
src="{{imageSrc}}"
style="width:
50px; height: 50px; display: block"
/>
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">        <view
class="weui-badge"
style="position:
absolute;top: -.4em;right: -.4em;">{{number}}</view>
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">      </view>
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">      <view
class="weui-cell__bd"
style="visibility:{{showText}}">
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">        <view>{{title}}</view>
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">        <view
style="font-size:
13px;color: #888888;">{{detail}}</view>
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">      </view>
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">    </view>
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">  </view>
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd"></template>
<p align="justify" class="MsoListParagraph" style="margin: 0 0 0 63pt; line-height: normal; text-indent: -21pt; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l7 level1 lfo15">2)  定义模板数据
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">data: {
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">  numBadge1: {
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">    imageSrc: '../../images/p1.png',
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">    number: 24,
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">    showText: 'visible',
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">    title: '产品名称',
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">    detail: '产品详细信息'
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">  },
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">  numBadge2…N
<p align="left" class="MsoNormal" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-pagination: widow-orphan; mso-para-margin-left: 6.0gd">}
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: -21pt; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-list: l7 level1 lfo15; mso-pagination: widow-orphan">3)  引用、使用模板
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan"><import
src="badgeTemplate.wxml"/>
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan"><template
is="NumBadge"
data="{{...numBadge1}}"/>
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan"><template
is="NumBadge"
data="{{...numBadge2}}"/>
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan"> 
<p align="left" class="MsoListParagraph" style="background: rgba(255, 255, 254, 1); margin: 0 0 0 63pt; line-height: 13.5pt; text-indent: 0; -ms-word-break: break-all; -ms-word-wrap: break-word; mso-char-indent-count: 0; mso-pagination: widow-orphan"> 
<p align="justify" class="MsoListParagraph" style="margin: 0; line-height: normal; text-indent: 0; -ms-word-break: break-all; -ms-text-justify: inter-ideograph; -ms-word-wrap: break-word; mso-char-indent-count: 0">待完成：上传文件、WebSocket 
来源：https://www.cnblogs.com/abeam/p/15416319.html

頁: [1]

琼殿技术论坛's Archiver

微信小程序开发笔记（下）