@hap-toolkit/dsl-xvm 1.9.11 → 1.9.12

package/templates/app/demo/src/pages/Demo/index.ux

@@ -0,0 +1,72 @@
+<!-- 
+  Copyright (c) 2021-present, the hapjs-platform Project Contributors
+  SPDX-License-Identifier: Apache-2.0
+-->
+
+<template>
+  <!-- template里只能有一个根节点 -->
+  <div class="wrapper">
+    <text class="title">{{ title }}</text>
+    <!-- 点击跳转详情页 -->
+    <input
+      class="btn"
+      type="button"
+      value="跳转到详情页"
+      onclick="onDetailBtnClick"
+    />
+  </div>
+</template>
+
+<script>
+import router from '@system.router'
+
+export default {
+  // 页面级组件的数据模型，影响传入数据的覆盖机制：private内定义的属性不允许被覆盖
+  private: {
+    title: '欢迎体验快应用开发'
+  },
+
+  onInit() {
+    // --------------------------------- Optimize SEO Start
+    // 当 titlebar 的文案与搜索的标题不一致时，请先设置 titlebar
+    // 备注：this.$page.setMeta 需要引擎 1090 版本及以上才支持，因此这段做注释处理；
+    // this.$page.setTitleBar({ text: 'setTitlebar 设置的标题' })
+    // this.$page.setMeta({
+    //   title: '快应用示例模版',
+    //   description:
+    //     '快应用是移动互联网新型应用生态，与手机系统深度整合，为用户提供更加场景化的体验。具备传统APP完整的应用体验，但无需安装、即点即用。'
+    // })
+    // --------------------------------- Optimize SEO End
+  },
+
+  onDetailBtnClick() {
+    // 跳转到应用内的某个页面，router用法详见：文档 -> 接口 -> 页面路由
+    router.push({
+      uri: '/pages/DemoDetail'
+    })
+  }
+}
+</script>
+
+<style lang="scss">
+@import './../../assets/styles/style.scss';
+
+.wrapper {
+  @include flex-box-mixins(column, center, center);
+  .title {
+    font-size: 8 * $size-factor;
+    text-align: center;
+    color: $black;
+  }
+
+  .btn {
+    width: 90 * $size-factor;
+    height: 16 * $size-factor;
+    border-radius: 8 * $size-factor;
+    background-color: $brand;
+    color: $white;
+    font-size: 30px;
+    margin-top: 16 * $size-factor;
+  }
+}
+</style>

package/templates/app/demo/src/pages/DemoDetail/index.ux

@@ -0,0 +1,62 @@
+<!-- 
+  Copyright (c) 2021-present, the hapjs-platform Project Contributors
+  SPDX-License-Identifier: Apache-2.0
+-->
+
+<template>
+  <!-- template里只能有一个根节点 -->
+  <div class="wrapper">
+    <text class="title">{{ text }}</text>
+    <text class="desc"
+      >快应用是移动互联网新型应用生态，与手机系统深度整合，为用户提供更加场景化的体验。具备传统APP完整的应用体验，但无需安装、即点即用。
+    </text>
+    <text class="desc"
+      >标准是由主流手机厂商组成的快应用联盟联合制定。其标准的诞生将在研发接口、能力接入、开发者服务等层面建设标准平台，以平台化的生态模式对个人开发者和企业开发者全品类开放
+    </text>
+    <input
+      class="btn"
+      type="button"
+      value="欢迎使用"
+      onclick="onWelcomeBtnClick"
+    />
+  </div>
+</template>
+
+<script>
+export default {
+  private: {
+    text: '快应用是什么？'
+  },
+
+  onWelcomeBtnClick() {
+    $utils.showToast('快应用：复杂生活的简单答案，让生活更顺畅')
+  }
+}
+</script>
+
+<style lang="scss">
+@import './../../assets/styles/style.scss';
+
+.wrapper {
+  @include flex-box-mixins(column, center, center);
+  margin: 0 10 * $size-factor;
+  .title {
+    font-size: 8 * $size-factor;
+    text-align: center;
+    color: $black;
+  }
+  .desc {
+    margin-top: 10 * $size-factor;
+    color: $grey;
+  }
+  .btn {
+    width: 90 * $size-factor;
+    height: 16 * $size-factor;
+    border-radius: 8 * $size-factor;
+    background-color: $brand;
+    color: $white;
+    font-size: 30px;
+    margin-top: 16 * $size-factor;
+  }
+}
+</style>

package/templates/app/demo/src/sitemap.json

@@ -1,4 +1,3 @@
 {
-  "doc": "https://doc.quickapp.cn/framework/sitemap.html",
   "rules": [{ "rule": "enable", "page": "*" }]
 }