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

@@ -22,7 +22,7 @@ export default {
height: 100%;
.title {
padding-left: 30px;
background-image: url("../asset/titleBg.svg");
background-image: url("./../asset/titleBg.svg");
background-repeat: no-repeat;
height: 41px;
margin-bottom: 10px;

View File

@@ -33,7 +33,7 @@ export default {
.bg {
position: relative;
margin: 15px 20px;
background-image: url("../asset/border1Bg.svg");
background-image: url("./../asset/border1Bg.svg");
background-size: 100% calc(100%);
background-repeat: no-repeat;
padding: 30px 20px 0 20px;
@@ -52,7 +52,7 @@ export default {
align-items: center;
color: #fff;
font-size: 16px;
background-image: url("../asset/border1Title.svg");
background-image: url("./../asset/border1Title.svg");
background-size: 100%;
background-repeat: no-repeat;
}

View File

@@ -4,9 +4,9 @@
<div class="corner right-bottom"></div>
<div class="bg">
<div class="header">
<img src="../asset/sanjiaoxing.svg" />
<img src="https://cdn.cunwuyun.cn/dvcp/dv/img/sanjiaoxing.svg" />
<h2>{{ title }}</h2>
<img class="header-right" src="../asset/sanjiaoxing.svg" />
<img class="header-right" src="https://cdn.cunwuyun.cn/dvcp/dv/img/sanjiaoxing.svg" />
</div>
<div class="slot">
<slot/>
@@ -18,7 +18,12 @@
<script>
export default {
name: 'border2',
props: {title: String}
props: {title: String},
data () {
return {
}
}
}
</script>
@@ -38,7 +43,7 @@ export default {
width: 18px;
position: absolute;
display: block;
background-image: url(../asset/corner.svg);
background-image: url(./../asset/corner.svg);
background-repeat: no-repeat;
}
.corner.left-top {
@@ -85,7 +90,7 @@ export default {
height: 40px;
line-height: 40px;
text-align: center;
background: url(../asset/border2Title.svg) no-repeat;
background: url(./../asset/border2Title.svg) no-repeat;
background-size: cover;
.header-right {

View File

@@ -122,7 +122,7 @@ export default {
height: 12px;
transform: translate(-50%, -50%);
content: ' ';
background: url(../asset/border3Title.png) no-repeat;
background: url(./../asset/border3Title.png) no-repeat;
background-size: 100% 100%;
opacity: 0.8;
}