|
|
@@ -110,13 +110,13 @@ onBeforeUnmount(() => {
|
|
|
<span style="margin-right: 0.2rem;">{{ score }}</span>分
|
|
|
</p>
|
|
|
</div>
|
|
|
- <div style="height: 9.06rem; visibility: hidden"></div>
|
|
|
+ <div class="hidden"></div>
|
|
|
<div class="content">
|
|
|
<div style="width: 100vw; height: 19.06rem">
|
|
|
<randarPage :randarList="randarlist" />
|
|
|
</div>
|
|
|
<div class="loading" v-show="loading">
|
|
|
- <van-loading color="#0094ff" size="26px" vertical>加载中...</van-loading>
|
|
|
+ <van-loading color="#0094ff" size="26px" vertical>加载中...</van-loading>
|
|
|
</div>
|
|
|
<div class="standard">
|
|
|
<div class="standard-title">
|
|
|
@@ -135,13 +135,13 @@ onBeforeUnmount(() => {
|
|
|
</div>
|
|
|
<div class="standard-content" style="margin-top: 1.5rem;">
|
|
|
<div class="standard-title">
|
|
|
- <img src="../assets/robot.jpg" alt="" />
|
|
|
- <span>评分详解</span>
|
|
|
- </div>
|
|
|
+ <img src="../assets/robot.jpg" alt="" />
|
|
|
+ <span>评分详解</span>
|
|
|
+ </div>
|
|
|
<div class="standard-content" v-for="(item, index) in defectsList" :key="index">
|
|
|
<div class="standard-subtitle">
|
|
|
- <span class="pro">轮次{{item.rounds}}：</span>
|
|
|
- </div>
|
|
|
+ <span class="pro">轮次{{ item.rounds }}：</span>
|
|
|
+ </div>
|
|
|
<p>
|
|
|
<span>原句：</span>
|
|
|
<span>{{ item.original_sentence }}</span>
|
|
|
@@ -220,10 +220,19 @@ body {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
+.hidden {
|
|
|
+ height: 9.06rem;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+
|
|
|
.content {
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
- overflow: scroll;
|
|
|
+ overflow-y: auto;
|
|
|
+ scrollbar-width: none;
|
|
|
+ /* Firefox */
|
|
|
+ -ms-overflow-style: none;
|
|
|
+ /* IE / Edge */
|
|
|
}
|
|
|
|
|
|
.standard-title {
|
|
|
@@ -298,4 +307,15 @@ body {
|
|
|
align-items: center;
|
|
|
z-index: 9999;
|
|
|
}
|
|
|
+
|
|
|
+@media (min-width: 1001px) {
|
|
|
+ .score {
|
|
|
+ height: 13rem;
|
|
|
+ }
|
|
|
+
|
|
|
+ .hidden {
|
|
|
+ height: 13rem;
|
|
|
+ overflow: hidden;
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|
