z- to zan-

This commit is contained in:
cookfront 2017-02-28 17:19:42 +08:00
parent 048049d506
commit 86ee2eaedc
7 changed files with 13 additions and 13 deletions

View File

@ -1,7 +1,7 @@
<template> <template>
<div class="examples-container"> <div class="examples-container">
<router-link class="page-back" v-if="visible" :to="'/'"> <router-link class="page-back" v-if="visible" :to="'/'">
<i class="zui-icon zui-icon-arrow"></i> <i class="zan-icon zan-icon-arrow"></i>
</router-link> </router-link>
<router-view></router-view> <router-view></router-view>
</div> </div>

View File

@ -61,7 +61,7 @@
padding: 0 20px; padding: 0 20px;
} }
} }
@component-namespace z { @component-namespace zan {
@b button-group { @b button-group {
.zan-button-1 { .zan-button-1 {
margin-bottom: 10px; margin-bottom: 10px;

View File

@ -2,7 +2,7 @@
<a class="zan-cell" :href="url" @click="handleClick"> <a class="zan-cell" :href="url" @click="handleClick">
<div class="zan-cell__title"> <div class="zan-cell__title">
<slot name="icon"> <slot name="icon">
<i v-if="icon" class="zui-icon" :class="'zui-icon-' + icon"></i> <i v-if="icon" class="zan-icon" :class="'zan-icon-' + icon"></i>
</slot> </slot>
<slot name="title"> <slot name="title">
<span class="zan-cell__text" v-text="title"></span> <span class="zan-cell__text" v-text="title"></span>
@ -17,7 +17,7 @@
<span v-text="value"></span> <span v-text="value"></span>
</slot> </slot>
</div> </div>
<i class="zui-icon zui-icon-arrow" v-if="isLink"></i> <i class="zan-icon zan-icon-arrow" v-if="isLink"></i>
</a> </a>
</template> </template>

View File

@ -11,9 +11,9 @@
type="radio" type="radio"
class="zan-radio__control" class="zan-radio__control"
:disabled="isDisabled"> :disabled="isDisabled">
<span class="zui-icon" :class="{ <span class="zan-icon" :class="{
'zui-icon-checked': currentValue === name, 'zan-icon-checked': currentValue === name,
'zui-icon-check': currentValue !== name 'zan-icon-check': currentValue !== name
}"> }">
</span> </span>
</span> </span>

View File

@ -58,7 +58,7 @@
} }
} }
.zui-icon-arrow { .zan-icon-arrow {
position: absolute; position: absolute;
top: 50%; top: 50%;
right: 10px; right: 10px;

View File

@ -3,7 +3,7 @@
@component-namespace zan { @component-namespace zan {
@b radio { @b radio {
@when disabled { @when disabled {
.zui-icon { .zan-icon {
color: #d1dbe5; color: #d1dbe5;
} }
} }
@ -28,16 +28,16 @@
line-height: 22px; line-height: 22px;
} }
.zui-icon { .zan-icon {
font-size: 22px; font-size: 22px;
line-height: 1; line-height: 1;
} }
.zui-icon-checked { .zan-icon-checked {
color: $c-green; color: $c-green;
} }
.zui-icon-check { .zan-icon-check {
color: $c-gray-dark; color: $c-gray-dark;
} }
} }

View File

@ -79,7 +79,7 @@ const PopupManager = {
const modalDom = getModal(); const modalDom = getModal();
addClass(modalDom, 'z-modal'); addClass(modalDom, 'zan-modal');
if (dom && dom.parentNode && dom.parentNode.nodeType !== 11) { if (dom && dom.parentNode && dom.parentNode.nodeType !== 11) {
dom.parentNode.appendChild(modalDom); dom.parentNode.appendChild(modalDom);