VC 组件库

Appearance

config-provider ​

功能 ​

给组件配置全局默认参数

目前支持的组件有：button, pca-picker

功能示例 ​

button ​

展示区
展示区

pca-picker ​

// gitee 因为不能跨域，所以用代理跨域
 pca-base-url="https://gitee.com/wellfrog16/area/raw/master"
 cros-proxy="https://api.allorigins.win/raw?url="

// github
 pca-base-url="https://raw.githubusercontent.com/wellfrog16/area/refs/heads/master"

示例 ​

vue
<template>
    <Wrapper>
        <VcConfigProvider :button="buttonConfig">
            <VcButton type="warning" @click="handleClick">删除</VcButton>
            <VcButton type="warning" @click="handleClick">删除</VcButton>
        </VcConfigProvider>
    </Wrapper>
</template>

<script lang="ts" setup>
import { ElMessage } from 'element-plus'
import VcButton from '@/components/button/button.vue'
import VcConfigProvider from '../config-provider.vue'

const buttonConfig = {
    confirm: {
        title: '请注意',
        confirmButtonText: '确认删除',
        msg: '这是不可恢复的操作<br>您确认要删除这条数据吗？',
    },
}

function handleClick() {
    ElMessage({ message: '删除成功', type: 'success' })
}
</script>

API ​