大屏样式完成
This commit is contained in:
@@ -4,9 +4,13 @@
|
||||
<template v-if="$slots.title" #title>
|
||||
<slot name="title"/>
|
||||
</template>
|
||||
<slot/>
|
||||
<div :style="{padding}">
|
||||
<slot/>
|
||||
</div>
|
||||
</component>
|
||||
<slot style="width: 100%; height: 100%;" v-else></slot>
|
||||
<div v-else :style="{padding}">
|
||||
<slot style="width: 100%; height: 100%;"/>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
@@ -54,7 +58,8 @@ export default {
|
||||
theme: {
|
||||
type: String,
|
||||
default: '0'
|
||||
}
|
||||
},
|
||||
padding: {default: 0}
|
||||
},
|
||||
mounted() {
|
||||
},
|
||||
|
||||
@@ -24,6 +24,7 @@ export default {
|
||||
padding: 0 10px;
|
||||
background-image: linear-gradient(270deg, rgba(31, 67, 102, 0), rgba(31, 78, 102, 0.4));
|
||||
margin-bottom: 12px;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.slot {
|
||||
|
||||
Reference in New Issue
Block a user