|
|
|
@ -1,6 +1,7 @@
|
|
|
|
|
<template>
|
|
|
|
|
<div class="subject">
|
|
|
|
|
<div class="subject_header">
|
|
|
|
|
<img class="subject_header_img" src="/subject/subject_header.png" />
|
|
|
|
|
<div class="subject_header_title">
|
|
|
|
|
<span>
|
|
|
|
|
<img src="/subject/subject_logo.png" />
|
|
|
|
@ -195,17 +196,20 @@
|
|
|
|
|
background-attachment: fixed;
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
-webkit-user-select: none; /* Safari */
|
|
|
|
|
-moz-user-select: none; /* Firefox */
|
|
|
|
|
-ms-user-select: none; /* IE/Edge */
|
|
|
|
|
user-select: none;
|
|
|
|
|
|
|
|
|
|
&_header {
|
|
|
|
|
background-image: url('/subject/subject_header.png');
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
background-size: cover;
|
|
|
|
|
height: 82px;
|
|
|
|
|
width: 100%;
|
|
|
|
|
&_img {
|
|
|
|
|
height: 82px;
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&_title {
|
|
|
|
|
position: relative;
|
|
|
|
|
top: -5px;
|
|
|
|
|
top: -87px;
|
|
|
|
|
|
|
|
|
|
span {
|
|
|
|
|
img {
|
|
|
|
@ -263,6 +267,8 @@
|
|
|
|
|
|
|
|
|
|
&_box {
|
|
|
|
|
display: flex;
|
|
|
|
|
position: relative;
|
|
|
|
|
top: -82px;
|
|
|
|
|
|
|
|
|
|
&_btn {
|
|
|
|
|
align-items: center;
|
|
|
|
@ -270,12 +276,18 @@
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
position: relative;
|
|
|
|
|
top: 50px;
|
|
|
|
|
left: 110px;
|
|
|
|
|
left: 100px;
|
|
|
|
|
height: 688px;
|
|
|
|
|
width: calc(100vw - 200px);
|
|
|
|
|
width: calc(100vw);
|
|
|
|
|
display: flex;
|
|
|
|
|
overflow-x: hidden;
|
|
|
|
|
overflow-y: hidden;
|
|
|
|
|
overflow-y: auto;
|
|
|
|
|
-ms-overflow-style: none; /* IE 和 Edge */
|
|
|
|
|
scrollbar-width: none; /* Firefox */
|
|
|
|
|
|
|
|
|
|
::-webkit-scrollbar {
|
|
|
|
|
display: none; /* Chrome, Safari, Opera */
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&_div {
|
|
|
|
|
flex: 0 0 auto;
|
|
|
|
@ -353,9 +365,9 @@
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&_overflow {
|
|
|
|
|
position: relative;
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: 220px;
|
|
|
|
|
left: 100px;
|
|
|
|
|
right: -110px;
|
|
|
|
|
height: 300px;
|
|
|
|
|
width: 110px;
|
|
|
|
|
|
|
|
|
@ -364,7 +376,7 @@
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
position: relative;
|
|
|
|
|
top: 100px;
|
|
|
|
|
left: 20px;
|
|
|
|
|
right: 85px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&_icon2 {
|
|
|
|
@ -372,7 +384,7 @@
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
position: relative;
|
|
|
|
|
top: 200px;
|
|
|
|
|
left: -10px;
|
|
|
|
|
right: 115px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|