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

xiaowu-iov-ui-test

v1.0.1

Published

## Introduction: > 为了方便开发者组件开发,提供一个可用于开发、调试的自定义组件包

Downloads

5

Readme

智能小程序自定义组件模板

Introduction:

为了方便开发者组件开发,提供一个可用于开发、调试的自定义组件包

Quick Start

安装依赖: npm ci

Use

  • 用户组件代码在 src 目录下,通过使用命令辅助开发;
  • npm run dev 生成 smartprogram_dev 测试文件
  • npm run watch 生成 smartprogram_dev 测试文件并监听文件变化
  • npm run clean 清除 smartprogram_dev 测试文件

主题属性

/* 用于全局底层背景色 */
--icolorBackground: #1b1f2b;
/* 用于卡片容器部件,用于表层关键部件 */
--icolorSurface1Gradient: #2d273b, #363c4e;
/* 应用在强调或较为重要的的控件当中,须谨慎使用 */
--icolorPrimaryGradient: #d4a178, #ffe1a4;
/* 应用在常规控件当中,以引导点击为主*/
--icolorSecondary1Gradient: #272d3b, #353c4e;
/* 应用在常规控件当中,用在输入框、搜索框、选项卡等底色 */
--icolorSecondary2: rgba(7, 13, 30, .15);
/* 应用在选择器,开关等底色上 */
--icolorSecondary3: rgba(0, 0, 0, .3);
/* 进度条,loading等底色 */
--icolorTertiary: rgba(255, 255, 255, .3);
/* 应用于支付成功、预订成功、保存成功、优化完成等操作成功 */
--icolorSucceed: #4aceac;
/* 应用于支付失败、保存失败、警示提醒等操作失败及提醒 */
--icolorWarning: #913232;

--icolorTextPrimary: #ffffff;
--icolorTextCaption: rgba(255, 255, 255, .5);
--icolorTextHint: #636a7b;
--icolorTextLink: #e5b586;
--icolorTextHighlight: #e5b586;
--icolorTextSucceed: #79eddc;
--icolorTextWarning: #ee4141;

/* 用于运营类等一级大标题 */
--ifontsizeH1: 9.33vh;
/* 运营类二级大标题 */
--ifontsizeH2: 7.66vh;
/* 用于常规标题如导航、标题栏 */
--ifontsizeTitle: 6vh;
/* 一级内容、操控类(Tab、弹窗标题、列表标题等 */
--ifontsizeC1: 6vh;
/* 二级内容(二级导航、按钮) */
--ifontsizeC2: 5vh;
/* 三级内容(辅助类文案,列表) */
--ifontsizeC3: 4.66vh;
/* 辅助类文案,比如输入出错提示 */
--ifontsizeCaption1: 4vh;
/* 仅用于标签(谨慎使用) */
--ifontsizeCaption2: 3.33vh;