This commit is contained in:
yanran200730
2022-03-31 16:03:40 +08:00
parent 27ab36b3ce
commit 49a2d392ad
21 changed files with 74 additions and 49 deletions

View File

@@ -1,9 +1,9 @@
<template>
<section class="AiDvDisplay">
<div class="display-top">
<img class="left" src="asset/display-icon.svg">
<img class="left" src="https://cdn.cunwuyun.cn/dvcp/dv/img/display-icon.svg">
<h2>{{ title }}</h2>
<img class="right" src="asset/display-icon.svg">
<img class="right" src="https://cdn.cunwuyun.cn/dvcp/dv/img/display-icon.svg">
</div>
<component class="background" :is="type"/>
<div class="displayPanel">
@@ -29,6 +29,10 @@ export default {
},
list: {default: () => []},
},
data () {
return {
}
},
methods: {
getPos(i) {
let unit = this.list.length > 0 ? 2 * Math.PI / this.list.length : 0,

View File

@@ -2,8 +2,8 @@
<div class="display0">
<div class="display0-container">
<div class="display0-content">
<img src="../asset/display0-left.png">
<img src="../asset/display0-left.png">
<img src="https://cdn.cunwuyun.cn/dvcp/dv/img/display0-left.png">
<img src="https://cdn.cunwuyun.cn/dvcp/dv/img/display0-left.png">
</div>
</div>
</div>
@@ -15,7 +15,6 @@
data () {
return {
}
}
}
@@ -26,7 +25,7 @@
position: relative;
width: 840px;
height: 465px;
background: url(../asset/display0-bg.png) no-repeat center;
background: url(./../asset/display0-bg.png) no-repeat center;
background-size: cover;
.display0-content {
@@ -38,7 +37,7 @@
transform: translateY(-50%);
align-items: center;
justify-content: space-between;
background: url(../asset/display0-bg.png) no-repeat center;
background: url(./../asset/display0-bg.png) no-repeat center;
background-size: cover;
img:last-child {

View File

@@ -28,7 +28,7 @@ export default {
font-weight: bold;
line-height: 26px;
position: relative;
background-image: url("../asset/displayItem-bg.svg");
background-image: url("./../asset/displayItem-bg.svg");
background-repeat: no-repeat;
background-position: center;
@@ -39,7 +39,7 @@ export default {
bottom: 0;
right: 0;
content: " ";
background-image: url("../asset/displayItem-bg1.svg");
background-image: url("./../asset/displayItem-bg1.svg");
background-repeat: no-repeat;
background-position: center;
animation: rotate 4s infinite linear;