drip-public/iview
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

save

Browse source
This commit is contained in:
prefert 2020-09-03 15:53:31 +08:00
parent 8f9d3604e6
commit 5bb83ff8e5
258 changed files with 12974 additions and 7838 deletions
Download patch file Download diff file Expand all files Collapse all files

46
examples/routers/badge.vue
View file

@ -20,10 +20,22 @@
<Badge :count="0" showZero>
<a href="#" class="demo-badge"></a>
</Badge>
<Badge>
<Icon type="md-time" slot="count" size="16" color="#ff6600" />
<a href="#" class="demo-badge"></a>
</Badge>
<Button @click="setCount">set count</Button>
<Divider></Divider>
<Badge :count="count" text="new">
<a href="#" class="demo-badge"></a>
</Badge>
<Badge :count="count">
<a href="#" class="demo-badge"></a>
<span slot="text">hhh</span>
</Badge>
<br><br>
<Badge text="hot">
<Button type="ghost">Hello</Button>
<Button type="primary" ghost>Hello</Button>
</Badge>
<br><br>
<div>
@ -34,6 +46,9 @@
<Badge status="warning" />
<br />
<Badge status="success" text="Success" />
<Badge status="success">
<strong slot="text">Success</strong>
</Badge>
<br />
<Badge status="error" text="Error" />
<br />
@ -75,6 +90,33 @@
<a href="#" class="demo-badge"></a>
</Badge>
</div>
<Divider></Divider>
<Badge status="success" text="Success" />
<br />
<Badge status="error" text="Error" />
<br />
<Badge status="default" text="Default" />
<br />
<Badge status="processing" text="Processing" />
<br />
<Badge status="warning" text="Warning" />
<br />
<Badge color="blue" text="blue" />
<Badge color="green" text="green" />
<Badge color="red" text="red" />
<Badge color="yellow" text="yellow" />
<Badge color="pink" text="pink" />
<Badge color="magenta" text="magenta" />
<Badge color="volcano" text="volcano" />
<Badge color="orange" text="orange" />
<Badge color="gold" text="gold" />
<Badge color="lime" text="lime" />
<Badge color="cyan" text="cyan" />
<Badge color="geekblue" text="geekblue" />
<Badge color="purple" text="purple" />
<br />
<Badge color="#2db7f5" text="#2db7f5" />
<Badge color="#f50" text="#f50" />
</div>
</template>
<script>
@ -91,4 +133,4 @@
}
}
};
</script>
</script>