custom-ant-base-ui v0.1.6

custom-ant-base-ui

Project setup

npm install custom-ant-base-ui --save

基于公司需求对ant-design进行二次封装

使用方式

CTooltip 自定义文字提示

/**
 * @author hxm
 * @description 鼠标移入显示对应内容
 * @param tipContent : 提示内容  没有值时默认显示content
 * @param content ：鼠标移入之前显示的内容
 * @param len： 鼠标移入之前显示的内容长度 12 （当时公司大部分是这样，所以做这样的处理）
 * @param isAllShow:  是否无论什么条件下鼠标移入就显示对应的提示内容
 * @startTime 2021-10-15
 */

<c-tooltip content="你好，我叫渣渣梅，今年18岁，性格开朗，但也有些自卑" />

PageLoading 页面加载

/**
 * @author hxm
 * @description 页面加载中公共组件
 * @param show : 是否显示加载中状态
 * @param tip ：加载中显示的提示内容 默认为空字符串
 * @startTIme ： 2021-10-15
 */

<!-- 第一种方式 页面控制-->
<page-loading :show="true" />

// 第二种方式：js方式
this.$loading.show(); // this.$loading.show(tip,el)   tip:显示内容    el: 挂在在哪一个标签中
this.$loading.hide();

CTextInput 文本输入框

<!-- 基于ant-design  目前固定了allowClear为true以及autoComplete为off -->
<c-text-input
  placeholder="年后呀"
  :disabled="false"
  :maxLength="10"
  v-model="textValue"
/>