修改完成待测试
This commit is contained in:
@@ -1,5 +1,8 @@
|
||||
<template>
|
||||
<view class="genealogy-page-background">
|
||||
<view
|
||||
class="genealogy-page-background"
|
||||
:class="{ 'genealogy-page-background--light': tone === 'light' }"
|
||||
>
|
||||
<image
|
||||
class="genealogy-page-background__art"
|
||||
src="/static/assets/modules/genealogy/opaque/genealogy-page-background-long.png"
|
||||
@@ -8,6 +11,12 @@
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
defineProps({
|
||||
tone: { type: String, default: "default" },
|
||||
});
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.genealogy-page-background {
|
||||
position: fixed;
|
||||
@@ -29,4 +38,12 @@
|
||||
opacity: 0.28;
|
||||
}
|
||||
|
||||
.genealogy-page-background--light {
|
||||
background: #faf8f3;
|
||||
}
|
||||
|
||||
.genealogy-page-background--light .genealogy-page-background__art {
|
||||
opacity: 0.15;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user