优化楼层装修

This commit is contained in:
paulGao
2022-04-18 09:51:00 +08:00
parent 4ed3832a5f
commit 14d12d90e3
4 changed files with 359 additions and 21 deletions

View File

@@ -1,13 +1,17 @@
<template>
<div class="layout">
<div class="background">
<div class="layout" :style="{textAlign: res.list[0].textAlign}">
<div class="background" :style="{ backgroundColor: res.list[0].bk_color}">
<div class="title" :style="{ color: res.list[0].color }">
{{ res.list[0].title }}
</div>
<div style="position: absolute;right: 10px;top:2px;color: #fff;line-height: 42px;font-size: 10px">
<a :href="res.list[0].url" :style="{ color: res.list[0].color1 }" style="text-decoration: none">{{ res.list[0].title1 }}</a>
</div>
</div>
</div>
</template>
<script>
export default {
title: "标题栏",
@@ -18,7 +22,7 @@ export default {
<style lang="scss" scoped>
@import "./tpl.scss";
.background {
background: url("/static/title.png") no-repeat;
// background: url("/static/title.png") no-repeat;
position: absolute;
z-index: 2;
width: 100%;
@@ -43,5 +47,6 @@ export default {
line-height: 84rpx;
font-size: 30rpx;
font-weight: bold;
margin-left: 8rpx;
}
</style>