结论:在image的父盒子中加上display: flex,原因不清楚
出问题的代码和图片如下:
<template><view style=" background-color: greenyellow; height: 10rpx;width: 10rpx;"><image :src="imgSrc.seatnull" style="width: 100%; height: 100%; background-color: aqua;"> </image></view>
</template>
当父盒子的大小过小,就出现了图片和父盒子偏离的情况
解决方法,使父盒子变为弹性盒子就可以解决
<view style=" background-color: greenyellow; height: 10rpx;width: 10rpx;display: flex;"><image :src="imgSrc.seatnull" style="width: 100%; height: 100%; background-color: aqua;"> </image></view>