NutUI
made with Vuejs

NutUI是一套移动端轻量级组件库，由京东设计中心前端开发部开源维护，京东风格，现已经用在40多个京东移动端项目中。

安装

Npm

npm i @nutui/nutui -S

Yarn

yarn add @nutui/nutui

浏览器

<!-- 生产环境版本，优化了尺寸和速度 -->
<!-- 引入样式 -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@nutui/nutui@2.2.3/dist/nutui.min.css">
<!-- 引入Vue -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js"></script>
<!-- 引入组件库 -->
<script src="https://cdn.jsdelivr.net/npm/@nutui/nutui@2.2.3/dist/nutui.min.js"></script>

使用

全局引用

import Vue from 'vue';
import NutUI from '@nutui/nutui';
import '@nutui/nutui/dist/nutui.css';

NutUI.install(Vue);

组件中使用

<nut-switch :active="true" size="base"></nut-switch>

示例