bmy/Vue_dbui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
编码猿
2024-09-27 00:57:27 +08:00
commit 18df0f5e4b
2548 changed files with 253280 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
vue-ydui/example/routers/badge.vue Normal file
View File

@@ -0,0 +1,53 @@
<template>
<yd-layout title="Badge">
<aside class="demo-tip">
<p>badge包含默认圆形样式和方形样式</p>
<p>五中颜色：default/primary/danger/warning/hollow</p>
</aside>
<div class="demo-badege">
<div class="demo-badege-title">圆形角标：</div>
<div class="demo-small-pitch">
<yd-badge>1</yd-badge>
<yd-badge type="primary">2</yd-badge>
<yd-badge type="danger">3</yd-badge>
<yd-badge type="warning">4</yd-badge>
<yd-badge type="hollow">5</yd-badge>
</div>
<div class="demo-small-pitch">
<yd-badge>123</yd-badge>
<yd-badge type="primary">321</yd-badge>
<yd-badge type="danger">333</yd-badge>
<yd-badge type="warning">4444</yd-badge>
<yd-badge type="hollow">55555</yd-badge>
<yd-badge bgcolor="#000" color="#FFF">custom color</yd-badge>
</div>
<div class="demo-badege-title">方形角标：</div>
<div class="demo-small-pitch">
<yd-badge shape="square">1</yd-badge>
<yd-badge shape="square" type="primary">2</yd-badge>
<yd-badge shape="square" type="danger">3</yd-badge>
<yd-badge shape="square" type="warning">4</yd-badge>
<yd-badge shape="square" type="hollow">5</yd-badge>
</div>
<div class="demo-small-pitch">
<yd-badge shape="square">123</yd-badge>
<yd-badge shape="square" type="primary">321</yd-badge>
<yd-badge shape="square" type="danger">333</yd-badge>
<yd-badge shape="square" type="warning">4444</yd-badge>
<yd-badge shape="square" type="hollow">55555</yd-badge>
<yd-badge shape="square" bgcolor="#000" color="#FFF">custom color</yd-badge>
</div>
<div class="demo-badege-title">缩放角标：</div>
<div class="demo-small-pitch">
<yd-badge scale=".7" type="danger">1</yd-badge>
<yd-badge scale="1.2" type="danger">666</yd-badge>
</div>
</div>
</yd-layout>
</template>