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

haoya

v1.0.8

Published

基于 WeUI 2 的移动端 React 组件库。

Downloads

22

Readme

好呀

好呀WeUI 2React 实现,同时支持 Web、Taro 3Remax 2 多平台。

安装

# npm
npm i haoya

# or, yarn
yarn add haoya

# or, pnpm
pnpm add haoya

如果你的网络环境欠佳,推荐使用 tbify 自动连接淘宝镜像加速:

# 首先,全局安装 tbify
npm i tbify --global

# 然后,在任意要使用的命令前加上 tbify 前缀即可:

# npm
tbify npm i haoya

# or, yarn
tbify yarn add haoya

# or, pnpm
tbify pnpm add haoya

使用

好呀支持在 Web、Taro 3Remax 2 多平台使用。

Web

Web 下无需特别设定,就跟你平时开发一样,爱用啥用啥,爱咋用咋用。

引入样式

必须全局全量引入样式文件:

// 如果基于 375 宽的设计稿开发,这样引入
import 'haoya/lib/styles.css'

// 如果基于 750 宽的设计稿开发,这样引入
import 'haoya/lib/[email protected]'

如果基于其他宽的设计稿开发或需要自定义主题,新建一个 less 文件,然后全局引入它:

// 基于的设计稿宽度
@designWidth: 750;
// 主色
@primaryColor: red;

@import '~haoya/lib/styles.less';

TODO

[x] 小程序不支持 CSS * 选择符 [x] 小程序的 hover 类名得对其 H5 [x] 选择器基础组件类名对其 H5 [] Remax 小程序选择器 separator 禁用 [x] 主色调变量混乱,按钮的主色无法改变