样式调整

src/components/CircleProgress.vue

@@ -3,7 +3,7 @@
         <div class="number" v-if="textPosition == 'top'">
             <ul class="flex">
                 <!-- <ScrollNum v-for="(num, idx) of numArr" :key="idx" as="li" :i="num" :delay="idx + 1" /> -->
-                <count-to :useEasing="false" style="font-size: 0.08rem;"  :startVal='1' :endVal='targetValue' :duration='2000'></count-to>
+                <count-to :useEasing="true" style="font-size: 0.08rem;"  :startVal='1' :endVal='targetValue' :duration='2000'></count-to>
                 <span>个</span>
             </ul>
         </div>
@@ -24,7 +24,7 @@
         <ul class="flex" style="width: 65px;display: flex;align-items: center;justify-content: center;">
             <!-- <ScrollNum v-for="(num, idx) of numArr" :key="idx" as="li" :i="num" :delay="idx + 1" /> -->
             <div style="color: #fff;font-weight: 600; ">
-                <count-to :useEasing="false" style="font-size: 0.08rem;"  :startVal='1' :endVal='targetValue' :duration='2000'></count-to>
+                <count-to :useEasing="true" style="font-size: 0.08rem;"  :startVal='1' :endVal='targetValue' :duration='2000'></count-to>
             </div>
             <span style="color: antiquewhite;"   v-if="text.includes('课程')">(节)</span>
             <span style="color: antiquewhite;" v-else>(个)</span>

src/components/left.vue

@@ -120,7 +120,7 @@ export default ({
                         position: 'center',
                         color: '#fff',
                         formatter: () => { // 格式化要展示的文本
-                            return `总计\n\n1430间`
+                            return `总计\n\n${roomtotle.value}间`
                         },
 
                         // formatter: '{total|' + 200 + '}' + '\n\r' + '{active|共发布活动}',
@@ -202,6 +202,9 @@ export default ({
         const classCount = ref([])
         // 智慧教室使用数据
         const classRoom = ref([])
+        const roomtotle = ref([])
+
+
 
 
         const getClassData = async () => {
@@ -210,6 +213,10 @@ export default ({
             let { course, classroomDetail, category } = res.data;
             classRoomCount.value = category;
 
+            //获取教室总数
+            roomtotle.value= category.reduce((accumulator, currentValue) => accumulator + currentValue.value, 0);
+            console.log('categorycategory',roomtotle);
+
             if (classRoomCount.value) {
                 initeCharts()
             }

src/components/right.vue

@@ -40,7 +40,16 @@
                         <img :src="deviceImg + item.icon + '.png'" alt="">
                         <!-- <img :src="'src/assets/img/' + item.icon + '.png'" alt=""> -->
                     </CircleProgress>
-                    <div class="text">{{ item.text }}</div>
+
+                    <div  class="text">{{ item.text }}</div>
+
+                    <!-- <el-tooltip placement="bottom">
+                        <template    #content> multiple lines<br />second line </template>
+                        <el-text style="width: 100px;" class="w-100px mb-2" truncated>
+                            测试测试测试
+                        </el-text>
+                    </el-tooltip> -->
+            
                 </div>
             </div>
         </div>