Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

一套高质量的微信小程序 UI 组件库

License

NotificationsYou must be signed in to change notification settings

iview/iview-mpvue

 
 

Repository files navigation

iView mpvue

一套高质量的小程序 UI 组件库

文档

https://iview-mpvue.gitbook.io/iview-mpvue/

体验

使用微信扫一扫体验小程序组件示例

快速上手

使用之前

在开始使用 iView Mpvue 之前,你需要先阅读Vue组件注册 的相关文档。

如何使用

GitHub 下载 iView Mpvue 的代码,将dist 目录拷贝到自己的项目中。然后按照如下的方式使用组件,以 Button 为例,其它组件在对应的文档页查看:

  1. 添加需要的组件。按照Vue的自定义组件使用方式引入并注册:
<script>    import button from '../../dist/components/button/button'    export default {        components: {            'i-button': button        }    }</script>
  1. 在 vue 中使用组件:
<i-buttontype="primary"@click="handleClick">这是一个按钮</i-button>

预览所有组件

我们内置了所有组件的示例,您可以扫描上方的小程序码体验,或按以下方式在微信开发者工具中查看:

# 从 GitHub 下载后,安装依赖npm install# 编译组件npm run dev

然后,将examples 的dist目录分别在对应的小程序工具中打开即可(微信、百度、头条、支付宝)。

License

MIT

Copyright (c) 2019-present, iView-mpvue

About

一套高质量的微信小程序 UI 组件库

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • CSS46.4%
  • Vue43.8%
  • JavaScript9.8%

[8]ページ先頭

©2009-2025 Movatter.jp