mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-04-06 03:57:59 +08:00
z -> zan
This commit is contained in:
parent
edb63cac01
commit
662d4b174b
@ -2,15 +2,15 @@
|
||||
|
||||
### 基础用法
|
||||
```html
|
||||
<z-tag>返现</z-tag>
|
||||
<z-tag :plain="true">返现</z-tag>
|
||||
<zan-tag>返现</zan-tag>
|
||||
<zan-tag :plain="true">返现</zan-tag>
|
||||
```
|
||||
|
||||
### 高级用法
|
||||
```html
|
||||
<z-tag type="danger">返现</z-tag>
|
||||
<z-tag type="success">返现</z-tag>
|
||||
<z-tag type="success" :plain="true">返现</z-tag>
|
||||
<zan-tag type="danger">返现</zan-tag>
|
||||
<zan-tag type="success">返现</zan-tag>
|
||||
<zan-tag type="success" :plain="true">返现</zan-tag>
|
||||
```
|
||||
|
||||
### API
|
||||
|
@ -5,28 +5,28 @@
|
||||
<h2 class="page-sub-title">基础用法</h2>
|
||||
<div>
|
||||
<div class="tags-container">
|
||||
<z-tag>返现</z-tag>
|
||||
<z-tag :plain="true">返现</z-tag>
|
||||
<zan-tag>返现</zan-tag>
|
||||
<zan-tag :plain="true">返现</zan-tag>
|
||||
</div>
|
||||
<div class="tags-container">
|
||||
<z-tag type="danger">返现</z-tag>
|
||||
<z-tag type="danger">四字标签</z-tag>
|
||||
<z-tag type="danger">一</z-tag>
|
||||
<zan-tag type="danger">返现</zan-tag>
|
||||
<zan-tag type="danger">四字标签</zan-tag>
|
||||
<zan-tag type="danger">一</zan-tag>
|
||||
</div>
|
||||
<div class="tags-container">
|
||||
<z-tag type="danger">返现</z-tag>
|
||||
<z-tag :plain="true" type="danger">返现</z-tag>
|
||||
<zan-tag type="danger">返现</zan-tag>
|
||||
<zan-tag :plain="true" type="danger">返现</zan-tag>
|
||||
</div>
|
||||
<div class="tags-container">
|
||||
<z-tag type="primary">返现</z-tag>
|
||||
<z-tag :plain="true" type="primary">返现</z-tag>
|
||||
<zan-tag type="primary">返现</zan-tag>
|
||||
<zan-tag :plain="true" type="primary">返现</zan-tag>
|
||||
</div>
|
||||
<div class="tags-container">
|
||||
<z-tag type="success">返现</z-tag>
|
||||
<z-tag :plain="true" type="success">返现</z-tag>
|
||||
<zan-tag type="success">返现</zan-tag>
|
||||
<zan-tag :plain="true" type="success">返现</zan-tag>
|
||||
</div>
|
||||
<div class="tags-container">
|
||||
<z-tag type="danger" :mark="true">返现</z-tag>
|
||||
<zan-tag type="danger" :mark="true">返现</zan-tag>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -45,7 +45,7 @@ export default {
|
||||
.tags-container {
|
||||
padding: 5px 15px;
|
||||
|
||||
.z-tag + .z-tag {
|
||||
.zan-tag + .zan-tag {
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
|
@ -1,12 +1,12 @@
|
||||
<template>
|
||||
<span class="z-tag" :class="[type ? `z-tag--${type}`: '', { 'is-plain': plain, 'is-mark': mark }]">
|
||||
<span class="zan-tag" :class="[type ? `zan-tag--${type}`: '', { 'is-plain': plain, 'is-mark': mark }]">
|
||||
<slot></slot>
|
||||
</span>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'z-tag',
|
||||
name: 'zan-tag',
|
||||
props: {
|
||||
type: String,
|
||||
mark: Boolean,
|
||||
|
@ -1,7 +1,7 @@
|
||||
@import "./common/var.css";
|
||||
@import "./mixins/border_retina.css";
|
||||
|
||||
@component-namespace z {
|
||||
@component-namespace zan {
|
||||
@b tag {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
|
Loading…
x
Reference in New Issue
Block a user