@ls-design/ui v1.0.2

文档网站放本地了，自己起docker run就行

不是买不起服务器，而是md更有性价比

⚙️ 安装

# vue或vanilla
npm install @ls-design/ui --save

# react
npm install @ls-design/ui-react --save

🚀 使用示例

<!-- vue -->
<template>
  <ls-button>普通按钮</ls-button>
</template>

<script>
  import '@ls-design/ui/dist/es/button'
</script>

<!-- vanilla -->

<ls-button>普通按钮</ls-button>

<script type="module">
  import '@ls-design/ui/dist/es/button'
</script>

📖 组件列表

只提供了react文档，vue或vanilla方式如上 通过<ls-组件名></ls-组件名> 使用 其他命令式的组件可参照下方react文档

• 基本组件

  • button 按钮
  • cell 单元格
  • icon 图标
  • image 图片

• 数据组件

  • badge 徽标
  • grid 宫格
  • imagePreview 图片预览
  • list 列表
  • virtuallist 虚拟列表
  • marquee 跑马灯
  • noticebar 通知栏
  • progress 进度条
  • circle 环形进度条
  • skeleton 骨架屏
  • steps 步骤条
  • sticky 粘性布局
  • swipe 轮播图
  • tag 标签

• 导航组件

  • navbar 导航栏
  • tab 标签页
  • tabbar 底部导航栏

• 操作反馈

  • actionsheet 动作面板
  • collapse 折叠面板
  • dialog 模态框
  • loading 加载动画
  • overlay 遮罩层
  • popover 气泡弹出框
  • popup 底部弹框
  • pullrefresh 下拉刷新
  • sharesheet 分享面板
  • toast 消息提示
  • tooltip 文字提示
  • swipecell 滑动单元格

• 表单组件

  • cascade 级联选择器
  • checkbox 多选框
  • input 输入框
  • datetimepicker 日期时间选择器
  • picker 选择器
  • radio 单选框
  • rate 评分
  • stepper 步进器
  • switch 开关
  • textarea 多行文本框
  • upload 图片上传

• 其它组件

  • empty 空状态

  • countdown 倒计时

🙏 ls-design参考自著名开源项目 quark-design

quark-design提供了诸多灵感和组件编写思路