|
|
@@ -455,6 +455,9 @@ onUnmounted(() => {
|
|
|
z-index: 99;
|
|
|
right: 34px;
|
|
|
bottom: 130px;
|
|
|
+ //加上这个保证back-top-img不会重复渲染
|
|
|
+ transform: translateZ(0);//不知道什么原理
|
|
|
+
|
|
|
.item {
|
|
|
margin-top: 10px;
|
|
|
}
|
|
|
@@ -463,11 +466,6 @@ onUnmounted(() => {
|
|
|
height: 100px;
|
|
|
display: block;
|
|
|
}
|
|
|
- .collect-icon {
|
|
|
- width: 100px;
|
|
|
- height: 100px;
|
|
|
- display: block;
|
|
|
- }
|
|
|
}
|
|
|
.html-head-img-box,.html-end-img-box{
|
|
|
margin-bottom: 10px;
|
|
|
@@ -508,106 +506,4 @@ onUnmounted(() => {
|
|
|
height: 200px;
|
|
|
}
|
|
|
}
|
|
|
-@media (max-width: 599px){
|
|
|
- .report-detail-page{
|
|
|
- .report-content-box{
|
|
|
- :deep(.report-drag-item-wrap_child-wrap){
|
|
|
- flex-wrap: wrap;
|
|
|
- .report-drag-item-wrap_child_content{
|
|
|
- flex: none !important;
|
|
|
- width: 100%;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- }
|
|
|
-}
|
|
|
-@media (min-width: 600px) {
|
|
|
- .report-detail-page {
|
|
|
- .title-box {
|
|
|
- font-size: 18px;
|
|
|
- line-height: 22px;
|
|
|
- margin-bottom: 10px;
|
|
|
- }
|
|
|
- .time-box {
|
|
|
- margin-top: 5px;
|
|
|
- }
|
|
|
- .des-box {
|
|
|
- padding: 10px;
|
|
|
- margin: 10px 0;
|
|
|
- gap: 0 5px;
|
|
|
- line-height: 18px;
|
|
|
- }
|
|
|
- .report-content-box {
|
|
|
- margin-top: 10px;
|
|
|
- font-size: 18px;
|
|
|
- :deep(span) {
|
|
|
- font-size: 18px !important;
|
|
|
- }
|
|
|
- :deep(p) {
|
|
|
- font-size: 18px !important;
|
|
|
- }
|
|
|
- :deep(ul) {
|
|
|
- font-size: 18px !important;
|
|
|
- }
|
|
|
- :deep(ol) {
|
|
|
- font-size: 18px !important;
|
|
|
- }
|
|
|
- :deep(li) {
|
|
|
- font-size: 18px !important;
|
|
|
- }
|
|
|
- :deep(span.fr-emoticon) {
|
|
|
- width: 18px !important;
|
|
|
- height: 18px !important;
|
|
|
- }
|
|
|
-
|
|
|
- .chapter-item-wrap {
|
|
|
- padding: 10px 0;
|
|
|
- .chapter-title {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- font-size: 20px;
|
|
|
- .type {
|
|
|
- padding: 5px 10px;
|
|
|
- border-radius: 4px;
|
|
|
- margin-right: 10px;
|
|
|
- }
|
|
|
- .chapter-title-text {
|
|
|
- font-size: 20px;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- .right-fix-box {
|
|
|
- right: 17px;
|
|
|
- bottom: 65px;
|
|
|
- .item {
|
|
|
- margin-top: 5px;
|
|
|
- }
|
|
|
- .back-top-img {
|
|
|
- width: 50px;
|
|
|
- height: 50px;
|
|
|
- }
|
|
|
- .collect-icon {
|
|
|
- width: 50px;
|
|
|
- height: 50px;
|
|
|
- }
|
|
|
- }
|
|
|
- .html-head-img-box,.html-end-img-box{
|
|
|
- margin-bottom: 5px;
|
|
|
- }
|
|
|
- }
|
|
|
- .no-auth-wrap {
|
|
|
- .opcity-box {
|
|
|
- height: 65px;
|
|
|
- }
|
|
|
- .content-box {
|
|
|
- padding-bottom: 100px;
|
|
|
- }
|
|
|
- .icon {
|
|
|
- width: 100px;
|
|
|
- height: 100px;
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
</style>
|
cxmo