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

View File

@ -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

View File

@ -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;
}
}

View File

@ -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,

View File

@ -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;