bigscreen style fixed
This commit is contained in:
@@ -26,10 +26,12 @@ import border11 from "./borders/border11";
|
|||||||
import border12 from "./borders/border12";
|
import border12 from "./borders/border12";
|
||||||
import border13 from "./borders/border13";
|
import border13 from "./borders/border13";
|
||||||
import Border14 from "./borders/border14.vue";
|
import Border14 from "./borders/border14.vue";
|
||||||
|
import Border15 from "./borders/border15.vue";
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: "AiDvPanel",
|
name: "AiDvPanel",
|
||||||
components: {
|
components: {
|
||||||
|
Border15,
|
||||||
Border14,
|
Border14,
|
||||||
Border0,
|
Border0,
|
||||||
Border1,
|
Border1,
|
||||||
|
|||||||
@@ -21,6 +21,7 @@ export default {
|
|||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.border13 {
|
.border13 {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
background: #7583900f;
|
||||||
|
|
||||||
.border13-title {
|
.border13-title {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|||||||
33
components/layout/AiDvPanel/borders/border15.vue
Normal file
33
components/layout/AiDvPanel/borders/border15.vue
Normal 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>
|
||||||
@@ -34,8 +34,7 @@ export default {
|
|||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
$theme-color: #23ECFD;
|
$theme-color: #23ECFD;
|
||||||
.summary19 {
|
.summary19 {
|
||||||
height: 100%;
|
padding: 22px 14px;
|
||||||
padding: 18px 14px;
|
|
||||||
background: hsla(0, 0%, 100%, .04);
|
background: hsla(0, 0%, 100%, .04);
|
||||||
margin: -16px 16px auto;
|
margin: -16px 16px auto;
|
||||||
display: grid;
|
display: grid;
|
||||||
|
|||||||
@@ -242,7 +242,7 @@ export default {
|
|||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
borderList: ['border0', 'border1', 'border2', 'border3', 'border4', 'border5', 'border6', 'border7', 'border8', 'border9', 'border10',
|
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',
|
summaryList: ['summary0', 'summary1', 'summary2', 'summary3', 'summary4', 'summary6', 'summary5',
|
||||||
'summary7', 'summary8', 'summary9', 'summary10', 'summary11', 'summary12', 'summary13', 'summary14',
|
'summary7', 'summary8', 'summary9', 'summary10', 'summary11', 'summary12', 'summary13', 'summary14',
|
||||||
'summary15', 'summary16', 'summary17', 'summary18', 'summary19'],//汇总待选项
|
'summary15', 'summary16', 'summary17', 'summary18', 'summary19'],//汇总待选项
|
||||||
|
|||||||
Reference in New Issue
Block a user