Merge pull request #5 from 7YHong/quickapp

快应用搭建以及首页开发

quickapp/.gitignore

@@ -0,0 +1,27 @@
+.DS_Store
+node_modules
+/dist
+/build
+/sign
+
+# sign
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw*
+.ide
+.quickapp.preview.json

quickapp/.npmrc

@@ -0,0 +1 @@
+registry="https://registry.npm.taobao.org"

quickapp/.prettierignore

@@ -0,0 +1,6 @@
+package.json
+manifest.json
+README.md
+
+# assets/js
+src/assets/js/*.js

quickapp/README.md

@@ -0,0 +1,5 @@
+# PushDeer-快应用 (开发中)
+
+PushDeer 是一个开放源码的无 App 推送服务
+
+这里是 PushDeer 的 `快应用` 端的源码

quickapp/package.json

@@ -0,0 +1,58 @@
+{
+  "name": "pushdeer",
+  "version": "2.0.0",
+  "description": "PushDeer开源版，可以自行架设的无APP推送服务",
+  "scripts": {
+    "start": "hap server --watch",
+    "server": "hap server",
+    "build": "hap build",
+    "release": "hap release",
+    "watch": "hap watch",
+    "debug": "hap debug",
+    "gen": "node ./scripts/gen/index.js",
+    "precommit-msg": "echo '🚧 start pre-commit checks ...' && exit 0",
+    "prettier": "node ./scripts/selfCloseInputTag.js && prettier --write \"src/**/*.{ux,js,json,less,scss,css,pcss,md,vue}\"",
+    "prettier-watcher": "onchange '**/*.md' \"src/**/**/*.{ux,js,json,less,scss,css,pcss,md,vue}\" -- prettier --write {{changed}}"
+  },
+  "dependencies": {
+    "apex-ui": "^1.9.2"
+  },
+  "devDependencies": {
+    "@babel/runtime": "^7.12.5",
+    "@types/quickapp": "npm:quickapp-interface@^1.0.0",
+    "colors": "^1.4.0",
+    "husky": "^7.0.1",
+    "less": "^4.1.1",
+    "less-loader": "^10.0.1",
+    "lint-staged": "^11.0.1",
+    "onchange": "^5.2.0",
+    "prettier": "^2.3.2",
+    "prettier-plugin-ux": "^0.3.0"
+  },
+  "prettier": {
+    "singleQuote": true,
+    "semi": false,
+    "printWidth": 80,
+    "proseWrap": "never",
+    "tabWidth": 2
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "yarn run precommit-msg && lint-staged"
+    }
+  },
+  "lint-staged": {
+    "**/**.{ux,js,json,less,scss,css,pcss,md,vue}": [
+      "prettier --write",
+      "git add"
+    ]
+  },
+  "keywords": [
+    "快应用",
+    "快应用示例",
+    "快应用模版"
+  ],
+  "browserslist": [
+    "chrome 65"
+  ]
+}

quickapp/scripts/gen/index.js

