Hooke / tswj

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
09f1aadf 1 parent 942686b6

✨ feat(客户端): 样式调整

Inline Side-by-side
Showing 3 changed files with 27 additions and 5 deletions
<template>
<div style="background-color: white;height:100%; overflow:auto;">
<div class="client-index-page">
<div class="cloud-bg"></div>
</div>
<div class="entry-wrapper">
......@@ -44,7 +45,8 @@ onMounted (() => {
// 进入项目自动打开导航栏
// window.history.pushState({}, "title", "#");
// 背景颜色全屏
$('.client-index-page').height($(document).height() - $('.entry-wrapper').outerHeight());
// $('.client-index-page').height($(document).height() - $('.entry-wrapper').outerHeight());
$('.client-index-page').height($(document).height());
// $('.client-index-page').width($(document).width());
})
</script>
......@@ -68,18 +70,38 @@ export default {
</script>
<style lang="less" scoped>
// .client-index-page {
// // 背景图 宽度100% 高度自适应
// background-image: url('@images/yindao@2x-1.png');
// background-repeat: no-repeat;
// width: 100%;
// height: 100%;
// background-size: 100% auto;
// position: relative;
// .cloud-bg {
// background-image: url('@images/bg-white@2x.png');
// background-repeat: no-repeat;
// width: 100%;
// height: 10rem;
// background-size: 100% auto;
// position: absolute;
// bottom: 12rem;
// }
// }
.client-index-page {
// 背景图 宽度100% 高度控制
background-image: url('@images/yindao@2x.png');
background-repeat: no-repeat;
background-size: contain;
background-position:top center;
width: 100%;
background-size: 100% 85%;
position: relative;
}
.entry-wrapper {
position: absolute;
// bottom: 1rem;
bottom: 0;
width: 100%;
background-color: #FFF;
// background-color: #FFF;
.control {
margin: 1rem;
margin-top: 0.5rem;
......