vuejs 前端ui
沃尔菲 (Wolfi)
A vuejs ui components for your apps.
适用于您的应用程序的vuejs ui组件。
现场游乐场 (Live Playground)
To run that demo on your own computer:
要在您自己的计算机上运行该演示,请执行以下操作:
* Clone this repository
* `npm install`
* `npm start`
* Visit http://localhost:9001/
快速开始 (Quick-start)
<!DOCTYPE html>
<html>
<head>
<link href="https://unpkg.com/[email protected]@0.13.0/dist/wolfi.min.css" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
</head>
<body>
<div id="app">
<w-button>Click me</w-button>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="https://unpkg.com/[email protected]@0.13.0/dist/wolfi.min.js"></script>
<script>
new Vue({
el: '#app'
})
</script>
</body>
</html>
安装 (Installation)
# npm
npm install wolfi --save
# yarn
yarn add wolfi
用法 (Usage)
import Vue from 'vue'
import Wolfi from 'wolfi'
import 'wolfi/dist/wolfi.min.css'
Vue.use(Wolfi)
兼容性 (Compatibility)
Supports Vue.js 2.x
支持Vue.js 2.x
Supports SSR
支持SSR
Supports Nuxt.js
支持Nuxt.js
Supports TypeScript
支持TypeScript
Supports Electron
支持电子
Most components and features support IE9 and above browsers, some components and features do not support IE
大多数组件和功能都支持IE9及更高版本的浏览器,某些组件和功能不支持IE。
翻译自: https://vuejsexamples.com/a-vuejs-ui-components-for-your-apps/
vuejs 前端ui