@@ -0,0 +1,87 @@
+/**
+ * @desc: gen script command，make a new page generated by one click.
+ * @author: nicejade
+ */
+
+const fs = require('fs')
+const path = require('path')
+const colors = require('colors')
+
+const newFolderName = process.argv[2]
+
+String.prototype.firstUpperCase = function() {
+  return this.replace(/\b(\w)/g, $1 => {
+    return $1.toLowerCase()
+  })
+}
+const resolve = dir => {
+  return path.join(__dirname, '../..', dir)
+}
+
+const successExecPrint = msg => {
+  console.log(
+    colors.green(`✓ `) +
+      colors.cyan(`${msg} `) +
+      colors.green('task has been successfully executed.')
+  )
+}
+
+function createNewPage(newFolderPath) {
+  const mReg = new RegExp('@PAGE_CLASS_NAME', 'g')
+  const pageContent = fs.readFileSync(`${__dirname}/template.ux`, 'UTF-8')
+  const rootClassName = newFolderName
+    .firstUpperCase()
+    .replace(/([A-Z])/g, '-$1')
+    .toLowerCase()
+  const newContent = pageContent.replace(mReg, rootClassName)
+
+  fs.mkdirSync(newFolderPath, 0777)
+  fs.writeFile(`${newFolderPath}/index.ux`, newContent, error => {
+    if (error) throw `Something went wrong: ${error}`
+  })
+  successExecPrint('Create New Page')
+}
+
+function saveRouter2Manifest() {
+  const manifestPath = resolve('/src/manifest.json')
+  let manifestConf = fs.readFileSync(manifestPath, 'UTF-8')
+  manifestConf = JSON.parse(manifestConf)
+  const routerPages = manifestConf.router.pages
+  routerPages[`pages/${newFolderName}`] = {
+    component: 'index'
+  }
+  manifestConf = JSON.stringify(manifestConf, null, 2)
+  fs.writeFile(manifestPath, manifestConf, error => {
+    if (error) throw `Something went wrong[@saveRouter2Manifest]: ${error}`
+  })
+  successExecPrint('Save Router Into Manifest')
+}
+
+function main() {
+  if (!newFolderName) {
+    return console.warn(
+      `⚠️  Please enter the name of the page you want to create.`.underline.red
+    )
+  }
+
+  const folderNameReg = /^[A-Z][[A-Za-z0-9]+$/
+  if (!folderNameReg.test(newFolderName)) {
+    return console.warn(
+      `⚠️  Please enter the standard Folder name. Eg: XyzAbcde.`.underline.red
+    )
+  }
+
+  const newFolderPath = path.join(__dirname, `../../src/pages/${newFolderName}`)
+  const isExist = fs.existsSync(newFolderPath)
+
+  if (isExist) {
+    return console.warn(
+      `⚠️  ${newFolderName} already exists in the /src/pages/ directory.`
+        .underline.red
+    )
+  }
+  createNewPage(newFolderPath)
+  saveRouter2Manifest()
+}
+
+main()

quickapp/scripts/gen/template.ux

@@ -0,0 +1,28 @@
+<template>
+  <div class="wrapper">
+    <text class="title">{{ title }}</text>
+  </div>
+</template>
+
+<script>
+export default {
+  private: {
+    title: '欢迎体验快应用开发'
+  },
+
+  onInit() {}
+}
+</script>
+
+<style lang="less">
+@import './../../assets/styles/style.less';
+
+.wrapper {
+  .flex-box-mixins(column, center, center);
+  .title {
+    font-size: 8 * @size-factor;
+    text-align: center;
+    color: @black;
+  }
+}
+</style>

quickapp/scripts/selfCloseInputTag.js

@@ -0,0 +1,36 @@
+/**
+ * @file: selfCloseInputTag.js
+ * @desc: 遍历指定目录下 .ux 文件，将其中 input 标签由 <input **></input> 转换为 <input ** />
+ * @date: 2019-01-23
+ */
+
+const fs = require('fs')
+const path = require('path')
+
+const quickappCodePath = './src/'
+
+const main = codePath => {
+  const traversing = cpath => {
+    const files = fs.readdirSync(cpath)
+    files.forEach(fileName => {
+      const fPath = path.join(cpath, fileName)
+      const stats = fs.statSync(fPath)
+      stats.isDirectory() && traversing(fPath)
+      stats.isFile() && fPath.endsWith('.ux') && matchAndReplace(fPath)
+    })
+  }
+  traversing(codePath)
+}
+
+const matchAndReplace = path => {
+  const pageContent = fs.readFileSync(path, 'UTF-8')
+  const newContent = pageContent.replace(
+    /(<)([\s]*?)(input\b[^\/]*?)>[\s\S]*?<\/input>/gm,
+    '$1$3 />'
+  )
+  fs.writeFile(path, newContent, error => {
+    if (error) throw `Something went wrong: ${error}`
+  })
+}
+
+main(quickappCodePath)

quickapp/src/app.ux

@@ -0,0 +1,17 @@
+<script>
+/**
+ * 应用级别的配置，供所有页面公用
+ */
+
+const $utils = require('./helper/utils').default
+const $apis = require('./helper/apis').default
+
+/* @desc: 注入方法至全局 global,以便页面调用 */
+const hook2global = global.__proto__ || global
+hook2global.$utils = $utils
+hook2global.$apis = $apis
+
+export default {
+  onCreate() {}
+}
+</script>

quickapp/src/assets/images/calander.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="92" height="95" viewBox="0 0 92 95">
+  <image id="calander" width="92" height="95" xlink:href="data:image/png;base64,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"/>
+</svg>

quickapp/src/assets/images/device-ipad.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="105" height="95" viewBox="0 0 105 95">
+  <image id="device-ipad" width="105" height="95" xlink:href="data:image/png;base64,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"/>
+</svg>

quickapp/src/assets/images/device-iphone.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="75" height="95" viewBox="0 0 75 95">
+  <image id="device-iphone" width="75" height="95" xlink:href="data:image/png;base64,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"/>
+</svg>

quickapp/src/assets/images/plus.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="79" height="95" viewBox="0 0 79 95">
+  <image id="plus" width="79" height="95" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE8AAABfCAYAAACp4podAAAABHNCSVQICAgIfAhkiAAAA0NJREFUeF7tmj2IE2EURXc2tbqCIGghCvlDELRREGy0sLARFxZEBEEQRFArWxULbbSwEWwEXdhGOwt7XbQSRMwPCRHBUgSxCeTHO5IiLMnu5DsTmZEbWLJs5rz53smdnYHvRQt+BRuIgkmDC5YHQmB5lgcMANTJszxgAKBOnuUBAwB18iwPGACok2d5wABAnTzLAwYA6uRZHjAAUCfvf5TXbrd39Hq94+pt+2AweF+tVr+CPueCZjJ5jUbjpIStRlG0e9R1X++3K5XKvblYCCyaOXkSt3c4HH5WP0sbe9Lfl5XAl4G9po5lUd5NSXo4pdM3St/p1C0EFsycvHq9/kS9XJnST0fyDgT2mjqWRXlP1eXlSZ0qkd902e5L3UJgQcsLFBdjlmd5wABAnTzLAwYA6uRZHjAAUCfP8oABgDp5lgcMANTJszxgAKBOnuUBAwB18iwPGACok2d5wABAnTzLAwYAOlPyOp3OUrfbPaHz7Z/X/od2yFY0KXBsUk/67Kc+uwv63RRV7R+Li4vrxWKxneQcieU1m81T/X7/xdgIRJL6uTtGX1BPPd5JMtqRSJ42ovfEIxAqujN3NgIXrASeK5VKrzbDE8mr1WrXJO5x4DpyiSksr7XBfgbLU/Luq8itXFoIXLTkfZS8I1ieJpdWVGwtcB25xHSlPSuXy5ewPIkrKH3vVPBoLk3MuGj1+1u9HtJNo4PlxQVGjynx6NeyfrbNuJ5cHD66037QYq9K3KetFp3ohjFeRCeIWq3Wrq0Kh36ux6H4C7owhf9eKBQOh9ZOwP3SM143wXF/D5lZXtLCocfp34NHzCwv1ADgnDzLAwYA6uRZHjAAUCfP8oABgDp5lgcMANTJszxgAKBOnuUBAwB18iwPGACok2d5wABAnTzLAwYA6uRZHjAAUCXvkfAbk0po2/OLRiAOgvKpopnbetRQ0Xnt1q9O6fK5NqMvpmoAFMucvNFox9uNA45JRyCAi5nRzMmLO9ClG49zPJCws3qPf1/XpMB1zcvVZu5wjkAm5Y33G4936DWco4Pg0pmXF9zZPwAtD0i2PMsDBgDq5FkeMABQJ8/ygAGAOnmWBwwA1MmzPGAAoE6e5QEDAP0DDiwVfl1guh8AAAAASUVORK5CYII="/>
+</svg>

quickapp/src/assets/images/tabbar-device-active.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="58.537" height="80" viewBox="0 0 58.537 80">
+  <image id="tabbar-device-active" width="58.537" height="80" xlink:href="data:image/png;base64,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"/>
+</svg>

quickapp/src/assets/images/tabbar-device.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="58.537" height="80" viewBox="0 0 58.537 80">
+  <image id="tabbar-device" width="58.537" height="80" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAABSCAYAAAAIArdYAAAABHNCSVQICAgIfAhkiAAACaVJREFUeF7tmwlsFVUUhmnphrS0EBQrFo1gkCWRTUHQCCqCqCEoVhYVQQTtQlu6UDRIRSJtSmlLWcJqxQWkRIggGKLRuEAsYXHBKLhEbUHWLpHSvX7nZaYZHvPeu6+1Qwszyc3M3HvuOec/59x17vi0u8Yun2sMbzsb8NXucdvDtoevMgsohXRUVFRwYGDgHQ0NDbeDv9sVtkE5evyKDr/k5uae8lYXt4DT0tL8SktLY2CaRgr1lnkL09fDf31NTc0rK1euPKcqyy3g+Pj4FTCKVmV2heiOhoWFDcA5tSryXQKeM2fOYF9f30KY+BoZEU5FPj4+dSrMW4IG+Tch399JpyTCO0tFnkvAeHcRDBboTBCUTVq9fPny4yqMW4omISGhC3o8QcoF+HWanP05OTnDVWS6BBwXF7cFhk9rTM4SNuGqYaMiuLk0Rv0Afw4Pd1Xh6Q7wfgAPEyYwfAuGM1QYWkVDBE5EVoEuz8/PL3jp0qUXPMl3F9IHqDxEA5wJ4BRPzKwsB3BYfX39QJHZnis0NPQLlQhss4CbatxWDTg2NvZ6nPc44G4jXdIzmwAuxeOH6VQ/cWeMVguYkB1B37GTfqSzl97cW1xcPK6goMB06Gy1gOmFfwBsfy/B6uQvMkytN6vbKgHL3N3f378cwKLf/rq6umdra2vPBwQELCArwQCknvx+lJ9irn8/+du1TnYDnezMNgOYWV4PZnl/isK0y/m0y3R5njdvXmhlZaUMRx01YEcp+0wHRlScxCA38r4DD09ok4BROhnll6qENoD/BvDNNmCDtVplGzaGtO1hN7Fth7SJceyQ1o3CTOeKLR7sNmwPS+Y9l91p2Z1WO9dfD+1Oy8ItHruXtqKXpscrZOVxl7YMy2Z9OVdlxcK+cRw7FeNUaE1oZH857Up5eDcKPaIpdQRFHDuEni4MtQdDjfVEZ1aOoT7CsONdAWZXMqCsrKy9sW5RUVG1vp3T3GEpB8ZxOnMW4kNYbB9UAOLDjoVjge7tVVFRUZufn19pBpjI6YVBjsIzwMiXvK8x0n2S1yzAVH4GT72jM4dxA+/7uH3OXenDlbeAoS+WvajExMSubNuc0eq/Q95zGqChyO5g5MsWz7EVK1acSEpKuoHnYsr8SJupM8VMvsvFA+HjW1JSIu14cBMUb1IVjPkb3uollRkWBbD++US+B593x5S6fdE1WKN5DcBveAVYE9qH+7ukQU1C0IRKeDYiLy+viAiLAUCetywAfobPLn2zsrLOeg1YKoin+Sg+FUbDUECs302i21tFVOnZvNuYnZ2dq4XwY9wlnD1uxKNbCXp9xz0d7550Ja/FFFcFaDWdDdhqi1stz/aw1Ra3Wp7tYastbrU828NWW9xqebaHrba41fJsD5tZXHYaSNVWemPZsmWyvBvOxkMKa12VjQcl9Tx6OD09PZSzFR+zEjkwl4vVSIMzZ5SbRrkcLzK9qLONqluUNIKI1dJM+K3jsbC8vHyEyoEzVd4eAa9Zs+a6CxcuyJp4AkrkR0REzIyMjLzkSBBrzyxAzaW8krucY3ZcvPvyHsTjYgA3HlR1pxzHB0dTZzdJdi7kMHiFJzCsoe9NSUn5zROdlHsELESyJu7UqZMcLElGgR2csJnEvlOVLsAAuDfbM8cM+QNR/JAqYCLlbvjvhT6Q9D6p0XjOYOAbTt6j0J/mBE/fmJgYpUPiSoB1YSi0hOdUUjQeW2XId+xwVldXh6WmppZ5C1g2FOCdIIt36vrzXsLzNGTsNPMaUTCG8k2U+dLGRyUnJ/+o4l1lDxuZoVgkO4gFelvOyMgIweOy/1SKgnJkqPHC8x49jPJd2eXIF2+Rfie9DOBU+I/ingfvZD2a5JeEkJCQxZTJQVcxyoPockQVbJMAOzPHAInkybGiNwH8qrGczmcASh8mLSPUhe6yi/pryJxF2k6ETJcI2bp1a3v2mzPIS5RtG9Ikni9imM3c7yF9C9gpgBUDeXW5DWkUHgTjSw51dujQ4dDs2bNrNGtLZzUHhf6gHd3l3I6gCcIjp6Gpg2Yb90ruB8EuHnVc/KARzGGzSPI2OmtOhDxFHcmX3xBkWJQfTTLouRc0ted2CxiBZxB4yUlz9n7D6RH/oSyesmwUKKIdjWGs/MmFB18CZBy0d0g5zx8ATjzm8pI2jbHv5T6VenIqP0yrW837Lp4LMPCu6Ojof71yL8SeAM+GxrHxjSA58jdCB6yF3byqqqrV8+fPL/EkWHp6oVm4cKFs6F82li9ZsqRzUFDQYIz3EOWTIe1BqgD0Vu7r5DwlR4mnU/Y87921IXAP988I9SPMFb5TMYByL01bW4mgKB2wKI8X+iBQDnUqXYTiWoA3DjVEyctUlPpDANJTYwLLhkMSyrTp94y9vpSLoTkePBbDTOf1Aej048VS7zjvO+lLklwp1FzAsxAinY7SBeBA4xQVwJkoGA0POTEk4/VBvLWPu9uvDLow2r4Pnu0NjwHk3QmfoRINNJnVLQIYr3fH0v1R8j2EFZGSTQTJbGsTqYxeVZRrDGfp1MLDw+ukEwR8hjbcKBnPiWgVXlX6oaxZHtaFoqycY14kXxidJ/oY5QXo5LD2TJTa4AqNAXAShnOeNck/VHK95lS/I3Ll7zlrAdOWw1BSzjcX4sWHdS9KR0TI/Ux+VXBwcE/xpCfARMstfEj7y0iHMRyTC0JVQrfxwphdeBHjWAtYNEC4/JSZp08ytEWHzItHkCZ7Wi3pHsZYA+mRi4zAMMIX8k4EjTTmMwvrDK3M3VsWMF/nZL6cj7AZzGMbf45C6eUoHEuZrIwEqJwEuGwGZublVtuGUbY/XlwLsOGkUYSww/pyaWOzTPj1oxIfUj7RbNx1Bq0Dhvcs6E87lctpBLnijfnQhkArH+1bzsMwl6/sNyLsVdqUzHcdFyHsz7o5ivyF+tjI80+EYxygPzXzqjFPB9wq2rC2HpapY29AyIfmSYB1/FwhQDmbMZ78xVr5CQAnktrT5nK4y9R0O0DS6Iy+dwXcENIjNaM2ksLbsUyEl/Ouikw5ZQz/fz2sLRR+R+ApFH9SelGWdYN5n4awyRqoGhTLZXr4uj7Fk6UfZdmkqaIv5V9SP4+TODucJ/+tsQ3fR2dVqK9NUXAvQEYDRP4n3sjz24Su6Zf3zMzM/syDUwAsc2T586QfvfZFs5AmLxY6/UCL25aA8UKglb2v/9fDZlIBHIHit6L4V57ap17OUYQeKNjFbNEu2zsyRWTcfl9lESA8OUYVyEghUXYUnt+o6KE801Jh1hZobMBtwUvN0dH2cHOs1xbq/gfeuu+eGZzBNwAAAABJRU5ErkJggg=="/>
+</svg>

quickapp/src/assets/images/tabbar-key-active.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="56" height="80" viewBox="0 0 56 80">
+  <image id="tabbar-key-active" width="56" height="80" xlink:href="data:image/png;base64,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"/>
+</svg>

quickapp/src/assets/images/tabbar-key.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="56" height="80" viewBox="0 0 56 80">
+  <image id="tabbar-key" width="56" height="80" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAABQCAYAAABMIbYpAAAABHNCSVQICAgIfAhkiAAACr1JREFUeF7tnAtwFdUZgL15QhImqYKEThIYazERFCqtVUGBgYItajtUUqUdoUpDLUJIgDx4JoR3eNiEoLyaPqy2ZcTSdoBqq0FsFccWLS1aRUoLWqLYtCSAgST0+++cc+dwubm79+5ellJ2Zmfvnuf//f9/Hnv27PVdcYkfvljzVVRUZLS1tQ2Li4vLPnv2bCb1tfl8vqNcDxK2i/iPYylDzAAXLFgwpKOjoxKYOwBI6ATiJOE7AC0D9EAsQF0HLCoq6pqWlrYEsGkIHGdT6JNYt7yqqqqW9Gdt5rGVzFVArHAbVqun5r5BtX8AwDtAH+KayLUP1+u4ppvpCNvF+c1Fixb9zZb0NhK5BgjcLe3t7S8hdLyuF2Gf5b4GF9xBfIcpD/ddUMbXSFNIms8Yccdos/2XLFnSaEN+yySuACq33Iug16kaP0bwKbjc96wkGDduXHxubu4i0pWSX8uzbeHChV+xymsn3hXAefPmrUG26QbcMOD2mALMnTv3Tix5J2ECv4X4P5jxlPEAZfzACHsAyB/ZgQiXxjEgrnYHrvaC7lAQ/qFgyyH8UoQvM1y3nfsJAPzYFG7+/Pk13E9VYf9GIf0o/30nkI4BEf45hB0pQkibA250UFvLpW3uN9zPH03a5vj4+KvNcbCgoCAxMzPzINFZqoxqlFDiGWBpaWl6UlLShwifKEJgybvpAX8V5HrjiT/HUoYlB6KQN4KsOId7aZNyvA2gbtdRcTqyIC51N7X+QtV8DJfqGdxbYuGhADaEko70PUh/zIybM2dONpb9hw7D+jmLFy8+HBUdmZwCPkwZ65TLvYw1bgsWRHrJvLy8FwkPjqvHOg+GEhzFnSA8ReJQwmCU8HtPALGOTMXmq8qfQuDxoQRBwCuxRDVpv0Tba+X6ZFNTU2VtbW1rqPSUK202T7n9V3H7rZ4AommzvTwN4L3RCmLmA/AAgJ9SYSMp97fRluvURR+i4k3KRffgordEK4iRzwfgKQCTJYxr78rKykCbjLR8R4BqDNylAE+1trb2XLFiRXOkQpjpZcpHb/yyLhOlpfI76gm4U8AE2tYxY9LsePaB9eoo7zsK+kXcc6gThTkClIpph9/nMkFp/O908Z8N7vrtCqieRmRWlKQ6mDF0MNvt5g+VzjHg7NmzeyUkJOyn8AxVwQt07aMQti0SwXhAzsE1X8V6PZWy9uKeN0VSRkwApVDcahKCbTQq+C6upSffljKijBTgfkfCgSoxtx1ivZ2WmS0SOLagKt+Hq0pXPlzXx3i3DnctR/jj4WRAOf1QzgbSmBOBR1BQnVM4ye8W4BWAXIPWBbKPAflPfm/m/Anu9hcdTto40krncT+KmKjnsiq+ErgKN+BcBZTCSkpKuiUnJ9cg8MQgAY8gdLYOw2rFpFllpgFUpmdzUcSjbsG5DqgF4+F2rLgd51UqLBhwJnHVhqV34s4PY9lDbsLFDFAKlmVDrLLbCpA0MkkfTLqoB/NwSnGtDQZXghsOwkqvSTgQh4HI0WnokGbwe6WR5zFcWA/urhrRE0BcsTszoOdRwA0GTR2Qj7hKR2GeAApEeXl5j8TExOf52d+AqgVSFoxdOzwDFAIsebWyZD+jw5mAO//QLUJPARVkX7Uo5V8wpr1uB3DMJQEob56Ak9XvzxlA38ZN1//PA5aVlX2CNihLjoMMmM3AfcvNIcMTF1VrNL8BLvBOAtfchGsWuAknivMEkHHwZ9Q9zuhYYgLnJaA8BukV8I245WS3LaeV55UFA4C45s8bGxvzN2zYcMatjsUsxxNApnEbaX+TDBeNGaQngFOnTk3OyMjYKgvBhrafwVXHum1FTwDVAJ/EGPg0kHdpKB6CR7NM8aybkJ4BSg+Oq24C0Hw/cR9W/OmlAChwjwMn454+Xj969OjNbnc2MbMgg/lAXG6vml/Kw2wBA7l/mT9ocVeCXj9z5szIpUuXfuSm9WI6Dqr1mUas1FVD8ltet8mTg35NHVO4mAIqSz2o1ks72xAUM8vFfKDXFagFqCe0Jc02Fyu3vCADvVmJemP0S8K6q/CYW+6CWVBXBGQmnY48Ch3n3UW91Yq3W51NzHpRtwR0Ws5lQKca9Dr/ZQt6bQGn9V+2oFMNep3//9OCDMIJ6enp/rdBKSkphydPntzpeolsTSbtJ5WlTrH7V97qXjRHSAuuWbNGNo37N4bL5vEZM2a8HUriurq6NDb/yDaP2zk/kifymTNnnrOT12vSqAGXL1/ejZXpHQDIy8tGlh9Gzpo1689eAwXXHxXgsmXL0oHbyROC7E07gpVHdGZlr4EjBsR9M3BF/cLkIJAjaHeHvAbprP6IAFevXn0lBT3HeRNWe4vvG0awrTnspnHy3Kza6ACU8S75GtgZ9cq0adMCe0VR2hjCs4nfh7JkQ9B5R3V1dX82Ksh7/yN4yznbpsMp1zbgypUruyOAvDAZQCVvYMVRtLkPOiscsK6kk88NZFk++HiHgOHFxcXvSQRpi+TCuY+wG0OVSRpZbcvnLCFNYIeGlefYAqS9NWEt2eRzA0LvP3369BBeQTeFKxyBRMtiGflgpIpnwP38ls1CRdx/gbgDdEyDRUlr1669ijIFVvaI3gjAPrNsrJeK9eTzoCSuWdOnT7f9VYwloOxIQqDHOK9XlbZQ0aBwncqqVavuIf02geNDrc8Hj6PAb6Gse4mvpJwKZUXZmT+esOWEBb6xkDi8534U9CQ/twEf0RcxloAU+iFnD05pG9IG80RwrHqr2Y5MjQPQwP1Q0o1B2PO2QyJwbwSWD7UONzc395Gd+uSRrV0NEgZEbxQU2DeDwrZxfw9xX6Y8vcvfyjv98XYAZbD/NZYY29LS8mkqkk92kgmrobLCULUgrKxvijJkR9N/QqWR9kl4Gi7Xt7CwUNqktMW3uMh3EsOA3CVhakiStv4vlJEd6TZNS0AE2QLc17WbGR2CgJ+n0Zqamh601047n2BYFDBE95yU7d8gRLkbUZ5/1RvryWY9+WSvGuiIv4KxA3jOVI3KfXTr8n5vlGiVLn8ArnpECw5gMoCysU52TRRzngrnS7jqdjoN/6Zz1VO/B9BJys2UJgCgTChG0xfkMQ0UC0d0RAwopQPYiwr/RMWyDLg7KytreH5+fruuGUuIy10rHRPWeTMSicj7FOnv4xxLHbspQybvr2JRmRJGfEQFKLUgSOCzHqxahQD6AxFxq3oEmxgcrqVTg7a0seOpqal9zV6WvMPJKzugtpJfZkyP83sS7in7TiM+ogaUmhBmnbxvQJAOXE2mbA3KwjLevUmc7Nv+BsI9oyVbv3594okTJ2Q2JL1soK3peNUE/sp9Dr9l8p7bpUuXzClTprRETEcGR4BqtvKauCLCvM85gHbi/9gKeGl/8jmPvJfYQ9wfufbiHEFYN64HUMKtOr0pPOXO4n6FCqtHQSG/cbID7AhQgcgcUw8d2xHmLj2GKXeTHbzyRklv1RKrPsE4Os/snExhVU8sM5tElHA7SnjJDkyoNBdkyUKe+hlq+uHG8qcAB1FC2J5VHrgBe1esTNv27vvBaLVqlQ8XXUya2XhCKe1au6pVtpDxF8SCdiSTzkd6U8bC6wF7hdPHckiO1aTequyLBpD2Ku/sv4jAsjtf+BxbT+AvJsAKoIrobWVyv5l2usyccFtZqrP4iwYwWgCrfP8FZfD8nL8qxCoAAAAASUVORK5CYII="/>
+</svg>

quickapp/src/assets/images/tabbar-message-active.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="52.093" height="80" viewBox="0 0 52.093 80">
+  <image id="tabbar-message-active" width="52.093" height="80" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAABWCAYAAACaeFU0AAAABHNCSVQICAgIfAhkiAAADRpJREFUeF7tXA10k9UZvvdLkxYotPwoeHCIDCfrkZ/ZM2haYB3QpCh42DkOHMqoekT8QSfQJoWpgSFNAoJHZRN1um4qKs4zYAhJCyuTJC1afwd6cDoR/DkKsgnYJE2+u+emSfga8n358vVrPXiac3oszb3v+z73/bv3ve+Vku/5h37P8ZFegOe7hns1qEWDE8o3FuaZQlMMhExlhI6klA1hjA7BfwdzeoyR45TQ44yQE5Swj0Ui7AuL4qutjfb/aeGnNEc3Df603D3MaGKL4dWzAWECAAjZCMsIEwmhbxFGdrSH6WOvNdV8kc18ubFdBlhidV8pEPYbgJoHUCY9hALYMMC+IBL6ULOn5o2u0NQMsHiGsyBXIBsopTfJCcAY4ybXip8vKSUnIPTXHWPZIJgpN9cL8VMMGgUKNJ4KiWSpVvPVBLDU6rwaprQZgg1PFQx+9SqIvgjfenW/J/guIQ6YntLHIUy25o2Fr07B3LmYO+Ucmox9SpmwyNdQ80q22swaYJnVuQKaeCCFUQj/fpoxYZPfW/2vbIWQjjfPcI4VBHIHobQKf8+VficyVhvw2p3Z0M8KoNnqXCUQep+UAUxtXyQaXXRgz4rD2TDONNZsWTuGUsPjqRoFP4ffa1uVaX7ie9UASy0uB/zo/iRhxiIwqbvA7DFoFL92x4fRMqv7DlB+CD/IOvGPSO7zNdh+p4ajKoBgAv8Qm5Khn7EgYXQemGxXw6SrY8wVdb8QBGFLwmR5SoEmp8Bc/ZloZwQ4zrKuXz4V38bAH8aJRaNErGz21DZmIq7n9/BNq2CgOxOaBMAPQrltE1p3OL5V4pMRYJnF5Ubyrk4QAeFVMEuHnsKrpQU3WQM3WXnWTUidz2tD0JP/KAIcPfPh3AvFts8waBAnAUc7YAq1lTU1OSJqhdJzXHHxZmPe4JMBRNjiON3jJ4+2DT90yIGNQfqPIsAyi3se4sfzialRxq5p9tp36Cl0trTi/vhy0qKIeK3fU/tXjQCdr2C1Zsa1d8w/4NKRZOvcaLZC6Tm+vNyR056b9wki90Uxuozt8Hnt12gCWGp1HYWKL+aTEbY2Imot1VNYrbRKLc6HsYtaEl/4I36PbWTWALm95w45GUykBuwrb/d77X/QKpSe8wBwCQA+HNdgxFcwKk/OsmR9cKJl3aVGKn6UFIyxq2AKu/QUVCutEotztoHSZA4Os5wRr3mXHU1HTxZgWaXrcoTN9xOTRJHMCDTY9mgVSs95Zqu7Eke05GKLRLws4Kn9d3YAy1z9ST755qwGSRVyTr2egmqlVWZ1LcbcpLucYkL+O97qM1kB5IPLLM5TiKL5Hc7M1vo99rNJVqt0OszrtPlg7DRcp3/WQSYG0Or8B8JxecdkdtjnsV+ug3xdJME34C64Dv1RXK5GyFWhEaDrTkx8JDE5yqIlzd4VLV2UsEvTAe7nILBXQmSJz2N7VBNA87Q1w6kx55OzBSS2H8Smdt/xKDN25ObdiIzW+MhoRCAjW3bZjmkCyCehPPE0AFadJUBv8Xlqnswsiv4jUoMLcvMTyM2LlDhlPE3EtXgYIPt2uCILRgU2s3l3bZP+EOQpllrWXUFotCUhB041bThmj8aZ9LMuAYxrsQaEXRJCp1BJmhHw2A70BMhJlrriHCrsBq8han0vMS6jBhMDsT3agu3RdRIGIZHRuwLemse7EyRSQgWj7CUs8IAEH6SsPyFl3aiGr2qA2MXnhU15ewCyVEoYfvA8i0SWB/b+9lM1DNWO4eX/vrnhdUjAN+OQm5QTpvk3U7jtVziTBtXQUg2QEysqcpgKh/dZTQRWLS3Nc3/AuXHjf0PBukNNjtNqGMuN4QVlk4FUoXpnx5hhSa0x0g6eNp+3ZmM29LMCKDHXqdjh/BmTL+mkTcJeC0VJRbZV6OLZjr65odwSQgSU/8n10Fe/TiAY+4SIKHI12pqzAcfHagLIJ8ZL94/CZG+QMo1QYXzL7up3pH+bNH19kcEQLULJIyJQZuoo21OUQdhQCDARVe0rYYbGdMJj7N8ZNS4MeJbGy/7ZQdQMMKlNq+ufyeIsYx8FTwwc09p6a3tsEcrXD8k1RR5JCU4ZJYzdaVC6lUZZva/Rvj/jBIUBXQKYum2SHqn4mQ33Z08A3FCVAvJSSAPA1bNTpm2BwNI2lfMUh2kGaDZv6CMMCL+V3PQythm7+sWTpj8w1GAwrE81XYkUuMdg3yI6noRpvg8neY8x8VCYirtaPSs/1wOUlIZmgNjCPYioFqvRIC+9iQg6tcCYt1CgdA2ELkwR9GXWbljq37uMF4u6qcyffmk0AYwlX0I8PD/FyuiErMGv10uq3x3cEP1gd3d+l6VGTQCxq3kHJjhW1pwYOYPdx6bTzLBa7qSttynK0csa4MTpawcbcwzH0xNkXyFfPSIKxk1aw7rewLMGyAVAKaMeAWJBfAt1HLmqGb/vFL8x1usV/fQCqgkgZ86PUVEq9NP74lMvYAk6mgHqLUh30esF2F0r21N0ezXYUyvdXXx6NdhdK9tTdHs12FMr3V18ejXYXSvbU3R7NdhTK91dfBQ1OHly3cD9+2tPqmGOU/5CHHKL9DrkoiRyC8obU8QoqWtutL2nRoZ0Y2QBlla4nGgrX0hEMhs3OK8nJpstdTdRIsz0e9vmSbt5cUbcjlLf7GDIcEFr0/LkgdhscS7H6b+SMGE+mmW/VCcobnEt7g9RECkMmoIXZ2q4U6IpC9Bscc3BM4B6TM7Bz3xcdmzrOOy67wHjDSjvoVfUnrz9TQewpLJupMDoQcpoCxoYpqUTBOWP63BYvjflO/DEFTVKH+B1RA4AbrheCnjsZ3tY0wxUNNF4K8k2FJYuQ1FpGW530ZjqEMosfXyoKF0RJsaiRH9KOoDoDtyJ3u1pESaMa2mo+SA9QNftALgJ9PYD0FdqNIxqghFzZqHY9SS6nGDK8p+MUXTKzLUXiKKhESDHiFE6gftDrBSfE3kTTbFetFbinUSsjNHJRNHAMJc/DYDgK9EksFZOBCxCDGA2fThm64ZBAmk/oQtALhgvNOUY6Hi/tzZ5+c9NFaALQicKH+Cl+nMAWly1jJI5oeOFkxOlfCUN8jYVCHxQjQbhz/m449jcBYCMllrdVegN3aL2Hi59kAHEDIXehAZVAUsZpBmg2eJexFcIhduWcFiYk/rMBncSb+O7Iik/+AXax2K3VVF816l6De1YpdqXzksAxJhZIVMQfTmZP6YzOQMFo/GYZoDkly8aSr/5iJfm7+bV6XZiKD/grf5PgjX86yACwigw4D3Ush+gHY3UMV7Jv75TH4SmYo1AAHIEV1lTcZWFu4VYBxQA0kKE/nNevkjRYj7eNJGNagBC5zCCzpqXXTmGzBq7NtAhiuIxyN2gtSQqkPJEw013AOQNt7jhTXY3KlkGruX6xXKxHgA5I/60QHrHEAd4CRj8UdFjKPkJvxxVo8HvNE3wDgtpNOUAAW4MNKt8rcxIH37frgYgFmo7DFS2JavzQrI8/upNNw0iBeDVFx3gK7j0Z7x1WFcTrairooJQlzl2njsCAJ/FTmZ5hkCnTHpS5bpxOUxEWiD1CCpVegcZJe7Yp071F4zydaXTP+NWDdp6FtqbL0bZuECjHe8B41GUkItgUrdnWL2ZSBO/ljNR3pqMh62nmhtqfCUzXD/Gs7o7cZ+6zd9Q6+XgYIb7sNV7zucJLkh9h1haUWehAl1oDAUXKj1UUQTITwMGkX6AqLwHplDZKQ8S2inRKwFNB7Dj/UOfz5EdjuKkcmX8bdJu6RtBnDGr4cNu5OLY/b+UB9oql0H49Vggl7/BxpuG0n6UTxNWJxpN6R14jFUhfYwVCzJ4Vc2oWKasQXojAtGKdAD5NTiE98L0V8D069IB5LShyd9Dk7ehL+5W3hdXWuFcSgT6ld9T8wy2k7sw34ITy9VyLwJkAfJTRDRqOILJhzF5QucE3vVEjx3MViTra1k7He3fW/OhHEDePjbw4j6OYNiwgR+kcdJ/A+fLIViUEWixxBtg8V2AiARFVpSuw0oWIHYhqwHqXrQYLPA32J/RAhAgVgLEmlQNmq2uiUjWLTDPnTDPWZx2AiB87n4crzjvcz68uypPIF/AZfYlXAYavQG++BcMfgzn1dtSJ6UFWFTuyB+I90HYO53BcWdU6nFHLk10aF24llKhHfvtvtht3AMT/QHKGMOkZQyY5zMI8fOZKBYHGmvfjAWuGc4RTKAfQ6BjCF7PoeGv0xsp7MtMMOmr4DJoCWM2LIw7GRMsLi9+fz3dU7u0APlDYazKCyD0FN4rrU9dFTmAseag/uGvETnz4nPwYI3Vo7Rxs5QGH0fyI3MCDTX8VWfyg8DBecFvO57zpX6wKHwj0EBPk7t9PtupxPc8YMlFUoUgw2hx8eM56Q6rJRXuMmKIGtO1NcfNL9YtGA7R97L/Pxo4hOLZJLFAnTBqKT5lzIPpVvJ8+lsvwPNJW+lk7dXg+a7B/wN+Ce6i4N2z+AAAAABJRU5ErkJggg=="/>
+</svg>

quickapp/src/assets/images/tabbar-message.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="50.233" height="80" viewBox="0 0 50.233 80">
+  <image id="tabbar-message" width="50.233" height="80" xlink:href="data:image/png;base64,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"/>
+</svg>

quickapp/src/assets/images/tabbar-settings.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="43.636" height="80" viewBox="0 0 43.636 80">
+  <image id="tabbar-settings" width="43.636" height="80" xlink:href="data:image/png;base64,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"/>
+</svg>

quickapp/src/assets/styles/mixins.less

@@ -0,0 +1,6 @@
+.flex-box-mixins (@column, @justify, @align) {
+  flex-direction: @column;
+  justify-content: @justify;
+  align-items: @align;
+  height: 100%;
+}

quickapp/src/assets/styles/style.less

@@ -0,0 +1,2 @@
+@import './variables.less';
+@import './mixins.less';

quickapp/src/assets/styles/variables.less

@@ -0,0 +1,9 @@
+@brand: #09ba07;
+
+@white: #ffffff;
+@black: #000000;
+@grey: #9393aa;
+@red: #fa0101;
+@green: #ffff00;
+
+@size-factor: 5px;

quickapp/src/helper/ajax.js

@@ -0,0 +1,90 @@
+/**
+ * 封装了一些网络请求方法，方便通过 Promise 的形式请求接口
+ */
+import $fetch from '@system.fetch'
+import $utils from './utils'
+
+const TIMEOUT = 20000
+
+Promise.prototype.finally = function(callback) {
+  const P = this.constructor
+  return this.then(
+    value => P.resolve(callback()).then(() => value),
+    reason =>
+      P.resolve(callback()).then(() => {
+        throw reason
+      })
+  )
+}
+
+/**
+ * 调用快应用 fetch 接口做网络请求
+ * @param params
+ */
+function fetchPromise(params) {
+  return new Promise((resolve, reject) => {
+    $fetch
+      .fetch({
+        url: params.url,
+        method: params.method,
+        data: params.data
+      })
+      .then(response => {
+        const result = response.data
+        const content = JSON.parse(result.data)
+        /* @desc: 可跟具体不同业务接口数据，返回你所需要的部分，使得使用尽可能便捷 */
+        content.success ? resolve(content.value) : resolve(content.message)
+      })
+      .catch((error, code) => {
+        console.log(`🐛 request fail, code = ${code}`)
+        reject(error)
+      })
+      .finally(() => {
+        console.log(`✔️ request @${params.url} has been completed.`)
+        resolve()
+      })
+  })
+}
+
+/**
+ * 处理网络请求，timeout 是网络请求超时之后返回，默认 20s 可自行修改
+ * @param params
+ */
+function requestHandle(params, timeout = TIMEOUT) {
+  try {
+    return Promise.race([
+      fetchPromise(params),
+      new Promise((resolve, reject) => {
+        setTimeout(() => {
+          reject(new Error('网络状况不太好，再刷新一次？'))
+        }, timeout)
+      })
+    ])
+  } catch (error) {
+    console.log(error)
+  }
+}
+
+export default {
+  post: function(url, params) {
+    return requestHandle({
+      method: 'post',
+      url: url,
+      data: params
+    })
+  },
+  get: function(url, params) {
+    return requestHandle({
+      method: 'get',
+      url: $utils.queryString(url, params)
+    })
+  },
+  put: function(url, params) {
+    return requestHandle({
+      method: 'put',
+      url: url,
+      data: params
+    })
+  }
+  // 如果，method 您需要更多类型，可自行添加更多方法；
+}

quickapp/src/helper/apis/example.js

@@ -0,0 +1,20 @@
+import $ajax from '../ajax'
+
+/**
+ * @desc 在实际开发中，您可以将 baseUrl 替换为您的请求地址前缀；
+ *
+ * 已将 $apis 挂载在 global，您可以通过如下方式，进行调用：
+ * $apis.example.getApi().then().catch().finally()
+ *
+ * 备注：如果您不需要发起请求，删除 apis 目录，以及 app.ux 中引用即可；
+ */
+const baseUrl = 'https://api.exampel.com/'
+
+export default {
+  getApi(data) {
+    return $ajax.get(`${baseUrl}your-project-api`, data)
+  },
+  postOtherApi(data) {
+    return $ajax.post(`${baseUrl}your-project-api`, data)
+  }
+}

quickapp/src/helper/apis/index.js

@@ -0,0 +1,14 @@
+/**
+ * 导出 apis 下目录的所有接口
+ */
+const files = require.context('.', true, /\.js/)
+const modules = {}
+
+files.keys().forEach(key => {
+  if (key === './index.js') {
+    return
+  }
+  modules[key.replace(/(^\.\/|\.js$)/g, '')] = files(key).default
+})
+
+export default modules

quickapp/src/helper/utils.js

@@ -0,0 +1,29 @@
+/**
+ * 您可以将常用的方法、或系统 API，统一封装，暴露全局，以便各页面、组件调用，而无需 require / import.
+ */
+const prompt = require('@system.prompt')
+
+/**
+ * 拼接 url 和参数
+ */
+function queryString(url, query) {
+  let str = []
+  for (let key in query) {
+    str.push(key + '=' + query[key])
+  }
+  let paramStr = str.join('&')
+  return paramStr ? `${url}?${paramStr}` : url
+}
+
+function showToast(message = '', duration = 0) {
+  if (!message) return
+  prompt.showToast({
+    message: message,
+    duration
+  })
+}
+
+export default {
+  showToast,
+  queryString
+}

quickapp/src/manifest.json

@@ -0,0 +1,55 @@
+{
+  "package": "com.pushdeer.app",
+  "name": "pushdeer",
+  "versionName": "1.0.0",
+  "versionCode": 1,
+  "minPlatformVersion": 1070,
+  "icon": "/assets/images/logo.svg",
+  "features": [
+    {
+      "name": "system.prompt"
+    },
+    {
+      "name": "system.router"
+    },
+    {
+      "name": "system.shortcut"
+    },
+    {
+      "name": "system.fetch"
+    }
+  ],
+  "permissions": [
+    {
+      "origin": "*"
+    }
+  ],
+  "template/official": "demo-template",
+  "config": {
+    "logLevel": "debug"
+  },
+  "router": {
+    "entry": "pages",
+    "pages": {
+      "pages": {
+        "component": "index"
+      },
+      "pages/Home": {
+        "component": "index",
+        "launchMode": "singleTask"
+      }
+    }
+  },
+  "display": {
+    "titleBarBackgroundColor": "#f2f2f2",
+    "titleBarTextColor": "#414141",
+    "pages": {
+      "pages": {
+        "titleBar": false
+      },
+      "pages/Home": {
+        "titleBar": false
+      }
+    }
+  }
+}

quickapp/src/pages/Device/card.ux

@@ -0,0 +1,61 @@
+<template>
+  <list-item type="device" class="card">
+    <div class="icon">
+      <image src="{{ devObj.icon}}" />
+    </div>
+    <text class="label">{{ devObj.name }}</text>
+  </list-item>
+</template>
+
+<script>
+export default {
+
+  props: ['devObj'],
+
+  data: {
+    defaultDevObj: { icon: "/assets/images/device-ipad.svg", name: "Easy’s iPad(当前设备)" },
+  },
+
+  onInit() {
+    if (!this.devObj) this.devObj = this.defaultDevObj
+    // console.log('card', this.devObj)
+    // console.log('card', 'name', this.devObj.name)
+  }
+}
+</script>
+
+<style lang="less">
+@color: #3b4789;
+
+.card {
+  border-color: @color;
+  border-radius: 16px;
+  border-width: 3px;
+  padding: 32px;
+  margin: 24px 0;
+  background-color: #FFFFFF;
+  /* justify-content: center;
+  align-items: center; */
+
+  .icon {
+    width: 120px;
+    height: 80px;
+    margin-right: 16px;
+    justify-content: center;
+  }
+
+  .label {
+    color: @color;
+    font-size: 36px;
+  }
+}
+/* .wrapper {
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+.title {
+  text-align: center;
+  color: #212121;
+} */
+</style>

quickapp/src/pages/Device/index.ux

@@ -0,0 +1,55 @@
+<import name="card" src="./card"></import>
+<template>
+  <div class="wrapper">
+    <!-- <text class="title">device</text>
+    <text class="title">device</text> -->
+    <div class="header">
+      <text>设备</text>
+      <image src="/assets/images/plus.svg" />
+    </div>
+    <list style="width: 80%">
+      <card></card>
+      <card dev-obj="{{ dev }}"></card>
+      <card dev-obj="{{ dev }}"></card>
+      <card dev-obj="{{ dev }}"></card>
+      <card dev-obj="{{ dev }}"></card>
+      <card dev-obj="{{ dev }}"></card>
+      <card dev-obj="{{ dev }}"></card>
+      <card dev-obj="{{ dev }}"></card>
+      <card dev-obj="{{ dev }}"></card>
+      <card dev-obj="{{ dev }}"></card>
+      <card dev-obj="{{ dev }}"></card>
+    </list>
+  </div>
+</template>
+
+<script>
+export default {
+  data: {
+    dev: { icon: "/assets/images/device-iphone.svg", name: "备用机iPhone13" },
+  },
+
+  onInit() { }
+}
+</script>
+
+<style lang="less">
+@import './../../assets/styles/style.less';
+
+.wrapper {
+  .flex-box-mixins(column, flex-start, center);
+  width: 100%;
+  padding-top: 84px;
+
+  .header {
+    margin-bottom: 24px;
+    width: 80%;
+    justify-content: space-between;
+
+    text {
+      font-size: 48px;
+      color: #000000;
+    }
+  }
+}
+</style>

quickapp/src/pages/Home/device.ux

@@ -0,0 +1,31 @@
+<template>
+  <div class="wrapper">
+    <text class="title">{{ title }}</text>
+  </div>
+</template>
+
+<script>
+export default {
+  data: {
+    title: "Hello World. Quickapp Component."
+  },
+  
+  props: [],
+  
+  onInit() {}
+}
+</script>
+
+<style lang="less">
+
+@import './../../assets/styles/style.less';
+
+.wrapper {
+  .flex-box-mixins(column, flex-start, center);
+  width: 100%;
+}
+.title {
+  text-align: center;
+  color: #212121;
+}
+</style>

quickapp/src/pages/Home/index.ux

@@ -0,0 +1,80 @@
+<import name="my-tabbar" src="./tabbar"></import>
+<import name="device" src="../Device"></import>
+<import name="key" src="./device"></import>
+<import name="message" src="./device"></import>
+<import name="settings" src="./device"></import>
+<template>
+  <div class="wrapper">
+    <stack class="stack">
+      <image class="deer-background" src="/assets/images/home-background.svg" />
+      <component is="{{ tabbarData[currentPageIndex].compName }}"></component>
+    </stack>
+    <my-tabbar tabbar="{{tabbarData}}" onemit-evt="emitEvt"></my-tabbar>
+  </div>
+</template>
+
+<script>
+export default {
+  private: {
+    currentPageIndex: 0,
+    tabbarData: [
+      {
+        iconPath: '/assets/images/tabbar-device.svg',
+        selectedIconPath: '/assets/images/tabbar-device-active.svg',
+        active: true,
+        compName: 'device',
+      },
+      {
+        iconPath: '/assets/images/tabbar-key.svg',
+        selectedIconPath: '/assets/images/tabbar-key-active.svg',
+        active: false,
+        compName: 'key',
+      },
+      {
+        iconPath: '/assets/images/tabbar-message.svg',
+        selectedIconPath: '/assets/images/tabbar-message-active.svg',
+        active: false,
+        compName: 'message',
+      },
+      {
+        iconPath: '/assets/images/tabbar-settings.svg',
+        selectedIconPath: '/assets/images/tabbar-settings-active.svg',
+        active: false,
+        compName: 'settings',
+      }
+    ]
+  },
+  onRefresh() {
+    console.log('home page refreshed!!!')
+  },
+  onShow() {
+    console.log('home page shown!!!')
+    this.$page.setTitleBar({ text: this.tabbarData[this.currentPageIndex].title })
+  },
+  emitEvt({ detail: { idx: newIdx } } = evt) {
+    // console.log('home', 'emitEvt', 'newIdx', newIdx)
+    // console.log('home', 'emitEvt', 'tabbarData', this.tabbarData)
+    // 解构交换变量
+    [this.tabbarData[this.currentPageIndex].active, this.tabbarData[newIdx].active]
+      = [this.tabbarData[newIdx].active, this.tabbarData[this.currentPageIndex].active]
+    this.currentPageIndex = newIdx
+  },
+}
+</script>
+<style lang="less">
+@import './../../assets/styles/style.less';
+
+.wrapper {
+  .flex-box-mixins(column, center, center);
+
+  .stack {
+    flex-grow: 1;
+    align-items: flex-end;
+
+    .deer-background {
+      width: 100%;
+      margin-bottom: 20px;
+    }
+  }
+}
+</style>

quickapp/src/pages/Home/tabbar.ux

@@ -0,0 +1,65 @@
+<template>
+  <div class="tabbar">
+    <div class="shadow"></div>
+    <div class="tab">
+      <div for="{{tab in tabbar}}">
+        <image
+          @click="changePage($idx)"
+          src="{{tab.active?tab.selectedIconPath:tab.iconPath}}"
+        ></image>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+
+export default {
+  props: {
+    tabbar: { default: [] }
+  },
+  changePage(idx) {
+    console.log('tabbar', 'changePage', idx)
+    this.$emit('emitEvt', {
+      idx
+    });
+  }
+};
+</script>
+
+
+<style lang="less">
+.tabbar {
+  .shadow {
+    position: fixed;
+    bottom: 108px;
+    height: 12px;
+    width: 100%;
+    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.09));
+  }
+
+  .tab {
+    background-color: rgba(255, 255, 255, 0.98);
+    /* position: fixed; */
+    /* bottom: 0; */
+    /* flex-direction: row; */
+    height: 108px;
+    width: 100%;
+    justify-content: space-around;
+
+    div {
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+      width: 60px;
+    }
+
+    image {
+      height: 80px;
+    }
+
+    text {
+      font-size: 30px;
+    }
+  }
+}
+</style>

