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

@xsyx/hanzo-newuser-product-card

v1.1.2

Published

新客专享-商品卡片

Downloads

5

Readme

changelog

v1.1.2

  • 去掉非新客遮罩层
  • 返回首页改成新用户专享

v1.1.0

  • 去掉南县文案

v1.1.0

  • 修改样式:调整立即购买按钮边距

v1.0.0

  • 新客专享
属性列表
const SALE_STATUS = {
  WAITING: "WAITING", // 预售
  ACTIVE: "ACTIVE", // 正常
  SOLDOUT: "SOLDOUT", // 售罄
  OVER: "OVER", //  活动结束
  LACK: "LACK", // 缺货
};
const CARD_TYPE = {
    NORMAL: 'NORMAL',
    FRESH_HOUSE: 'FRESH_HOUSE',
    FRESH_ENTRY: "FRESH_ENTRY" // 仅作为入口
}
// 橱窗类型
const WINDOW_TYPE = {
  NORMAL: 'NORMAL',
  // 生鲜橱窗
  BRAND_HOUSE: 'BRAND_HOUSE',
  // 首页橱窗
  FRESH_ENTRY: "CLASSIFY" // 仅作为入口
}
{
    buyer: Array, // 购买记录
    cartCount: Number, // 购物车数量
    cover: String,
    follows: String,
    key: String, // 卡片ID
    limit: Number, // 个人限量
    marketPrice: String, // 市场价
    pickUpDate: String,
    preSaleDate: String,
    price: String, // 折后价
    saled: String, // 已售,销量
    saledTotle: String, // 已售
    skeleton: Boolean, // 是否骨架
    status: { type: String, value: SALE_STATUS.ACTIVE }, // 卡片状态
    statusText: { type: String, value: "加入购物车" }, // 卡片状态文字
    totle: Number, //库存、总量,
    timeOffset: Number, //修正本地时间
    title: String,
    type: { type: String, value: CARD_TYPE.NORMAL }, // 卡片类型,品牌馆卡片、普通商品
    windType: { type: String, value: WINDOW_TYPE.NORMAL }, // 分类橱窗类型
    vendor: String,
    video: String,
    liveType: String, // 直播类型,upcoming 即将开始,living 直播中,finish 直播结束
    liveTitle: String, // 直播标题
    countdownType: String, // 倒计时类型 price,buyrule,allline
    isContinuousSale: Boolean, // 是否连卖 
}
事件列表

| 事件 | 参数 | 描述 | | -------- | -----: | :----: | | cart-add | e | 点击购物车 | | cart-reduce | e | 点击减少购物车 | | cover-click | e | 点击商品封面 | | btn-click |e | 点击按钮的封面 | | cover-press | e | 商品封面长按 | | player-click | e | 点击播放按钮 | | buyer-click | e | 点击购买记录 |