|
@@ -3,7 +3,6 @@ import pie1 from './teacher/pie1.vue'
|
|
|
import pie2 from './teacher/pie2.vue'
|
|
|
import pie3 from './teacher/pie3.vue'
|
|
|
|
|
|
-import top from '~/assets/img/teacher/top.png'
|
|
|
|
|
|
const baseInfo = ref([
|
|
|
{
|
|
@@ -41,6 +40,25 @@ const secSchollTeacher2Content = ref([
|
|
|
{ a1: "花花", a2: 26, a3: 8, a4: 5,a5:5, },
|
|
|
])
|
|
|
|
|
|
+
|
|
|
+// newTotal = numTrans(res.data.school_base_data.yhgmData.total)
|
|
|
+
|
|
|
+function numTrans(num) {
|
|
|
+ let newNum = converToArray(num)
|
|
|
+ if (newNum.length < 7) {
|
|
|
+ const zero = []
|
|
|
+ for (let i = 0; i < 7 - newNum.length; i++)
|
|
|
+ zero.push(0)
|
|
|
+
|
|
|
+ newNum = [...zero, ...newNum]
|
|
|
+ // return [...zero, ...newNum]
|
|
|
+ }
|
|
|
+ return newNum
|
|
|
+}
|
|
|
+const converToArray = number => [...`${number}`].map(el => parseInt(el))
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
</script>
|
|
|
|
|
|
<template>
|
|
@@ -50,7 +68,13 @@ const secSchollTeacher2Content = ref([
|
|
|
<div class="flex flex-row justify-between ">
|
|
|
<div v-for="(item,index) in baseInfo" :key="index" >
|
|
|
<h4 class="text-lg font-medium">{{ item.title }}</h4>
|
|
|
- <div class="border-blue-500/50 text-4xl mt-2">{{ item.detailNum }}</div>
|
|
|
+ <!-- <div class="border-blue-500/50 text-4xl mt-2">{{ item.detailNum }}</div> -->
|
|
|
+ <div class="border-blue-500/50 text-4xl mt-4 splitNum">
|
|
|
+ <span class="bg-block">0</span>
|
|
|
+ <span class="bg-block">1</span>
|
|
|
+ <span class="bg-block">1</span>
|
|
|
+ <span class="bg-block">1</span>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -86,7 +110,6 @@ const secSchollTeacher2Content = ref([
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <img :src="top" alt="">
|
|
|
</div>
|
|
|
<div class="w-960px flex flex-col justify-between" style="width:50%;">
|
|
|
<div class="w-full h-300px flex flex-col border border-hex-0A337E bg-block p-6">
|
|
@@ -161,4 +184,13 @@ const secSchollTeacher2Content = ref([
|
|
|
text-align: center;
|
|
|
}
|
|
|
|
|
|
+.splitNum span{
|
|
|
+ border: 2px solid rgba(35,188,248,1 );
|
|
|
+ border-image-source: linear-gradient(135deg, #23BEFA, #0358C1);
|
|
|
+ border-image-slice: 1;
|
|
|
+ border-image-repeat: stretch;
|
|
|
+ padding:2px 5px;
|
|
|
+ margin-right: 3px;
|
|
|
+ background-color: rgba(11,39,146,0.3);
|
|
|
+}
|
|
|
</style>
|