修复样式
This commit is contained in:
@@ -1,13 +1,13 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="aibar" :style="{ marginBottom }" :class="{'aibar-cente':titlePosition === 'center',card}">
|
<div class="aibar" :style="{ marginBottom }" :class="{'aibar-center':titlePosition === 'center',card}">
|
||||||
<div v-if="titlePosition === 'center'"/>
|
<div v-if="titlePosition === 'center'"/>
|
||||||
<div class="aibar-left" :class="[titlePosition === 'center' ? 'aibar-left__center' : '']">
|
<div class="aibar-left" :class="[titlePosition === 'center' ? 'aibar-left__center' : '']">
|
||||||
<template v-if="!$scopedSlots.title">{{ title }}</template>
|
<template v-if="!$slots.title">{{ title }}</template>
|
||||||
<slot name="title" v-else></slot>
|
<slot name="title" v-else></slot>
|
||||||
</div>
|
</div>
|
||||||
<div class="aibar-right">
|
<div class="aibar-right">
|
||||||
<slot v-if="$scopedSlots.right" name="right"/>
|
<slot v-if="$slots.right" name="right"/>
|
||||||
<slot/>
|
<slot v-else/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@@ -50,10 +50,11 @@ export default {
|
|||||||
padding: 0 16px;
|
padding: 0 16px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
border-bottom: 1px solid #EEEEEE;
|
border-bottom: 1px solid #EEEEEE;
|
||||||
box-shadow: 0 4px 6px -2px rgba(15, 15, 21, 0.15);
|
|
||||||
|
|
||||||
&.card {
|
&.card {
|
||||||
background: #fff;
|
background: #fff;
|
||||||
|
box-shadow: 0 4px 6px -2px rgba(15, 15, 21, 0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
.aibar-left {
|
.aibar-left {
|
||||||
|
|||||||
Reference in New Issue
Block a user