代码优化

This commit is contained in:
BianLzhaoMin 2024-12-04 11:54:46 +08:00
parent cbf3069a57
commit 3b50ed9d0c
2 changed files with 31 additions and 12 deletions

4
env/.env.dev vendored
View File

@ -7,9 +7,9 @@ VITE_API_URL = '/proxyApi'
# 开发环境接口地址
# VITE_proxyTarget = 'http://10.40.92.74:8080' #盛旭
VITE_proxyTarget = 'http://192.168.2.246:28080' # 马帅
# VITE_proxyTarget = 'http://192.168.2.246:28080' # 马帅
# VITE_proxyTarget = 'http://192.168.2.123:28080' # 梁超
# VITE_proxyTarget = 'http://192.168.0.244:28580' # 测试服务
VITE_proxyTarget = 'http://192.168.0.244:28580' # 测试服务
# VITE_proxyTarget = 'http://192.168.2.129:18080' # 马帅
# VITE_proxyTarget = 'http://10.40.92.185:9206' # 赵福海 ( 设备类型)

View File

@ -6,7 +6,15 @@
<div class="showImg">
<!-- <showImg :url-list="pageData.bmFileInfoList"></showImg> -->
<img alt="" :src="viewImgUrl" />
<div class="img-main">
<!-- <img alt="" :src="viewImgUrl" style="width: 100%; height: 100%" /> -->
<el-image
style="width: 100%; height: 100%; cursor: pointer"
:src="viewImgUrl"
fit="cover"
/>
</div>
<div class="img-slide">
<div class="btn" @click="onPrevImg">
@ -20,7 +28,12 @@
:key="index"
@click="onCheckImg(item.fileUrl, index)"
>
<img :src="item.fileUrl" alt="" />
<!-- <img :src="item.fileUrl || ''" alt="" /> -->
<el-image
style="width: 100%; height: 98%; margin-top: 1%; cursor: pointer"
:src="item.fileUrl"
fit="cover"
/>
</div>
</div>
<div class="btn" @click="onNextImg">
@ -970,7 +983,7 @@ const onAddCart = async () => {
}
.equipDetail {
user-select: none;
// user-select: none;
margin-top: 20px;
.top {
@ -986,9 +999,10 @@ const onAddCart = async () => {
// flex-direction: column;
// justify-content: space-between;
img {
.img-main {
width: 100%;
height: 73%;
// height: 73%;
height: 420px;
}
.img-slide {
@ -1012,13 +1026,18 @@ const onAddCart = async () => {
justify-content: space-around;
.img-item {
width: calc((100% - 30px) / 4);
// width: calc((100% - 30px) / 4);
// height: 100%;
width: 120px;
height: 120px;
cursor: pointer;
box-sizing: border-box;
img {
height: 90%;
margin-top: 5%;
}
// img {
// height: 90%;
// width: 100%;
// margin-top: 5%;
// }
// width: 25%;
// background-color: orange;
}