1.0.0 • Published 2 years ago

vant-kongfz v1.0.0

Weekly downloads
-
License
MIT
Repository
gitlab
Last release
2 years ago

基于vant深度定制

概要

移动端颜色值较少,和主题色相关的组件较少。本组件库提供了红蓝两种主题,使用上需要注意

  • button按钮,type="info" 代表蓝色主题;type="danger"代表红色主题
  • checkbox复选框,默认蓝色主题,增加class:danger则为红色主题
  • switch开关,默认蓝色主题,增加class:danger则为红色主题
  • dialog弹出框,弹框确认按钮默认红色,增加className:info则为蓝色主题
  • tab标签页,默认红色主题,增加class:info则为蓝色主题

涉及主题色的已全部列出,记住danger为红色,info为蓝色即可。

使用

npm i vant-kongfz@latest -S

快速上手

import Vue from 'vue';
import { Button } from 'vant-kongfz';
import 'vant-kongfz/lib/button/style';
Vue.use(Button);

或者

import Vue from 'vue';
import Vant from 'vant-kongfz';
import 'vant-kongfz/lib/index.css';
Vue.use(Vant);

组件使用说明

组件的使用参考官网 https://vant-contrib.gitee.io/vant/v2/#/zh-CN/home
已和设计确认的部分,见预览平台 https://fe.kongfz.com/preview/mobile/
预览平台是设计和开发共同遵守的规范,如遇不一致的地方,请优先抛出。