wctdreamlandwebsite-front/assets/scss/newDetail.scss

185 lines
3.9 KiB
SCSS

html {
background: #000;
}
body {
margin: 0px;
scroll-behavior: smooth;
-webkit-overflow-scrolling: touch;
width: 100%;
height: 100%;
background: #ffeede;
scrollbar-width: none; /* firefox */
-ms-overflow-style: none; /* IE 10+ */
overflow-x: hidden;
overflow-y: auto;
}
body::-webkit-scrollbar {
display: none; /* Chrome Safari */
}
#newDetail {
background: url("../assets/partTwo/bg_two.png") center no-repeat;
background-size: cover;
position: relative;
width: 100%;
font-size: 16px;
color: #ffeede;
&::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
background: url("../assets/mask/mask.png") center no-repeat;
background-size: cover;
}
.news-container {
position: relative;
padding: 8% 15%;
z-index: 2;
.nav {
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #bda0c4;
.back {
position: relative;
cursor: pointer;
&::before {
content: "<";
font-size: 24px;
padding-right: 14px;
font-family: "Noto Serif SC", serif;
}
}
.new-time-container {
height: 9px;
font-size: 12px;
font-family: Noto Serif CJK SC;
font-weight: 400;
color: #ffeede;
opacity: 0.5;
}
.news-nav {
display: flex;
padding: 0;
margin-left: -64px;
list-style-type: none;
li {
padding-left: 16px;
display: flex;
// cursor: pointer;
align-items: center;
&.next::before {
content: ">";
font-size: 24px;
padding-right: 16px;
font-family: "Noto Serif SC", serif;
}
}
}
}
.news-detail-container {
// background: rgba(0, 0, 0, 0.8);
position: relative;
width: 100%;
// height: 100%;
// overflow: scroll;
left: 50%;
top: 0;
// transform: translate(-50%, -50%);
transform: translate(-50%, 0%);
// overflow-x: hidden;
padding: 0 48px;
scroll-behavior: smooth;
.news-header {
display: flex;
position: relative;
align-items: flex-start;
margin: 0 0 32px;
padding: 64px 0 32px;
font-family: Microsoft YaHei, , Microsoft JhengHei, ,
STHeiti, MingLiu;
// border-bottom: 1px solid #bda0c4;
.news-tab {
color: #f53;
font-size: 32px;
}
.news-title {
margin-left: 8px;
font-size: 32px;
}
.new-time-container {
display: flex;
margin-left: auto;
margin-top: auto;
align-items: flex-end;
.new-time {
color: #7f7f7f;
}
}
}
.news-header-img {
width: 100%;
}
.news-editor {
font-size: 20px;
p,
span {
background: inherit !important;
line-height: 1.4;
}
img {
max-width: 100%;
margin: 15px 0;
}
}
}
.news-flip {
width: 100%;
padding: 0;
position: relative;
list-style-type: none;
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 40px;
li {
font-size: 22px;
}
}
.news-detail-container::-webkit-scrollbar {
/*滚动条整体样式*/
width: 4px; /*高宽分别对应横竖滚动条的尺寸*/
height: 1px;
}
}
.news-toTop {
// content: url("../assets/news/top.png");
position: absolute;
width: 134px;
height: 35px;
bottom: 18%;
right: 5%;
margin-right: 0;
cursor: pointer;
}
.nav_btn {
width: 128px;
height: 116px;
position: fixed;
top: 46px;
left: 0;
z-index: 2;
}
}