【报Bug】iPhone7plus ios12.1系统自带Safari浏览器textarea文字重影，安卓系统正常

DCloud_uni-ad_HDX

验证没有问题，请提供完整测试代码

罗文 (作者)

局域网内iPhone访问没有问题，放到云服务器上去就显示重影。https://xsjshop.applinzi.com/manage/ 重新步骤：1,在名称框内输入“口红”，点搜索；2,点任意一个商品图片；3,下滑，点编辑该商品；4,看到商品名称和搜索关键字，显示有重影。

2019-04-01 13:34
罗文 (作者)

字输入越多，重影和错位越明显。

2019-04-01 13:37

罗文 (作者)

罗文 (作者)

代码在下一条评论

2019-04-01 13:40

罗文 (作者)

<template>
<view class="page">
<label>商品主图</label>
<view class="mainimage">
<view class="img" v-for="(v,index) in productInfo.image.images" :key="index">
<image :src="'https://cbu01.alicdn.com/'+v" @click="preImg('mainimage',index)" />
<button class="action" @tap="delmainimg(index)">删除</button>
</view>
</view>
<view class="gooddetail">
<label>商品标题:</label>
<textarea style="width: 750upx;" auto-height v-model="productInfo.subject" />
<label>搜索关键词:</label>
<textarea style="width: 750upx;" auto-height v-model="keys" />
</view>
</view>
</template>
<script>
var imgShow = false;
import base from "../../util/base.js"
export default {
data() {
return {
productID: "",
productInfo: {},
keys:""
};
},
onLoad(e) {
this.productID = e.pid;
this.productInfo = uni.getStorageSync(base.APIALIBABAGETPRODUCT + "" + e.pid).productInfo;
this.keys=this.productInfo.subject;
},
methods: {
preImg(mytype, index) {
if (imgShow) { //防止点击过快导致重复调用
return;
}
imgShow = true;
setTimeout(() => {
imgShow = false;
}, 300)
switch (mytype) {
case 'mainimage':
let n = base.count(this.productInfo.image.images);
let imagearray = [];
for (let i = 0; i < n; i++) {
imagearray[i] = 'https://cbu01.alicdn.com/' + this.productInfo.image.images[i];
}
setTimeout(() => {
uni.previewImage({
current: imagearray[index],
urls: imagearray,
loop: true
})
}, 200)
break;
default:
break;
}
}
}
}
</script>

.gooddetail label {  
    font-weight: bold;  
}  

.gooddetail {  
    width: 750upx;  
    height: auto;  
}  

.mainimage {  
    width: 750upx;  
    height: auto;  

}  

.mainimage .img {  
    width: 350upx;  
    height: 350upx;  
    margin-left: 25upx;  
}  

.mainimage .img image {  
    width: 250upx;  
    height: 250upx;  
}  

.mainimage .img button {  
    width: 100upx;  
    height: 70upx;  
    padding: 0;  
    line-height: 70upx;  
}

</style>