调整3d细节

This commit is contained in:
X1627315083@163.com
2026-03-16 09:46:48 +08:00
parent 3400dcf9af
commit 1b43f98566
7 changed files with 51 additions and 7 deletions

View File

@@ -166,9 +166,15 @@ defineExpose({open})
<div class="modelBox">
<div class="model" ref="threeDom">
</div>
<div class="icon" v-show="!load.state">
<SvgIcon name="threeLogo" size="40" size-unit="px" />
</div>
<div class="load" v-show="load.state">
<i class="fi fi-rr-cubes"></i>
<div class="text">Load...</div>
<div class="text">
<img src="@/assets/images/threeLoading.png" alt="">
{{ $t('threeModel.loading') }}
</div>
<div class="loadBox">
<div class="schedule" :style="{width:load.progress+'%'}"></div>
</div>
@@ -190,30 +196,49 @@ defineExpose({open})
border: 1px solid #D9D9D9;
overflow: hidden;
}
> .icon{
position: absolute;
bottom: 2.4rem;
right: 2.4rem;
}
> .load{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(0, 0, 0, .2);
background: #e6e6e6;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
color: #fff;
> .text{
font-weight: 500;
font-size: 1.8rem;
line-height: 100%;
display: flex;
align-items: center;
justify-content: center;
color: #747474;
> img{
margin-right: 1rem;
}
}
> i{
font-size: 3rem;
}
> .loadBox{
width: 15rem;
width: 26rem;
height: 1rem;
border-radius: 1rem;
border-radius: 3.3rem;
background: #fff;
overflow: hidden;
margin-top: 1.2rem;
> .schedule{
height: 100%;
background: greenyellow;
border-radius: 3.3rem;
background: #848484;
}
}
}

View File

@@ -80,7 +80,7 @@
text-align: center;
line-height: 18px;
background-color: #fff;
font-size: 6px;
font-size: 9px;
color: #000;
border: 1px solid #d9d9d9;
cursor: pointer;

View File

@@ -26,7 +26,7 @@
default: '63vw'
}
})
const showDialog = ref(false)
const showDialog = ref(true)
const open = (url_: any) => {
showDialog.value = true
}