0.0.11 • Published 2 years ago
vant-kongfz-test1 v0.0.11
基于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/ 。
预览平台是设计和开发共同遵守的规范,如遇不一致的地方,请优先抛出。