add demo

demo/.gitignore

@@ -0,0 +1 @@
+*swp

demo/app.js

@@ -0,0 +1,14 @@
+App({
+  onLaunch: function () {
+    console.log('App Launch')
+  },
+  onShow: function () {
+    console.log('App Show')
+  },
+  onHide: function () {
+    console.log('App Hide')
+  },
+  globalData: {
+    hasLogin: false
+  }
+})

demo/app.json

@@ -0,0 +1,99 @@
+{
+  "pages": [
+      "page/component/index",
+      "page/component/navigation-pages/controller/controller",
+      "page/component/navigation-pages/form/form",
+      "page/component/navigation-pages/media/media",
+      "page/component/navigation-pages/view/view",
+      "page/component/component-pages/wx-action-sheet/wx-action-sheet",
+      "page/component/component-pages/wx-audio/wx-audio",
+      "page/component/component-pages/wx-button/wx-button",
+      "page/component/component-pages/wx-checkbox/wx-checkbox",
+      "page/component/component-pages/wx-form/wx-form",
+      "page/component/component-pages/wx-icon/wx-icon",
+      "page/component/component-pages/wx-image/wx-image",
+      "page/component/component-pages/wx-input/wx-input",
+      "page/component/component-pages/wx-mask/wx-mask",
+      "page/component/component-pages/wx-modal/wx-modal",
+      "page/component/component-pages/wx-navigator/wx-navigator",
+      "page/component/component-pages/wx-progress/wx-progress",
+      "page/component/component-pages/wx-radio/wx-radio",
+      "page/component/component-pages/wx-scroll-view/wx-scroll-view",
+      "page/component/component-pages/wx-slider/wx-slider",
+      "page/component/component-pages/wx-switch/wx-switch",
+      "page/component/component-pages/wx-text/wx-text",
+      "page/component/component-pages/wx-toast/wx-toast",
+      "page/component/component-pages/wx-video/wx-video",
+      "page/component/component-pages/wx-view/wx-view",
+      "page/component/component-pages/wx-swiper/wx-swiper",
+      "page/component/component-pages/wx-slide-tab/wx-slide-tab",
+      "page/component/component-pages/wx-label/wx-label",
+      "page/component/component-pages/wx-navigator/navigate",
+      "page/component/component-pages/wx-navigator/redirect",
+      "page/component/component-pages/wx-picker/wx-picker",
+
+      "page/API/index/index",
+      "page/API/storage/storage",
+
+      "page/API/login/login",
+      "page/API/get-user-info/get-user-info",
+      "page/API/request-payment/request-payment",
+
+      "page/API/set-navigation-bar-title/set-navigation-bar-title",
+      "page/API/navigation-bar-loading/navigation-bar-loading",
+      "page/API/navigator/navigator",
+      "page/API/pull-down-refresh/pull-down-refresh",
+      "page/API/animation/animation",
+
+      "page/API/get-network-type/get-network-type",
+      "page/API/get-system-info/get-system-info",
+      "page/API/on-compass-change/on-compass-change",
+
+      "page/API/request/request",
+      "page/API/web-socket/web-socket",
+      "page/API/upload-file/upload-file",
+      "page/API/download-file/download-file",
+
+
+      "page/API/image/image",
+      "page/API/voice/voice",
+      "page/API/file/file",
+      "page/API/on-accelerometer-change/on-accelerometer-change",
+      "page/API/canvas/canvas",
+      "page/API/background-audio/background-audio",
+
+      "page/API/get-location/get-location",
+      "page/API/open-location/open-location"
+
+  ],
+  "window": {
+    "navigationBarTextStyle": "black",
+    "navigationBarTitleText": "小程序演示",
+    "navigationBarBackgroundColor": "#fbf9fe",
+    "backgroundColor": "#fbf9fe"
+  },
+  "tabBar": {
+    "color": "#dddddd",
+    "selectedColor": "#3cc51f",
+    "borderStyle": "black",
+    "backgroundColor": "#ffffff",
+    "list": [{
+      "pagePath": "page/component/index",
+      "iconPath": "image/wechat.png",
+      "selectedIconPath": "image/wechatHL.png",
+      "text": "组件"
+    }, {
+      "pagePath": "page/API/index/index",
+      "iconPath": "image/wechat.png",
+      "selectedIconPath": "image/wechatHL.png",
+      "text": "接口"
+    }]
+  },
+  "networkTimeout": {
+    "request": 10000,
+    "connectSocket": 10000,
+    "uploadFile": 10000,
+    "downloadFile": 10000
+  },
+  "debug": true
+}

demo/app.wxss

