基于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/ 。
预览平台是设计和开发共同遵守的规范，如遇不一致的地方，请优先抛出。