分享一个精简版react mobile ui库,希望有共同爱好的人一起来维护,包含且不限于react
发布于 4 个月前 作者 febobo 1542 次浏览 来自 分享

如果以下内容对你有丝毫帮助,请别心疼你的star 传送门 暂未放出正式版,目前仅供于学习交流
文档已补齐 文档直通车

react-ui

Based on the react to maintain a set of ionic style of reusable component library

React-design

Show

demo

Phone preview

image

demo体验

Installation

git clone https://github.com/react-design/react-ui.git

Install dependencies

npm install --registry=https://registry.npm.taobao.org --verbose

Start server

npm start

How to visit

Open url http://127.0.0.1:8080/ in browser.

Components

Components of the plan, the subsequent will continue to add new components

  • [x] Button
  • [x] Input
  • [x] grid
  • [x] Switch
  • [ ] Numberbox
  • [ ] Checkbox
  • [ ] Select
  • [x] ActionSheet
  • [ ] Tabbar
  • [x] Dialog
  • [x] Toast
  • [ ] Popover
  • [x] Carousel
  • [ ] Popover
  • [ ] Navigation
  • [ ] Spiner
  • [ ] Datepicker
  • [ ] Processbar
  • [x] Searchbar
  • [ ] ShareGroup

Change log

Project Structure

   |-- example  
   |-- lib
   |-- src  
   |   |-- components  
   |   |   |-- button 
   |   |   |   |-- button.js
   |   |   |   |-- index.js
   |   |   |   `-- styles.less
   |   |   |-- ...  
   |   `-- index.js
   |-- .babelrc
   |-- .editorconfig
   |-- .eslintrc
   |-- .travis.yml
   |-- package.json
   `-- webpack.config.js

Welcome

  • Star
  • Fork
  • PR
  • Issue
22 回复

打开控制台报这个错

vendor.bundle.js:1 Warning: It looks like you're using a minified copy of the development build of React. When deploying React apps to production, make sure to use the production build which skips development warnings and is faster. See https://fb.me/react-minification for more details.



来自react-cnode手机版

http://demo.react-d.com/#/toast?_k=xoamwk 这个地址点击:loading-hide 按钮报错

@1340641314 3q,一会修复,当然非常欢迎pr

不错不错,早日修复bug

@hxh1246996371 3q , 会的,哈哈

厉害!支持下!

马克

来自酷炫的 CNodeMD

不错的样子加油

用手机看了下 真不错 star送上,加油

mark

来自酷炫的 CNodeMD

@TakWolf CNode-Material-Design 这个也很赞啊, star 已送上

超人又开车

@nihgwu 老牛,快上车

DDD…点赞支持

文档补齐 文档直通车 欢迎指正

回到顶部