quickapp/src/pages/index.ux

@@ -0,0 +1,69 @@
+<!-- <import name="button" src="apex-ui/components/button/index"></import> -->
+<template>
+  <!-- template里只能有一个根节点 -->
+  <div class="wrapper">
+    <div class="logo">
+      <img src="/assets/images/index-logo.svg" />
+    </div>
+    <div class="btn-group">
+      <text class="btn-wx" @click="onWxSignBtnClick">Sign in with WeChat</text>
+        <!-- class="btn-wx"
+        value="Sign in with WeChat"
+        onclick="onWxSignBtnClick"
+      /> -->
+    </div>
+  </div>
+</template>
+
+<script>
+import router from '@system.router'
+
+export default {
+  // 页面级组件的数据模型，影响传入数据的覆盖机制：private内定义的属性不允许被覆盖
+  private: {
+  },
+
+  onWxSignBtnClick() {
+    router.replace({
+      uri: '/pages/Home',
+    })
+  },
+
+  onInit() {
+  },
+}
+</script>
+
+<style lang="less">
+.wrapper {
+  flex-direction: column;
+  align-items: center;
+  height: 100%;
+
+  .logo {
+    flex-direction: column;
+    justify-content: center;
+    height: 60%;
+    width: 50%;
+  }
+
+  .btn-group {
+    flex-direction: column;
+    width: 50%;
+    /* margin: 0 auto; */
+
+    text {
+      margin: 16px 0;
+      padding: 24px;
+      border-width: 3px;
+      border-radius: 8px;
+      text-align: center;
+      font-size: 32px;
+    }
+    .btn-wx {
+      color: #296c05;
+      border-color: #296c05;
+    }
+  }
+}
+</style>

quickapp/src/sitemap.json

@@ -0,0 +1,3 @@
+{
+  "rules": [{ "rule": "enable", "page": "*" }]
+}