bigscreen style fixed

This commit is contained in:
aixianling
2024-02-06 17:08:29 +08:00
parent 066feca056
commit 4e145e8435
5 changed files with 38 additions and 3 deletions

View File

@@ -26,10 +26,12 @@ import border11 from "./borders/border11";
import border12 from "./borders/border12";
import border13 from "./borders/border13";
import Border14 from "./borders/border14.vue";
import Border15 from "./borders/border15.vue";
export default {
name: "AiDvPanel",
components: {
Border15,
Border14,
Border0,
Border1,

View File

@@ -21,6 +21,7 @@ export default {
<style lang="scss" scoped>
.border13 {
height: 100%;
background: #7583900f;
.border13-title {
display: flex;

View File

@@ -0,0 +1,33 @@
<template>
<section class="border15">
<h2>{{ title }}</h2>
<div class="slot">
<slot/>
</div>
</section>
</template>
<script>
export default {
name: 'border15',
props: ['title', 'theme']
}
</script>
<style lang="scss" scoped>
.border15 {
height: 100%;
h2 {
font-size: 14px;
height: 30px;
line-height: 30px;
padding: 0 10px;
background-image: linear-gradient(270deg, rgba(31, 67, 102, 0), rgba(31, 78, 102, 0.4));
margin-bottom: 12px;
}
.slot {
height: calc(100% - 68px);
}
}
</style>

View File

@@ -34,8 +34,7 @@ export default {
<style lang="scss" scoped>
$theme-color: #23ECFD;
.summary19 {
height: 100%;
padding: 18px 14px;
padding: 22px 14px;
background: hsla(0, 0%, 100%, .04);
margin: -16px 16px auto;
display: grid;

View File

@@ -242,7 +242,7 @@ export default {
data() {
return {
borderList: ['border0', 'border1', 'border2', 'border3', 'border4', 'border5', 'border6', 'border7', 'border8', 'border9', 'border10',
'border11', 'border12', 'border13'],//边框待选项
'border11', 'border12', 'border13','border14','border15'],//边框待选项
summaryList: ['summary0', 'summary1', 'summary2', 'summary3', 'summary4', 'summary6', 'summary5',
'summary7', 'summary8', 'summary9', 'summary10', 'summary11', 'summary12', 'summary13', 'summary14',
'summary15', 'summary16', 'summary17', 'summary18', 'summary19'],//汇总待选项