@smt-ui-template/page-query-form

page-query-form 政务查询表单模版

Usage no npm install needed!

<script type="module">
  import smtUiTemplatePageQueryForm from 'https://cdn.skypack.dev/@smt-ui-template/page-query-form';
</script>

README

模版名称

page-query-form

解释:

查询类服务模板

使用说明

  • 该模版要求的最低基础库版本为3.105。
  • 该模版使用了es6语法,需要开启开发者工具的增强编译,操作步骤: 开启说明;同时也需开启上传代码时样式自动补全
  • 该模版展现的数据皆为测试数据,使用的测试数据皆放在utils/mock.js目录下,开发者可以按需修改为自己项目所需的格式和数据。
  • 可在pages下的某个页面的json文件里面通过修改navigationBarTitleText属性值来改变页面标题,也可在js文件中通过swan.setNavigationBarTitle方法来改变页面的标题
  • 提供了表单查询功能和查询结果详情,表单查询主要是提供了表单组件的校验、验证码功能等,结果页面主要提供了错误页状态的信息、查询出的结果列表;具有内容输入、信息筛选等高频板块的页面模版,可应用于例如专利查询、限行查询、税务查询等查询类服务场景。

目录结构

.
├── README.md                           // 模版说明文档
├── package.json                        // 包配置
├── project.swan.json                   // 项目配置文件
├── app.json                            // 小程序配置文件
├── app.css                             // 小程序全局样式
├── app.js                              // 小程序全局逻辑
├── atomic-index.json                   // 模板配置信息
└── @smt-ui-template-page-query-form    // 模板文件
    ├── pages                           // 模板页面
    │   ├── index                       // 模板首页(表单页)
    │   └── resule                      // 模板查询结果页
    └── utils                           // 模板工具
        ├── mock.js                     // 查询结果页面测试数据
        └── utils.js                    // 公用方法文件