npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@smt-ui-template/page-policy

v0.0.3-alpha.0

Published

政策文件库模版

Downloads

3

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           // 像素转换、防抖等工具方法