修复样式

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