Wepayui

微信支付场景化组件,wepayui源码

暂无中文翻译,

WePayUI

简介

WePayUI 由微信支付为服务商和商户量身打造,用于快速制作符合微信支付规范的Web页面,提升开发效率。WePayUI 基于 WeUI 拓展,包含基础组件和行业场景。

价值

  • 快速实现自定义微信支付基础样式库
  • 快速实现微信收款付款、收付款流程、收付款记录等支付相关HTML5页面
  • 快速输出行业解决方案HTML5页面,如智慧停车场、智慧医院、智慧客运等

预览

PC端

https://wepayui.github.io

移动端

快速使用

方式一:打开官网,按需复制代码或下载模板

  • PC端点击图标即可复制HTML代码,点击复制按钮可复制CSS代码。
  • 使用 WePayUI 提供现成案例模板,可在场景找到对应的下载链接。

方式二:使用 CDN 资源

<!-- WePayUI 核心CSS 文件,压缩版 -->
<link rel="stylesheet" href="https://wx.gtimg.com/res/css/wepayui/0.0.1/wepayui.min.css">

<!-- WePayUI 核心CSS 文件,未压缩版,含less源码预览 -->
<link rel="stylesheet" href="https://wx.gtimg.com/res/css/wepayui/0.0.1/wepayui.css">

安装源码

我们提供了源码方便有一定开发能力的程序员使用,其中 WePayUI 安装包包含开发目录 src 和生产目录 dist ,其中开发环境包含Less、JavaScript、字体文件的源码,使用 gulp 作为编译系统。

github下载

https://github.com/wepayui

npm下载

$ npm install wepayui

定制

方式一:通过修改wepayui_config.json,把不需要使用的组件注释掉即可

[
    "weui-wepay-logo", 
    "weui-wepay-font", 
    "weui-wepay-flow", 
    "weui-icons", 
    "weui-dialog", 
    "weui-cell", 
    "weui-button", 
    "weui-actionsheet", 
    "weui-agree", 
    "weui-article", 
    "weui-flex", 
    "weui-footer", 
    "weui-grid", 
    "weui-loadmore", 
    "weui-mask", 
    "weui-media-box", 
    "weui-msg", 
    "weui-panel", 
    "weui-progress", 
    "weui-searchbar", 
    "weui-tab", 
    "weui-toast"
]

方式二:我们提供了客户端构建工具,你可以按需选择组件和场景自助构建。

wepayui_build

License

The MIT License(http://opensource.org/licenses/MIT)

请自由地享受和参与开源。

反馈

使用WePayUI过程有任何意见,请将你的感受和建议告诉我们。

https://wj.qq.com/s/877757/a3ec

wepayui 暂时没有中文说明

我们期待您参与进来翻译和完善

该操作会锁定该库2天以防止其它用户重复翻译,然后会自动释放

讨论区