@@ -0,0 +1,215 @@
+page {
+  background-color: #fbf9fe;
+  height: 100%;
+}
+.container {
+  display: flex;
+  flex-direction: column;
+  min-height: 100%;
+  justify-content: space-between;
+}
+.page-header {
+  display: flex;
+  font-size: 32rpx;
+  color: #aaa;
+  justify-content: center;
+  margin-top: 50rpx;
+}
+.page-header-text {
+  padding: 20rpx 40rpx;
+  border-bottom: 1px solid #ccc; 
+}
+
+.page-body {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  flex-grow: 1;
+  overflow-x: hidden;
+}
+.page-body-wrapper {
+  margin-top: 100rpx;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: 100%;
+}
+.page-body-wrapper form {
+  width: 100%;
+}
+.page-body-wording {
+  text-align: center;
+  padding: 200rpx 100rpx;
+}
+.page-body-info {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background-color: #fff;
+  margin-bottom: 50rpx;
+  width: 100%;
+  padding: 50rpx 0 150rpx 0;
+}
+.page-body-title {
+  margin-bottom: 100rpx;
+  font-size: 32rpx;
+}
+.page-body-text {
+  font-size: 30rpx;
+  line-height: 26px;
+  color: #ccc;
+}
+.page-body-text-small {
+  font-size: 24rpx;
+  color: #000;
+  margin-bottom: 100rpx;
+}
+.page-body-form {
+  width: 100%;
+  background-color: #fff;
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  border: 1px solid #eee;
+}
+.page-body-form-item {
+  display: flex;
+  align-items: center;
+  margin-left: 10rpx;
+  border-bottom: 1px solid #eee;
+  height: 80rpx;
+}
+.page-body-form-key {
+  width: 180rpx;
+}
+.page-body-form-value {
+  flex-grow: 1;
+}
+
+.page-body-form-picker {
+  display: flex;
+  justify-content: space-between;
+  height: 100rpx;
+  align-items: center;
+  font-size: 36rpx;
+  margin-left: 20rpx;
+  padding-right: 20rpx;
+  border-bottom: 1px solid #eee;
+}
+.page-body-form-picker-value {
+  color: #ccc;
+}
+
+.page-body-buttons {
+  width: 100%;
+}
+.page-body-button {
+  margin: 25rpx;
+}
+.page-body-button image {
+  width: 150rpx;
+  height: 150rpx;
+}
+.page-footer {
+  text-align: center;
+  color: #1aad19;
+  font-size: 24rpx;
+  margin: 20rpx 0;
+}
+
+.green{
+    color: #09BB07;
+}
+.red{
+    color: #F76260;
+}
+.blue{
+    color: #10AEFF;
+}
+.yellow{
+    color: #FFBE00;
+}
+.gray{
+    color: #C9C9C9;
+}
+
+.strong{
+    font-weight: bold;
+}
+
+.bc_green{
+    background-color: #09BB07;
+}
+.bc_red{
+    background-color: #F76260;
+}
+.bc_blue{
+    background-color: #10AEFF;
+}
+.bc_yellow{
+    background-color: #FFBE00;
+}
+.bc_gray{
+    background-color: #C9C9C9;
+}
+
+.tc{
+    text-align: center;
+}
+
+.page input{
+    padding: 10px 15px;
+    background-color: #fff;
+}
+checkbox, radio{
+    margin-right: 5px;
+}
+
+.btn-area{
+    padding: 0 15px;
+}
+.btn-area button{
+    margin-top: 10px;
+    margin-bottom: 10px;
+}
+
+.page {
+    min-height: 100%;
+    flex: 1;
+    background-color: #FBF9FE;
+    font-size: 16px;
+    font-family: -apple-system-font,Helvetica Neue,Helvetica,sans-serif;
+    overflow: hidden;
+}
+.page__hd{
+    padding: 40px;
+}
+.page__title{
+    display: block;
+    font-size: 20px;
+}
+.page__desc{
+    margin-top: 5px;
+    font-size: 14px;
+    color: #888888;
+}
+
+.section{
+    margin-bottom: 40px;
+}
+.section_gap{
+    padding: 0 15px;
+}
+.section__title{
+    margin-bottom: 8px;
+    padding-left: 15px;
+    padding-right: 15px;
+}
+.section_gap .section__title{
+    padding-left: 0;
+    padding-right: 0;
+}
+.section__ctn{
+
+}

demo/page/API/animation/animation.js

@@ -0,0 +1,56 @@
+Page({
+  onReady: function () {
+    this.animation = wx.createAnimation()
+
+  },
+  rotate: function () {
+    this.animation.rotate(Math.random() * 720 - 360).step()
+    this.setData({ animation: this.animation.export() })
+  },
+  scale: function () {
+    this.animation.scale(Math.random() * 2).step()
+    this.setData({ animation: this.animation.export() })
+  },
+  translate: function () {
+    this.animation.translate(Math.random() * 100 - 50, Math.random() * 100 - 50).step()
+    this.setData({ animation: this.animation.export() })
+  },
+  skew: function () {
+    this.animation.skew(Math.random() * 90, Math.random() * 90).step()
+    this.setData({ animation: this.animation.export() })
+  },
+  rotateAndScale: function () {
+    this.animation.rotate(Math.random() * 720 - 360)
+        .scale(Math.random() * 2)
+        .step()
+    this.setData({ animation: this.animation.export() })
+  },
+  rotateThenScale: function () {
+    this.animation.rotate(Math.random() * 720 - 360).step()
+        .scale(Math.random() * 2).step()
+    this.setData({ animation: this.animation.export() })
+  },
+  all: function () {
+    this.animation.rotate(Math.random() * 720 - 360)
+        .scale(Math.random() * 2)
+        .translate(Math.random() * 100 - 50, Math.random() * 100 - 50)
+        .skew(Math.random() * 90, Math.random() * 90)
+        .step()
+    this.setData({ animation: this.animation.export() })
+  },
+  allInQueue: function () {
+    this.animation.rotate(Math.random() * 720 - 360).step()
+        .scale(Math.random() * 2).step()
+        .translate(Math.random() * 100 - 50, Math.random() * 100 - 50).step()
+        .skew(Math.random() * 90, Math.random() * 90).step()
+    this.setData({ animation: this.animation.export() })
+  },
+  reset: function () {
+    this.animation.rotate(0, 0)
+                  .scale(1)
+                  .translate(0, 0)
+                  .skew(0, 0)
+                  .step({ duration: 0 })
+    this.setData({ animation: this.animation.export() })
+  }
+})

demo/page/API/animation/animation.json

@@ -0,0 +1,3 @@
+{
+    "navigationBarTitleText": "动画"
+}