@smt-ui-template/page-policy
v0.0.3-alpha.0
Published
政策文件库模版
Downloads
3
Maintainers
Keywords
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 // 像素转换、防抖等工具方法