/wxapp-components

微信小程序的组件库

Primary LanguageJavaScriptApache License 2.0Apache-2.0

wxapp-components

简易的微信小程序的组件库

总的效果demo和图片有时间马上搞上去,目前正在公司搬砖中，有兴趣的给个star关注下哈~~

已完成

  • calendar(日历组件)
  • card (跳转卡片)
  • cell (小列表)
  • chuntdown (倒计时组件)
  • loading (加载动画)
  • mask (遮幕组件)
  • notification (状态页面组件)
  • panel (菜单面板)
  • popup (顶部弹出框)
  • rankList (排行榜: 前三or没前三)
  • step (步骤条)
  • turntable (抽奖转盘组件)

目的

为了简化自己和公司的开发时间而编写

使用例子

  • 将组件的文件夹放在根目录下

  • 对应页面的json文件引入

{
	"usingComponents": {
		"popup": "../../components/popup/popup"
	}
}
  • 按规则使用
<!-- 
	isShowPopup:是否显示顶部弹出框 {Boolean}
	tipContent: 弹出框显示内容 {String} 
 -->
<popup is-show="{{isShowPopup}}" content="{{tipContent}}"></popup>