https://github.com/dishait/tob-ui

更现代的 uniapp ui
https://github.com/dishait/tob-ui

front-end tob-ui ui ui-components uniapp vue

Last synced: 5 days ago
JSON representation

更现代的 uniapp ui

• Host: GitHub
• URL: https://github.com/dishait/tob-ui
• Owner: dishait
• License: mit
• Created: 2022-01-09T09:41:57.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2022-03-14T04:43:30.000Z (over 2 years ago)
• Last Synced: 2023-03-05T01:20:48.305Z (over 1 year ago)
• Topics: front-end, tob-ui, ui, ui-components, uniapp, vue
• Language: Vue
• Homepage: https://dishait.gitee.io/tob-ui-doc/
• Size: 1.01 MB
• Stars: 21
• Watchers: 1
• Forks: 3
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# tob-ui 

更现代的 uniapp ui 😎




## 特点 🐳 

1. **更漂亮**

2. **预设优先**

3. **多端兼容**

4. **自定义主题**

5. **动态主题切换**

6. **支持 Vue2 和 Vue3**







## 预览 🦖

使用 **微信扫码** 进行预览

 

 










## 在线文档 🐇

👉 [tob-ui-doc](https://dishait.gitee.io/tob-ui-doc/)







## 版权 🦌

MIT协议，完全开源免费，随便你怎么用 🤗







## 使用 🐂

见文档 👉 [起步](https://dishait.gitee.io/tob-ui-doc/guide/started.html)







## 样式库 🐼

不喜欢太重的 **UI** 组件库？？  

也可以用单独抽离出来的样式库 👉 [tob-less](https://tob-less.netlify.app/)







## 调试该示例项目 🐐

[git clone](https://github.com/dishait/tob-ui) 或下载代码后直接拉到 **Hbuilderx** 中启动项目。  

没接触过 uniapp？？  

👉 [免费调试教程](https://study.163.com/course/introduction/1209401924.htm?inLoc=ss_ssjg_qblb_uniapp%E8%B0%83%E8%AF%95&share=2&shareId=480000001892585)







## 动机 🐗

为什么要做这个 **UI** 呢？

1. 为下次开发提提速，省下来的时间做其他事情

2. 统一通用样式设计，不用每次都重新设计样式







## 使用场景 🐻

什么时候你应该用? 

1. 使用 `uniapp` 开发多端应用时

2. 花了大量时间仍设计不出来组件时

3. 想快点结束开发工作，做其他事情时

4. 没有设计师，仍然想拥有现代审美的应用时







## 启发 🐃

该 **UI** 受以下技术启发

1. UI 框架

   - [Vant](https://vant-contrib.gitee.io/vant/#/zh-CN/home)

   - [Naive UI](https://www.naiveui.com/)

   - [Ant Design](https://ant.design/index-cn)

   - [Element Plus](https://element-plus.gitee.io/zh-CN/guide/design.html)

2. 其他

   - [Less](https://less.bootcss.com/)

   - [Windicss](https://cn.windicss.org/)

   - [Tailwindcss](https://www.tailwindcss.cn/)

   - [Typescript](https://www.tslang.cn/)

   - [@vue/reactivity](https://www.npmjs.com/package/@vue/reactivity)







## 组织 🦔

欢迎关注 **帝莎编程**

- [官网](http://dishaxy.dishait.cn/)

- [Gitee](https://gitee.com/dishait)

- [Github](https://github.com/dishait)

- [网易云课堂](https://study.163.com/provider/480000001892585/index.htm?share=2&shareId=480000001892585)







## 仓库 📦

- [Github](https://github.com/dishait/tob-ui)

- [Gitee](https://gitee.com/dishait/tob-ui)







## 官方Q群 🐧

1群: 757741267