1
问题: vue 项目中微信分享,拿到的分享链接总是首页;
原因:微信浏览器自动会截图链接中#后面的数据
解决方法:在mouted钩子函数中获取当前url并保存下来
2
问题:在h5中,设置line-height 文字不居中;
解决:使用display:flex;设置
3
问题:使用chrome浏览器时,图片src无效时img有边框;
解决:因为是src为空的时候才会出现这个问题,所以判断没有src的时候给个无效字符串就可以解决了,
<div class="im_img_contain">
<img :src="row.be_reported_user_avatar?row.be_reported_user_avatar:'xxx'" alt="">
</div>
// css主要是给没有图片的时候添加一个默认的图片展示,从ui界面来考虑的;
.im_img_contain{
border: 1px solid #dedede;
width: 80px;
height: 80px;
background: url("../../assets/images/img.png") no-repeat center;
background-size: 25px;
border-radius: 50%;
img{
width: 80px;
height: 80px;
border-radius: 50%;
}
}