/heyui-wechat

Hey-ui 一个基于css的高质量UI组件库.

Primary LanguageJavaScriptMIT LicenseMIT

📝 中文文档 | 💻 官方教程
Hey UI, not just an UI component library!
Hey UI 是基于微信小程序原生语法,实现的CSS UI框架。

目录

简介

Hey UI 是基于微信小程序原生语法,实现的CSS UI框架,面向全层次的小程序开发者,低门槛开箱即用的前端 UI 解决方案.

快速上手

直接通过git下载 Hey UI 源代码,并将 src 目录(所有文件夹)拷贝到自己的项目中.

git clone https://github.com/geekxzClub/heyui-wechat.git

安装

1.初始化你的项目

使用微信开发正工具新建项目.

2.按转Hey UI

下载源码解压获得/template,复制目录下的 /heyui,/component,/libs,/static 文件夹到你的项目根目录.

App.wxss 引入关键Css main.wxss,icon.wxss.

/**app.wxss**/
@import "heyui/heyui.main.wxss";
@import "heyui/icon.wxss";
/* 引入主题色 */
@import "heyui/theme.wxss";
@import "app.css"; /* 你的项目css */
....

引入

1.引入核心的函数库

js中引入 h-string.js,h-array.js,h-is.js

import { HString } from '/libs/h-string.js';
import { HArray } from '/libs/h-array.js';
import { HIs } from '/libs/h-is.js';

var Hstring = new HString();  //实例化 
....

2.使用函数库

Hstring.toString()
....

至此,Hey UI 已成功引入至你的项目中了!

讨论交流

微信群:加入微信群请先添加开发者微信,备注HeyUI。QQ群:689112212 或扫描二维码。

贡献代码

我们的代码基于 develop 分支开发,欢迎提交 Pull Request 进行代码贡献。

在提交 Pull Request 之前,请详细阅读我们的开发规范,否则可能因为 Commit 信息不规范等原因被关闭 Pull Request。

优秀源码演示

开源不易,需要鼓励。给 HeyUI项目点个 star吧!

HeyUI组件库小程序原生版本,该开源版源码为V1.0.1版本。后续更新更多源码

1.源码展示

微信小程序 HeyUI示例
微信小程序 HeyUI示例

2.商城小程序

3.抽奖小程序

4.预约小程序

5.博客小程序

6.投票小程序

7.问卷小程序

开源协议

MIT © 2021 PP_Team

赞助

时间 名称 金额 留言
2021-03-01 李*木 50元 感谢
2021-03-01 李*木 20元 感谢