样式修复

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

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

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

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

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

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

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

Loading…
Cancel
Save