via-mp-ui

一个简单 易用的小程序原生组件库 Via UI

Usage no npm install needed!

<script type="module">
  import viaMpUi from 'https://cdn.skypack.dev/via-mp-ui';
</script>

README

Via UI

🤡 via UI 是一套精美,内容丰富的微信小程序组件库

😋 30+的组件

🙃 简单易用,基本满足日常开发

😍 小程序原生 易扩展

支持

😏 使用前,建议你开启小程序的 增强编译,勾选es6转es5(本地设置),可以愉快的使用 async await 语法糖

😄 为了更好的体验 基础库版本建议升级到 1.9以上

规范

  • 适配:尺寸统一使用:rpx
  • 组件的 triggerEvent 统一 on开头 如:onClick
  • 组件的外部样式 externalClasses 统一 class开头 如:class-xxxx
  • 关于遮罩层级的一个说明:导航 层级为9 mask 层级要>= 10

版本

安装

  1. npm install via-mp-ui
  2. 在微信开发者工具选择 构建npm
  3. 在需要用的地方引入 如:
   "usingComponents": {
    "via-cell":"via-mp-ui/via-cell/index"
  }

仓库地址

git:https://github.com/JslinSir/via-ui npm:https://www.npmjs.com/package/via-mp-ui

Via UI 由来

Via 在英文单词里的意思是 "经过" 我想汉语 “征途” 更适合它
V 又和 微信 的微同音,贴合用于微信的用途,所以起名Via 。
日常开发中,部分功能,视图,业务的实现是一个重复性的工作,这几年的工作也都涉及小程序方面,也踩了不少坑。所以一直着手写一套简单,易用,适用性强的组件库。
C端重要的是交互, 好的交互,好的操作可以让用户沉浸在里面。Via UI 从实践出发, 也借鉴了其他开源的组件库;过程虽是痛苦,但结果却是美的。

寄语

🏃‍♂️ 人生就是在不停的 via via , 这个刚出生的 via UI 也是一样,还有很长的路要走;
🙏 为了更好的去改进,完善,组件库,还请君 遇到问题,及时反馈与我,感谢

体验码