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