提交 4521ba12 编写于 作者: Shine-zwj's avatar Shine-zwj

update:更新

上级 57f5910c
.app-preset-button.ivu-button { .app-preset-button {
font-size: 12px; height: 40px;
width: 100%;
>span { .ivu-btn {
display: flex; width: 100%;
align-items: center; height: 100%;
justify-content: center;
} }
.ivu-button {
.button-content { font-size: 12px;
display: flex;
>span {
&.left { display: flex;
justify-content: flex-start;
align-items: center; align-items: center;
justify-content: center;
.icon+.caption {
padding-left: 6px;
}
} }
&.right { .button-content {
flex-direction: row-reverse; display: flex;
justify-content: flex-start;
align-items: center; &.left {
justify-content: flex-start;
.icon+.caption { align-items: center;
padding-right: 6px;
.icon+.caption {
padding-left: 6px;
}
}
&.right {
flex-direction: row-reverse;
justify-content: flex-start;
align-items: center;
.icon+.caption {
padding-right: 6px;
}
}
&.top {
flex-direction: column;
justify-content: flex-start;
}
&.bottom {
flex-direction: column-reverse;
justify-content: flex-start;
} }
}
&.top {
flex-direction: column;
justify-content: flex-start;
}
&.bottom {
flex-direction: column-reverse;
justify-content: flex-start;
} }
} }
} .ivu-btn-loading {
display: flex;
// 加载效果
.app-preset-button.ivu-btn-loading {
display: flex;
line-height: 2;
.ivu-icon-ios-loading {
line-height: 2; line-height: 2;
.ivu-icon-ios-loading {
line-height: 2;
}
} }
} }
\ No newline at end of file
<template> <template>
<i-button <div :class="curClassName" :style="curStyle">
:class="curClassName" <i-button
:style="curStyle" :type="buttonType"
:type="buttonType" :disabled="disabled"
:disabled="disabled" :title="tooltip"
:title="tooltip" :loading="loading"
:loading="loading" :ghost="buttonGhost"
:ghost="buttonGhost" @click="handleClick">
@click="handleClick"> <div :class="['button-content', iconAlign.toLowerCase()]">
<div :class="['button-content', iconAlign.toLowerCase()]"> <span v-if="cssClass || imagePath" class="icon">
<span v-if="cssClass || imagePath" class="icon"> <i v-if="cssClass" :class="cssClass" />
<i v-if="cssClass" :class="cssClass" /> <img v-else :src="imagePath" />
<img v-else :src="imagePath" /> </span>
</span> <span v-if="showCaption" class="caption">{{ caption }}</span>
<span v-if="showCaption" class="caption">{{ caption }}</span> </div>
</div> </i-button>
</i-button> </div>
</template> </template>
<script lang="ts"> <script lang="ts">
......
...@@ -146,7 +146,7 @@ export default class AppPresetText extends Vue { ...@@ -146,7 +146,7 @@ export default class AppPresetText extends Vue {
*/ */
get renderMode() { get renderMode() {
const layoutModel = this.layoutModelDetails[this.name]; const layoutModel = this.layoutModelDetails[this.name];
return layoutModel.renderMode; return layoutModel.renderMode || 'TEXT';
} }
/** /**
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册