更新记录

1.0.0（2023-11-19）

crab-infocard 环形彩色进度条

组件名：crab-infocard

该组件实现了一个简单的信息卡片

平台兼容性

Crab-InfoCard 插件使用说明

1.插件引入

import crabInfoCard from "@/components/crab-infocard/crab-infocard.vue"

//在vue中加载组件
components: {
    crabInfoCard
}

2.参数设置

<crab-info-card :full="true" desc="你好,世界" width="20vw" fontSize="2vw"
            bg-pic="https://bpic.588ku.com/back_pic/05/94/58/985d3a6f327eb3f.jpg"
            pic="https://pic.ntimg.cn/file/20170130/17520916_173412685000_2.jpg" />
<crab-info-card :full="false" width="30vw" fontSize="5vw" />
<crab-info-card width="40vw" fontSize="5vw" />
<crab-info-card width="50vw" fontSize="5vw"
    pic="https://pic.ntimg.cn/file/20170130/17520916_173412685000_2.jpg" />
<crab-info-card :full="true" desc="俺是东北虎" color="#fff"
    bg-pic="https://bpic.588ku.com/back_pic/05/94/58/985d3a6f327eb3f.jpg" />