编辑器-导航-初始场景：做了一半

packages/code/src/views/navigation/initialSceneSettings.vue

@@ -2,30 +2,32 @@
   <div class="initial-scene-settings" app-border dir-left>
     <div class="initial-scene-settings__title">
       初始场景
-      <i class="iconfont icon-material_prompt tool-tip-for-editor" v-tooltip="'初始场景为查看链接时进入的第一个场景，未设\n置时，不固定从某一场景打开。'">
-      </i>
+      <i class="iconfont icon-material_prompt tool-tip-for-editor" v-tooltip="'初始场景为查看链接时进入的第一个场景，未设\n置时，不固定从某一场景打开。'"/>
     </div>
-    <div class="preview">
-      <img v-if="info.firstScene" :src="info.firstScene.icon" alt="">
-      <div class="tips" v-else>
-        <i class="iconfont iconphotoview" style="font-size: 40px"></i>
-      </div>
-    </div>
-    <div class="setinit" v-if="info.firstScene">
-      <button class="ui-button" @click="deleteIndexInfo">删除场景</button>
-      <button @click="showInitScene=true" class="ui-button submit" :class="{disable:false}">
+    
+    <img class="preview" v-if="info.firstScene" :src="info.firstScene.icon" alt="">
+    <img class="placeholder" v-else src="@/assets/images/pano-image-placeholder.png" alt="">
+
+    <div class="change-init" v-if="info.firstScene">
+      <button class="ui-button deepcancel" @click="deleteIndexInfo">删除场景</button>
+      <button @click="showInitScene=true" class="ui-button submit">
         修改场景
       </button>
     </div>
+    <div class="set-init" v-else>
+      <button @click="showInitScene=true" class="ui-button submit">
+        设置初始场景
+      </button>
+    </div>
 
-    <template v-else>
-      <div class="setinit">
-        <button style="width:100%" @click="showInitScene=true" class="ui-button submit" :class="{disable:false}">
-          设置初始场景
-        </button>
-      </div>
-      <div class="ui-remark">初始场景为查看链接时进入的第一个场景，未设置时，不固定从某一场景打开</div>
-    </template>
+    <!-- <div class="dialog" style="z-index: 2000" v-if="showInitScene">
+      <MaterialSelectorForEditor
+        :selectableType="['image', 'pano', '3D']"
+        title="选择素材"
+        @cancle="showInitScene = false"
+        @submit="handleSelect"
+      />
+    </div> -->
 
     <div class="dialog" style="z-index: 2000" v-if="showInitScene">
       <Select
@@ -89,6 +91,7 @@ export default {
   > .initial-scene-settings__title {
     font-size: 18px;
     color: #fff;
+    margin-bottom: 16px;
     > i {
       font-size: 12px;
       position: relative;
@@ -97,20 +100,29 @@ export default {
   }
   .preview {
     width: 100%;
-    height: 102px;
-    overflow: hidden;
-    >img{
-      width: 100%;
-      height: 100%;
-    }
+    height: 132px;
+    border-radius: 4px;
+    margin-bottom: 16px;
+    object-fit: cover;
+    image-rendering: smooth;
   }
-  .setinit {
+  .placeholder {
+    width: 100%;
+    height: 132px;
+    margin-bottom: 16px;
+  }
+  .change-init {
     width: 100%;
-    margin: 15px 0;
     display: flex;
     justify-content: space-between;
     .ui-button {
-      width: 48%;
+      width: calc((100% - 14px) / 2)
+    }
+  }
+  .set-init {
+    width: 100%;
+    .ui-button {
+      width: 100%;
     }
   }
   .dialog {