@lexiang/nova

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", {
      libraryName: "@lexiang/nova",
    }]
  ]
}

then if you want to lazy load partial components, like list

import { novaList } from '@lexiang/nova';

Vue.component(novaList);
// 或者
Vue.use(novaList);
// 或者在vue单文件组件中
export default {
  components: {
    novaList,
  },
};

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、loadmore、modal、on-off、popup、pull-refresh、radio、rate、result、router-list、search-bar、select、sort-menu、switch-button、tabbar、tabs、textarea

plugins

dialog、toast

License

MIT