nb-component

通用 Web 组件库

开发组件

npm start

打包组件

针对客户配置的需要修改 stencil.config.ts

npm run build -- 全量打包 -> dist/

npm run build-客户名 -- 针对性打包 -> dist/客户名

组件列表概述

具体代码 API 以及 demo 请查阅 src/components/* 下的相关文件
部分调用示范
不同框架下的调用方法

开源CDN

npm login --registry http://registry.npmjs.org npm publish --registry http://registry.npmjs.org 使用 unpkg, jsDelivr 等开源 cdn 可在开发阶段使用（版本号对应的全量包）

• H5动作面板: nb-actionsheet
• H5固钉悬浮: nb-affix
• H5徽标: nb-affix
• 雷达图: nb-canvas-radar
• H5海通定制评论富文本渲染: ht-richtext/*
• H5列表展示: nb-list / nb-list-item
• H5跑马灯: nb-marquee
• H5下拉刷新上拉加载更多: nb-refresh
• H5提示框: nb-modal
• 分页: nb-pagination
• H5时间选择器: nb-datetime-picker
• H5搜索框: nb-search-bar
• 限制文本显示长度或行数: nb-string-limit
• H5 svg图标: nb-svg-icon
• H5开关切换: nb-switch
• H5下横线tab切换: nb-tab-slide
• H5仿微信标签选择器: nb-tag-input-set
• H5限制字数的输入框: nb-limit-textarea
• H5轻提示: nb-toast
• H5图片上传: nb-upload-simple-image
• H5仿通讯录侧边滑动定位: nb-vscroll-nav
• H5顶部导航: nb-header-nav
• H5异步处理按钮: nb-button-async (支持倒计时)