代码优化

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://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.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://192.168.2.129:18080' # 马帅
# VITE_proxyTarget = 'http://10.40.92.185:9206' # 赵福海 ( 设备类型) # VITE_proxyTarget = 'http://10.40.92.185:9206' # 赵福海 ( 设备类型)

View File

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