|
@@ -97,7 +97,7 @@ |
|
|
<div class="text1-2">{{ objList1.avg }}次</div> |
|
|
<div class="text1-2">{{ objList1.avg }}次</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div style="height: 300px; width: 94%; margin: 0 auto"> |
|
|
|
|
|
|
|
|
<div style="width: 94%; margin: 0 auto"> |
|
|
<div class="jinbox" v-for="(item, i) in objList1.list" :key="i"> |
|
|
<div class="jinbox" v-for="(item, i) in objList1.list" :key="i"> |
|
|
<span class="sequenceNum" :style="{ |
|
|
<span class="sequenceNum" :style="{ |
|
|
'background': i + 1 == 1 ? '#F54D3F' : i + 1 == 2 ? '#FF981E' : i + 1 == 3 ? '#FFCC00' : '#E5F0FF', |
|
|
'background': i + 1 == 1 ? '#F54D3F' : i + 1 == 2 ? '#FF981E' : i + 1 == 3 ? '#FFCC00' : '#E5F0FF', |
|
@@ -138,7 +138,7 @@ |
|
|
<div class="text1-2">{{ objList2.avg }}%</div> |
|
|
<div class="text1-2">{{ objList2.avg }}%</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div style="height: 300px; width: 94%; margin: 0 auto"> |
|
|
|
|
|
|
|
|
<div style="width: 94%; margin: 0 auto"> |
|
|
<div class="jinbox" v-for="(item, i) in objList2.list" :key="i"> |
|
|
<div class="jinbox" v-for="(item, i) in objList2.list" :key="i"> |
|
|
<span class="sequenceNum" :style="{ |
|
|
<span class="sequenceNum" :style="{ |
|
|
'background': i + 1 == 1 ? '#F54D3F' : i + 1 == 2 ? '#FF981E' : i + 1 == 3 ? '#FFCC00' : '#E5F0FF', |
|
|
'background': i + 1 == 1 ? '#F54D3F' : i + 1 == 2 ? '#FF981E' : i + 1 == 3 ? '#FFCC00' : '#E5F0FF', |
|
@@ -186,7 +186,7 @@ |
|
|
<div class="text1-2">{{ objList3.avg }}次</div> |
|
|
<div class="text1-2">{{ objList3.avg }}次</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div style="height: 300px; width: 94%; margin: 0 auto"> |
|
|
|
|
|
|
|
|
<div style=" width: 94%; margin: 0 auto"> |
|
|
<div class="jinbox" v-for="(item, i) in objList3.list" :key="i"> |
|
|
<div class="jinbox" v-for="(item, i) in objList3.list" :key="i"> |
|
|
<span class="sequenceNum" :style="{ |
|
|
<span class="sequenceNum" :style="{ |
|
|
'background': i + 1 == 1 ? '#F54D3F' : i + 1 == 2 ? '#FF981E' : i + 1 == 3 ? '#FFCC00' : '#E5F0FF', |
|
|
'background': i + 1 == 1 ? '#F54D3F' : i + 1 == 2 ? '#FF981E' : i + 1 == 3 ? '#FFCC00' : '#E5F0FF', |
|
@@ -230,7 +230,7 @@ |
|
|
<div class="text1-2">{{ objList4.avg }}分钟</div> |
|
|
<div class="text1-2">{{ objList4.avg }}分钟</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div style="height: 300px; width: 94%; margin: 0 auto"> |
|
|
|
|
|
|
|
|
<div style=" width: 94%; margin: 0 auto"> |
|
|
<div class="jinbox" v-for="(item, i) in objList4.list" :key="i"> |
|
|
<div class="jinbox" v-for="(item, i) in objList4.list" :key="i"> |
|
|
<span class="sequenceNum" :style="{ |
|
|
<span class="sequenceNum" :style="{ |
|
|
'background': i + 1 == 1 ? '#F54D3F' : i + 1 == 2 ? '#FF981E' : i + 1 == 3 ? '#FFCC00' : '#E5F0FF', |
|
|
'background': i + 1 == 1 ? '#F54D3F' : i + 1 == 2 ? '#FF981E' : i + 1 == 3 ? '#FFCC00' : '#E5F0FF', |
|
@@ -621,7 +621,7 @@ export default { |
|
|
<style scoped="scoped" lang="scss" > |
|
|
<style scoped="scoped" lang="scss" > |
|
|
.sequenceNum { |
|
|
.sequenceNum { |
|
|
display: flex; |
|
|
display: flex; |
|
|
width: 24px; |
|
|
|
|
|
|
|
|
width: 26px; |
|
|
height: 24px; |
|
|
height: 24px; |
|
|
justify-content: center; |
|
|
justify-content: center; |
|
|
align-items: center; |
|
|
align-items: center; |
|
@@ -700,6 +700,7 @@ export default { |
|
|
margin-right: 15px; |
|
|
margin-right: 15px; |
|
|
background: #ffffff; |
|
|
background: #ffffff; |
|
|
border-radius: 4px; |
|
|
border-radius: 4px; |
|
|
|
|
|
padding-bottom: 22px; |
|
|
|
|
|
|
|
|
.title { |
|
|
.title { |
|
|
width: 100%; |
|
|
width: 100%; |
|
@@ -731,6 +732,7 @@ export default { |
|
|
flex: 1; |
|
|
flex: 1; |
|
|
background: #ffffff; |
|
|
background: #ffffff; |
|
|
border-radius: 4px; |
|
|
border-radius: 4px; |
|
|
|
|
|
padding-bottom: 22px; |
|
|
|
|
|
|
|
|
.title { |
|
|
.title { |
|
|
width: 100%; |
|
|
width: 100%; |
|
@@ -784,7 +786,7 @@ export default { |
|
|
display: flex; |
|
|
display: flex; |
|
|
font-size: 16px; |
|
|
font-size: 16px; |
|
|
color: #2c3542; |
|
|
color: #2c3542; |
|
|
margin-top: 10px; |
|
|
|
|
|
|
|
|
margin-top: 20px; |
|
|
|
|
|
|
|
|
.jinboxtit { |
|
|
.jinboxtit { |
|
|
width: 14%; |
|
|
width: 14%; |
|
@@ -796,7 +798,7 @@ export default { |
|
|
|
|
|
|
|
|
.sequenceNum { |
|
|
.sequenceNum { |
|
|
display: flex; |
|
|
display: flex; |
|
|
width: 24px; |
|
|
|
|
|
|
|
|
width: 26px; |
|
|
height: 24px; |
|
|
height: 24px; |
|
|
justify-content: center; |
|
|
justify-content: center; |
|
|
align-items: center; |
|
|
align-items: center; |
|
|