# wepayui

**Repository Path**: leslin/wepayui

## Basic Information

- **Project Name**: wepayui
- **Description**: 微信支付场景化组件
- **Primary Language**: CSS
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 2
- **Created**: 2017-10-11
- **Last Updated**: 2024-11-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# WePayUI
<p>
<a href="https://www.npmjs.com/package/wepayui"><img src="https://img.shields.io/badge/npm-v0.1.1-blue.svg"></a>
<a href="https://github.com/wepayui/wepayui"><img src="https://img.shields.io/badge/github-wepayui-green.svg"></a>
</p>

## 简介
WePayUI 由微信支付为服务商和商户量身打造，用于快速制作符合微信支付规范的Web页面，提升开发效率。WePayUI 基于 <a href="https://github.com/weui/weui" target="_blank">WeUI</a> 拓展，包含基础组件和行业场景。

## 价值

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

## 预览
### PC端
[https://wepayui.github.io](https://wepayui.github.io)

### 移动端
<img width="250" height="250" src="https://wepayui.github.io/img/code.png">

## 快速使用
我们在页面中提供了复制代码的功能，您可以用完即走。或直接引用 CDN 资源。
###v0.1.1

[https://act.weixin.qq.com/static/cdn/css/wepayui/0.1.1/wepayui.min.css](https://act.weixin.qq.com/static/cdn/css/wepayui/0.1.1/wepayui.min.css)

[https://act.weixin.qq.com/static/cdn/css/wepayui/0.1.1/wepayui.css](https://act.weixin.qq.com/static/cdn/css/wepayui/0.1.1/wepayui.css)

## 安装源码

我们提供了源码方便有一定开发能力的程序员使用，其中开发环境包含Less、JavaScript、字体文件的源码，使用 gulp 作为编译系统。
### github
[wepayui.zip](https://github.com/wepayui/wepayui/archive/master.zip)

### npm下载
<pre>
<code>$ npm install wepayui</code>
</pre>

## 定制

方式一：通过修改wepayui_config.json，把不需要使用的组件注释掉即可
<pre><code>[
    "weui-wepay-logo", 
    "weui-wepay-font", 
    "weui-wepay-flow", 
    "weui-icons", 
    "weui-dialog", 
    "weui-cell", 
    "weui-button", 
    "weui-badge", 
    "weui-actionsheet", 
    "weui-agree", 
    "weui-article", 
    "weui-flex", 
    "weui-footer", 
    "weui-grid", 
    "weui-loading", 
    "weui-loadmore", 
    "weui-mask", 
    "weui-media-box", 
    "weui-msg", 
    "weui-panel", 
    "weui-progress", 
    "weui-searchbar", 
    "weui-slider", 
    "weui-tab", 
    "weui-toast"
]</code></pre>

方式二：我们提供了<a href="https://github.com/wepayui/wepayui_build_tool" target="_blank">客户端构建工具<a>，你可以按需选择组件和场景自助构建。
<p>
    <img src="https://wepayui.github.io/img/wepayui_build.gif" alt="wepayui_build" class="wepayui-build-show">
</p>
## License

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

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

使用WePayUI过程有任何意见，请将你的感受和建议告诉我们。
<p>
    <a href="https://wj.qq.com/s/877757/a3ec" target="_blank">https://wj.qq.com/s/877757/a3ec</a>
</p>