/wepayui

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

Primary LanguageCSS

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

## 反馈

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

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