图标

src/renderer/src/views/components/propertyBox/model.vue

@@ -76,7 +76,7 @@
                   <div class="imgbg">
                     <el-image
                       :src="'http://127.0.0.1:8848' + model.poster"
-                      fit="cover"
+                      fit="contain"
                       class="thumbnail"
                     >
                       <template #error>
@@ -262,7 +262,11 @@ const modelClick = (index, row) => {
   // }
 
   // 轨迹运动选择模型
-  if(selectCallback && typeof selectCallback === 'function' && addType.value === 'trajectoryMotion'){
+  if (
+    selectCallback &&
+    typeof selectCallback === 'function' &&
+    addType.value === 'trajectoryMotion'
+  ) {
     selectCallback('http://127.0.0.1:8848' + row.data)
     close()
     return
@@ -329,7 +333,7 @@ const renderModel = async (data, model) => {
       }
       let Model = await new YJ.Obj.Model(window.earth, option)
 
-      let DbOption:any = {
+      let DbOption: any = {
         params: option,
         id,
         sourceName: model.modelName + index,
@@ -424,7 +428,7 @@ eventBus.on('closeModelSet', (data) => {
 })
 
 //查看是否有设置模型设置
-var isSetting:any = null
+var isSetting: any = null
 const getSetting = () => {
   ModelApi.getModelSetting().then((res) => {
     if (res.code == 0 || res.code == 200) {
@@ -446,7 +450,7 @@ const setting = () => {
   eventBus.emit('openModelSetting', (true, isSetting))
 }
 
-let selectCallback:any = null
+let selectCallback: any = null
 
 defineExpose({
   open,
@@ -698,6 +702,9 @@ defineExpose({
   height: 30px;
   line-height: 30px;
   text-align: center;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 
   color: rgba(255, 255, 255, 1);
 }
@@ -707,6 +714,7 @@ defineExpose({
 .model-item {
   border-radius: 8px;
   overflow: hidden;
+  width: 70px;
   /* box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1); */
 }
 .model-item:hover {