@lexiang/nova NPM

Introduction

H5 UI Component For Vue

Install

yarn add @lexiang/nova

Usage

whole import

in you main js file

import Vue from 'vue';
import nova from '@lexiang/nova';
import '@lexiang/nova/lib/index.css';

Vue.use(nova);

be careful that you should import the style file separately

lazyload import

if you want to lazy load components, you can use @lexiang/babel-plugin-component

yarn add @lexiang/babel-plugin-component -D

.babelrc

{
  "plugins": [
    ["@lexiang/babel-plugin-component"]
  ]
}

then if you want to lazy load partial components, like selector and options

import { novaSelector, novaOptions } from '@lexiang/nova';

Vue.component(novaSelector);
Vue.component(novaOptions);
// or
Vue.use(novaSelector);
Vue.use(novaOptions);
// or in vue single file components
export default {
  components: {
    novaSelector,
    novaOptions,
  },
};

demo

lazyload use in vue sigle file components

<template>
  <nova-loading></nova-loading>
</template>

<script>
import { novaLoading } from '@lexiang/nova';

export default {
  components: {
    novaLoading,
  },
};
</script>

Lists

available components and plugins lists

components

badge、bread-crumb、button、carousel、cell、checkbox、circle、field、 list、loading、modal、popup、pull-refresh、radio、rate、result、router-list、search-bar、select、switch-button、tabbar、tabs、textarea