blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

z -> zan

Browse Source
This commit is contained in:
pangxie1991 2017-02-28 21:13:13 +08:00
parent edb63cac01
commit 662d4b174b
4 changed files with 21 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
docs/examples-docs/tag.md
View File

@ -2,15 +2,15 @@
### 基础用法 ### 基础用法
```html ```html
<z-tag>返现</z-tag> <zan-tag>返现</zan-tag>
<z-tag :plain="true">返现</z-tag> <zan-tag :plain="true">返现</zan-tag>
``` ```
### 高级用法 ### 高级用法
```html ```html
<z-tag type="danger">返现</z-tag> <zan-tag type="danger">返现</zan-tag>
<z-tag type="success">返现</z-tag> <zan-tag type="success">返现</zan-tag>
<z-tag type="success" :plain="true">返现</z-tag> <zan-tag type="success" :plain="true">返现</zan-tag>
``` ```
### API ### API

26
docs/examples/tag.vue
View File

@ -5,28 +5,28 @@
<h2 class="page-sub-title">基础用法</h2> <h2 class="page-sub-title">基础用法</h2>
<div> <div>
<div class="tags-container"> <div class="tags-container">
<z-tag>返现</z-tag> <zan-tag>返现</zan-tag>
<z-tag :plain="true">返现</z-tag> <zan-tag :plain="true">返现</zan-tag>
</div> </div>
<div class="tags-container"> <div class="tags-container">
<z-tag type="danger">返现</z-tag> <zan-tag type="danger">返现</zan-tag>
<z-tag type="danger">四字标签</z-tag> <zan-tag type="danger">四字标签</zan-tag>
<z-tag type="danger">一</z-tag> <zan-tag type="danger">一</zan-tag>
</div> </div>
<div class="tags-container"> <div class="tags-container">
<z-tag type="danger">返现</z-tag> <zan-tag type="danger">返现</zan-tag>
<z-tag :plain="true" type="danger">返现</z-tag> <zan-tag :plain="true" type="danger">返现</zan-tag>
</div> </div>
<div class="tags-container"> <div class="tags-container">
<z-tag type="primary">返现</z-tag> <zan-tag type="primary">返现</zan-tag>
<z-tag :plain="true" type="primary">返现</z-tag> <zan-tag :plain="true" type="primary">返现</zan-tag>
</div> </div>
<div class="tags-container"> <div class="tags-container">
<z-tag type="success">返现</z-tag> <zan-tag type="success">返现</zan-tag>
<z-tag :plain="true" type="success">返现</z-tag> <zan-tag :plain="true" type="success">返现</zan-tag>
</div> </div>
<div class="tags-container"> <div class="tags-container">
<z-tag type="danger" :mark="true">返现</z-tag> <zan-tag type="danger" :mark="true">返现</zan-tag>
</div> </div>
</div> </div>
</div> </div>
@ -45,7 +45,7 @@ export default {
.tags-container { .tags-container {
padding: 5px 15px; padding: 5px 15px;
.z-tag + .z-tag { .zan-tag + .zan-tag {
margin-left: 10px; margin-left: 10px;
} }
} }

4
packages/tag/src/main.vue
View File

@ -1,12 +1,12 @@
<template> <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> <slot></slot>
</span> </span>
</template> </template>
<script> <script>
export default { export default {
name: 'z-tag', name: 'zan-tag',
props: { props: {
type: String, type: String,
mark: Boolean, mark: Boolean,

2
packages/zanui-css/src/tag.css
View File

@ -1,7 +1,7 @@
@import "./common/var.css"; @import "./common/var.css";
@import "./mixins/border_retina.css"; @import "./mixins/border_retina.css";
@component-namespace z { @component-namespace zan {
@b tag { @b tag {
position: relative; position: relative;
display: inline-block; display: inline-block;