Git Product home page Git Product logo

loni's Introduction

Loni UI

忍冬 - 基于Vue的移动端通用UI组件库

运行本地预览

yarn serve

编译打包组件库

yarn build

编译组件库Demo及说明文档

yarn dist

代码检测

yarn lint

项目依赖升级

yarn up

自动解析iconfont文件到项目中

yarn iconfont

快捷创建loni组件模板文件

loni-create --inherit

自动将所有组件在main.ts中导出

loni-list

项目中使用

按需引入

import Vue from "vue";
import {
    Button,
    Cell,
    CellItem
} from "loni";

Vue.use(Button);
Vue.use(Cell);
Vue.use(CellItem);

全局配置

全局配置的属性比组件上传入的属性优先级低,有些组件的部分属性不支持全局配置

import { config } from "loni";

config.button.background = "linear-gradient(-90deg, #f74c52, #dc3b40)";
config.dialog.title = "提示";

loni's People

Contributors

pecasha avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.