更新了组件会变化的问题

src/examples/sceneSet/dial/dial-function.js

@@ -28,21 +28,11 @@ export function addDial() {
         const julianDT = new Cesium.JulianDate();
         Cesium.JulianDate.addHours(date, 8, julianDT);
         var gregorianDT = Cesium.JulianDate.toGregorianDate(julianDT);
-
         let hour = gregorianDT.hour + "";
         let minute = gregorianDT.minute + "";
         let second = gregorianDT.second + "";
-    timetext.value = `${gregorianDT.year}年${gregorianDT.month}月${gregorianDT.day
-      }日${hour.padStart(2, "0")}:${minute.padStart(2, "0")}:${second.padStart(
-        2,
-        "0"
-      )}`
-
-    return `${gregorianDT.year}年${gregorianDT.month}月${gregorianDT.day
-      }日${hour.padStart(2, "0")}:${minute.padStart(2, "0")}:${second.padStart(
-        2,
-        "0"
-      )}`;
+        timetext.value = `${gregorianDT.year}年${gregorianDT.month}月${gregorianDT.day}日${hour.padStart(2, "0")}:${minute.padStart(2, "0")}:${second.padStart(2,"0")}`
+        return `${gregorianDT.year}年${gregorianDT.month}月${gregorianDT.day}日${hour.padStart(2, "0")}:${minute.padStart(2, "0")}:${second.padStart(2,"0")}`;
         };
 
 

src/examples/sceneSet/dial/dial.vue

 <template>
   <div id="cesiumContainer" class="cesium-container"></div>
   <div class="time">
+
+  </div>
+  <div class="time">
     <img src="https://raw.githubusercontent.com/jinlinchao123/Cesium-assets/main/time.png"
       style="width: 100%; height: 100%;">
-  </div>
-  <div>
     <button class="button1" @click="forward">▶</button>
     <button class="button2" v-on:click="start">◼</button>
     <button class="button3" v-on:click="back">◀</button>
@@ -41,38 +42,38 @@ height: 100vh;
 
 .button1 {
   position: absolute;
-  top: 738px;
+  bottom: 0px;
   left: 120px;
 }
 
 .button2 {
   position: absolute;
-  top: 738px;
+  bottom: 0px;
   left: 85px;
 }
 
 .button3 {
   position: absolute;
-  top: 738px;
+  bottom: 0px;
   left: 50px;
 }
 
 .button4 {
   position: absolute;
-  top: 738px;
+  bottom: 0px;
   left: 150px;
 }
 
 .button5 {
   position: absolute;
-  top: 738px;
+  bottom: 0px;
   left: 10px;
 }
 
 .button6 {
 
   position: absolute;
-  top: 650px;
+  bottom: 85px;
   left: 10px;
 }
 
@@ -80,7 +81,7 @@ height: 100vh;
   color: aliceblue;
   font-size: 15px;
   position: absolute;
-  top: 677px;
+  bottom: 40px;
   left: 80px;
 }
 
@@ -88,7 +89,7 @@ height: 100vh;
   color: aliceblue;
   font-size: 15px;
   position: absolute;
-  top: 700px;
+  bottom: 30px;
   left: 40px;
 }
 </style>
\ No newline at end of file