This commit is contained in:
zhuxiang
2017-03-01 15:10:03 +08:00
parent 5b34ea74ec
commit abc876b254
8 changed files with 22 additions and 32 deletions
+2 -2
View File
@@ -1,12 +1,12 @@
<template>
<div class="z-badge-group">
<div class="zan-badge-group">
<slot></slot>
</div>
</template>
<script>
export default {
name: 'z-badge-group',
name: 'zan-badge-group',
props: {
// 当前激活 tab 面板的 key
activeKey: {
+4 -4
View File
@@ -1,13 +1,13 @@
<template>
<a class="z-badge" :class="classNames" :href="url" @click="handleClick">
<div class="z-badge__active"></div>
<div v-if="info" class="z-badge__info">{{info}}</div>
<a class="zan-badge" :class="classNames" :href="url" @click="handleClick">
<div class="zan-badge__active"></div>
<div v-if="info" class="zan-badge__info">{{info}}</div>
{{title}}
</a>
</template>
<script>
export default {
name: 'z-badge',
name: 'zan-badge',
props: {
mark: {
type: [Number, String],
+4 -4
View File
@@ -1,16 +1,16 @@
<template>
<div class="z-search" :class="{ 'is-focus' : isFocus }">
<div class="z-search__input-wrap">
<div class="zan-search" :class="{ 'is-focus' : isFocus }">
<div class="zan-search__input-wrap">
<input type="text" :placeholder="placeholder" v-model="value" v-refocus="focusStatus" @focus="handleFocus" @keyup.enter="handleSearch">
<span class="zui-icon zui-icon-close" @click="handleClean"></span>
</div>
<div class="z-search__cancel" :class="{ 'is-focus' : isFocus }" @click="handleBack">取消</div>
<div class="zan-search__cancel" :class="{ 'is-focus' : isFocus }" @click="handleBack">取消</div>
</div>
</template>
<script>
export default {
name: 'z-search',
name: 'zan-search',
props: {
placeholder: {
type: String,
+2 -2
View File
@@ -1,7 +1,7 @@
@import "./common/var.pcss";
@import "./mixins/border_retina.pcss";
@component-namespace z {
@component-namespace zan {
@b badge-group {
position: relative;
width: 85px;
@@ -50,7 +50,7 @@
font-weight: bold;
color: $c-black;
background-color: $c-white;
.z-badge__active {
.zan-badge__active {
display: block;
}
&::after {
+2 -2
View File
@@ -1,5 +1,5 @@
@import "./common/var.pcss";
@component-namespace z {
@component-namespace zan {
@b search {
display: flex;
flex-direction: row;
@@ -10,7 +10,7 @@
padding: 4px 15px;
background-color: #F2F2F2;
@when focus {
.z-search__input-wrap {
.zan-search__input-wrap {
width: 82%;
}
span {