样式修复

master
许宏杰 1 year ago
parent 1b7b68e2a3
commit 83155b1f79

@ -63,9 +63,7 @@ body {
width: 100%; width: 100%;
z-index: 2000; z-index: 2000;
} }
::-webkit-scrollbar {
// display: none; /**/
}
// //
input:-webkit-autofill, input:-webkit-autofill,
textarea:-webkit-autofill, textarea:-webkit-autofill,

@ -311,3 +311,15 @@ text-shadow: -1px -1px 0 white,
1px 1px 0 white; 1px 1px 0 white;
} }
.check-icon{
position: relative;
div{
position: absolute;
top: -0.33rem;
left: 0;
width: 0.28rem;
height: 0.33rem;
background: url(../image/vxEwm/location.png);
background-size: 100% 100%;
}
}

@ -26,11 +26,11 @@
<div class="item-value">{{ checksinfo.inAddress }}</div> <div class="item-value">{{ checksinfo.inAddress }}</div>
</div> </div>
<div class="cell-map" id="show-maps"> <div class="cell-map" id="show-maps">
<img <!-- <img
class="cell-map-point" class="cell-map-point"
src="@/assets/image/vxEwm/location.png" src="@/assets/image/vxEwm/location.png"
v-if="showPosition" v-if="showPosition"
/> /> -->
</div> </div>
<van-divider /> <van-divider />
<div class="list-item"> <div class="list-item">
@ -97,7 +97,6 @@ export default {
mounted() { mounted() {
this.$nextTick(() => { this.$nextTick(() => {
this.initMap() this.initMap()
this.initData()
}) })
}, },
methods: { methods: {
@ -124,6 +123,8 @@ export default {
minZoom: 5, minZoom: 5,
}) })
.addTo(this.globalMap) .addTo(this.globalMap)
this.initData()
}, },
// //
initData() { initData() {
@ -141,6 +142,13 @@ export default {
var longitude = Number(res.data.longitude) var longitude = Number(res.data.longitude)
var latitude = Number(res.data.latitude) var latitude = Number(res.data.latitude)
this.showPosition = true this.showPosition = true
var myIcon = L.divIcon({
className: 'check-icon',
html: '<div></div>',
iconSize: [0, 0],
})
L.marker([latitude, longitude], { icon: myIcon }).addTo(this.globalMap)
this.globalMap.setView([latitude, longitude], 16) this.globalMap.setView([latitude, longitude], 16)
if (!res.data.inImgRelationID) { if (!res.data.inImgRelationID) {
@ -255,24 +263,26 @@ div {
.item-two-value { .item-two-value {
margin-top: 0.16rem; margin-top: 0.16rem;
.two-value-wai-bg { .two-value-wai-bg {
// margin: 0.16rem 0;
padding: 0.14rem 0.3rem;
box-sizing: border-box; box-sizing: border-box;
padding: 0.14rem 0.3rem;
width: 100%; width: 100%;
height: 0.5rem; // border: 1px solid red;
background: url('~@/assets/image/vxEwm/value-wai-bg.png'); // background: url('~@/assets/image/vxEwm/value-wai-bg.png');
background-size: 100% 100%; // background-size: 100% 100%;
border-radius: 28px;
background: #f1f1f1;
display: flex; display: flex;
align-items: center; align-items: center;
.two-value-nei-bg { .two-value-nei-bg {
span {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
width: 0.29rem; width: 0.28rem;
height: 0.29rem; height: 0.29rem;
background: url('~@/assets/image/vxEwm/value-nei-bg.png'); background: orange;
background-size: 100% 100%; border-radius: 50%;
span { text-align: center;
font-weight: bold; font-weight: bold;
font-size: 0.19rem; font-size: 0.19rem;
color: #ffffff; color: #ffffff;
@ -280,6 +290,7 @@ div {
} }
} }
.value-title { .value-title {
text-align: left;
font-weight: 500; font-weight: 500;
font-size: 0.21rem; font-size: 0.21rem;
color: #333333; color: #333333;

@ -109,8 +109,8 @@ export default {
z-index: 10; z-index: 10;
width: 4.8rem; width: 4.8rem;
height: 8.3vh; height: 8.3vh;
background: url('~@/assets/image/vxEwm/logo.png'); background: url('~@/assets/image/vxEwm/logo.png') center no-repeat;
background-size: 100% 100%; background-size: 100% auto;
} }
.general-view { .general-view {

@ -627,10 +627,11 @@ img {
justify-content: space-between; justify-content: space-between;
} }
.two-rows { .two-rows {
padding: 0.2rem 0.42rem; padding: 0.2rem 0.25rem;
min-height: 1rem; min-height: 1rem;
background: #fff; background: #fff;
border-radius: 28px; border-radius: 28px;
// border: 1px solid red;
} }
} }
} }
@ -837,4 +838,9 @@ img {
.svan-label span { .svan-label span {
flex: 1; flex: 1;
} }
.right-unit {
// border: 1px solid red;
margin-top: 0.08rem;
}
</style> </style>

@ -72,8 +72,8 @@ export default {
z-index: 10; z-index: 10;
width: 4.8rem; width: 4.8rem;
height: 8.3vh; height: 8.3vh;
background: url('~@/assets/image/vxEwm/logo.png'); background: url('~@/assets/image/vxEwm/logo.png') center no-repeat;
background-size: 100% 100%; background-size: 100% auto;
} }
.general-view { .general-view {

@ -442,7 +442,7 @@ div {
} }
.icon-name { .icon-name {
font-weight: 500; font-weight: 500;
font-size: 0.25rem; font-size: 0.2rem;
color: #666666; color: #666666;
} }
.num-data { .num-data {
@ -592,4 +592,11 @@ div {
} }
} }
} }
.num-unit,
.order-unit,
.unit,
.data-unit {
margin-top: 0.08rem;
// border: 1px solid red;
}
</style> </style>

Loading…
Cancel
Save