Commit aa72c08c by 李嘉林

背景半屏

parent 9eb534f6
...@@ -8,9 +8,7 @@ ...@@ -8,9 +8,7 @@
'background-position': pageSettingData.backgroundFit == 'equiratioFill' ? 'center' : '', 'background-position': pageSettingData.backgroundFit == 'equiratioFill' ? 'center' : '',
'background-attachment': pageSettingData.backgroundImageLock ? 'fixed' : 'local', 'background-attachment': pageSettingData.backgroundImageLock ? 'fixed' : 'local',
}"> }">
<div class="imgRgb" :style="{ <div class="gradient" v-if="pageSettingData.bgFullScreen"></div>
background: 'linear-gradient(180deg, ' + imgRgb + ' 42.64%, rgba(255,255,255, 0) 100%)',
}"></div>
</div> </div>
</template> </template>
...@@ -77,15 +75,13 @@ export default { ...@@ -77,15 +75,13 @@ export default {
position: absolute; position: absolute;
top: 0; top: 0;
z-index: -1; z-index: -1;
.gradient{
.imgRgb { position: fixed;
position: absolute;
top: 0; top: 0;
left: 0; left: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
z-index: 1; background: linear-gradient(rgba(0, 0, 0, 0) 10%, rgb(255, 255, 255) 40%);
opacity: 0.5;
} }
} }
......
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
<div class="title">HI~我是AI机器人小柒!</div> <div class="title">HI~我是AI机器人小柒!</div>
<div class="info"> <div class="info">
<div class="info__text"> <div class="info__text">
<p>很高兴认识你,我是一个不断学习和进化的机器人,会根据用户的反馈和数据不断改进我的回答和服务质量,以更好地满足用户的需求。</p> <p>很高兴认识你,我是一个不断学习和进化的机器人,会根据用户的反馈和数据不断改进我的回答和服务质量,以更好地满足用户的需求。</p>
<p>我想更了解你,为你推荐更合适的内容。</p> <p>我想更了解你,为你推荐更合适的内容。</p>
</div> </div>
<div class="info__img"> <div class="info__img">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment