@smt-ui-template/page-policy

政策文件库模版

Usage no npm install needed!

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

README

政务解决方案 —— 政策文件库模版

使用说明

  • 该模版要求的最低基础库版本为3.105。
  • 该模版使用了es6语法,需要开启开发者工具的增强编译,操作步骤: 开启说明;同时也需开启上传代码时样式自动补全
  • 该模版展现的数据皆为测试数据,使用的测试数据皆放在mock目录下,开发者可以按需修改为自己项目所需的格式。
  • 数据请求的状态包含以下4种:数据正常有值、数据正常为空、请求异常、无网。
  • 提供了使用tab组件和筛选组件的两种首页效果,页面路径分别为:pages/indexTab/index、pagex/indexFilter/index。可以分别选择这两个页面作为小程序首页,查看效果。

目录结构说明

.
├── README.md                 // 模版说明文档
├── package.json              // 包配置
├── project.swan.json         // 项目配置文件
├── app.json                  // 小程序配置文件
├── app.js                    // 小程序全局逻辑
├── components                // 组件目录
│   ├── Button                // 按钮
│   ├── CustomTitleBar        // 自定义顶部标题栏
│   ├── Feed                  // feed 滚动加载
│   ├── Filter                // 筛选栏
│   ├── FilterItem            // 筛选项
│   ├── Footer                // 底部footer
│   ├── Icon                  // 图标
│   ├── LoadingStatus         // 加载状态
│   ├── NoticeBar             // 走马灯通知栏
│   ├── SearchBar             // 顶部搜索栏
│   ├── Spin                  // feed底部状态文字
│   ├── StatePage             // 状态页,如无网、无数据
│   └── Tabs                  // tab组件
├── mock                      // 测试数据目录
│   ├── article.js            // 政策详情、政策列表测试数据
│   ├── base.js               // 生成测试数据使用的公共方法
│   ├── collect.js            // 我的收藏测试数据
│   ├── home.js               // 首页测试数据
│   ├── search.js             // 搜索页测试数据
│   └── subscribe.js          // 我的订阅测试数据
├── pages                     // 政策文件库页面目录
│   ├── article               // 政策详情页
│   ├── articleList           // 政策列表页
│   ├── collect               // 我的收藏页
│   ├── indexFilter           // 首页(使用筛选)
│   ├── indexTab              // 首页(使用tab)
│   ├── search.js             // 搜索页
│   └── subscribe.js          // 我的订阅页
└── common                    // 通用处理目录
    ├── css                   // css
    │  └── index.css          // 公共css样式
    └── utils                 // 工具方法
       ├── behavior.js        // 组件通信
       ├── event-emitter.js   // 事件流工具
       └── index.js           // 像素转换、防抖等工具方法