1

src/App.vue

@@ -55,3 +55,7 @@ const handleChangeScene = (item) => {
 
 
 </script>
+<style lang="sass">
+
+@--swiper-theme-color:#fff
+</style>

src/components/NavigationBar.vue

@@ -29,10 +29,12 @@
     </Swiper>
     <div
       class="swiper-button swiper-button-next"
+      style="color:#fff"
     >
     </div>
     <div
       class="swiper-button swiper-button-prev"
+      style="color:#fff"
     >
     </div>
   </div>
@@ -100,7 +102,14 @@ const onSlideChange = () => {
   console.log("slide change");
 };
 </script>
-
+<style lang="scss">
+.swiper-button-next{
+    color: #fff !important;
+}
+.swiper-button:after {
+    color: #fff !important;
+}
+</style>
 <style scoped lang="scss">
 .bar {
   position: fixed;

src/components/RightMenu.vue

@@ -57,8 +57,8 @@ const changeScene = (item) => {
     list-style: none;
 
     .item {
-        width: 75px;
-        height: 75px;
+        width: 80px;
+        height: 80px;
         text-decoration: none;
         background-image: url('/src/assets/icon_bg.png');
         background-position: center center;

src/config.json

@@ -29,6 +29,14 @@
         "url": "https://eur.4dkankan.com/spg.html?m=SG-eur-5VlJaf4942&lang=en"
     },
     {
+        "id": "hall",
+        "type": "scene",
+        "cover": "auditorium.png",
+        "zhName": "禮堂",
+        "enName": "Hall",
+        "url": "https://eur.4dkankan.com/spg.html?m=SG-eur-XUYLaf7632&lang=en"
+    },
+    {
         "id": "General Office",
         "type": "scene",
         "zhName": "校務處",
@@ -163,13 +171,5 @@
         "zhName": "設計與科技工場（3）",
         "enName": "Design & Technology Workshop(3)",
         "url": "https://eur.4dkankan.com/spg.html?m=SG-eur-R1Teb3d0bb&lang=en"
-    },
-    {
-        "id": "hall",
-        "type": "scene",
-        "cover": "auditorium.png",
-        "zhName": "禮堂",
-        "enName": "Hall",
-        "url": "https://eur.4dkankan.com/spg.html?m=SG-eur-XUYLaf7632&lang=en"
     }
 ]