adjust
This commit is contained in:
@@ -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: {
|
||||
|
||||
@@ -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],
|
||||
|
||||
@@ -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,
|
||||
|
||||
@@ -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 {
|
||||
|
||||
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user