修复样式

This commit is contained in:
aixianling
2023-02-06 17:48:05 +08:00
parent 5320115e13
commit 3f97c9e17e

View File

@@ -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 {