RQCOMPONENTS

> ricequant common vue componenets

Release

master: https://www.npmjs.com/package/@rqjs/rqcomponents

Import

$3

``js
import UI from "@rqjs/rqcomponents";
import "@rqjs/rqcomponents/lib/theme/index.css";
import "@rqjs/rqcomponents/lib/theme/base";
import "@rqjs/rqcomponents/lib/theme/base.css";
`

$3

rqcomponent only exports esm packages.

`js
import RqHeader from "@rqjs/rqcomponents/lib/[rq-component-name]";
// Or import all components and deconstruction.
// import { RqHeader } from "@rqjs/rqcomponents";

import "@rqjs/rqcomponents/lib/theme/[rq-component-name].css";
import "@rqjs/rqcomponents/lib/theme/base";
import "@rqjs/rqcomponents/lib/theme/base.css";
`

Registration

$3

`js
import RqHeader from "@rqjs/rqcomponents/lib/[rq-component-name]";

Vue.use(RqHeader);

new Vue({
el: "#rq-header",
render: (h) => h(RqHeader),
});
`

$3

`js
import RqHeader from "@rqjs/rqcomponents/lib/[rq-component-name]";

new Vue({
el: "#rq-header",
components: { RqHeader },
render: (h) => h(RqHeader),
});
`

Components Description Link

Developer

$3

`bash
npm run start: preview components, need configure nginx.sample.conf,visit http:///rqcomponents

npm run dev : generating publish files use watch mode

npm run build : generating publish files

npm run lint : audit code style

npm run clean : clear demo cache
`

$3

1. git 规范

2. lint 规范

3. npm 规范

4. icon 规范

5. please keep sync COMPONENTS_DOC.md and demo/App.vue with packages//`