3177关注9454浏览
这是电脑上显示的 上下箭头都是正常的
这是手机上 上下箭头只显示上箭头
wxml代码如下:
<!--下拉上滑按钮-->
<cover-view class="down_up" bindtap="down_up">
<cover-image class="up_img {{down==1 ? 'down_img' : ''}}" src="../images/up.png"/>
</cover-view>
<!--end下拉上滑按钮-->
wxss代码如下:
/* 骑行详情下滑上拉按键开始 */
.down_up{
width:100%;
height: 80rpx;
display: flex;
flex-direction: row;
justify-content: center;
}
.down_up .up_img{
width:80rpx;
height:80rpx;
margin: 0 auto;
}
.down_img{
-webkit-transform:scaleY(-1);
transform:scaleY(-1);
}
/* 骑行详情下滑上拉按键结束 */
js代码如下:
//骑行详情页面,控制上拉下滑显示
down_up:function(){
var that = this
var down = (that.data.down == 1) ? 0 : 1
that.setData({
'down':down
})
},
-
至过去的我
2044人对此回答表示赞同
我是未来的你,你现在是不是在年找寻小程序答案。你不要感觉诧异,给你来信原因,就是让你不在后悔。今天去学习如何推广小程序,相信......点击查看更多> -
Bella
16人对此回答表示赞同
咦,真机不行吗?不行换rotate吧。。再不行就换动画吧,动画肯定行,我用了的
展开169回复分享发布于 6年前评论(9)
收起评论
好的????
最好用两个image标签切换隐藏,不然会有个图片加载的过程。。不客气
嗯我去试一波三克油~
我最开始以为你是一般的image。。结果是cover-image。。做两个图,轮换src吧。。
还有其他办法吗?
官方说。2.1.0开始cover-view是支持的哎。然后我试了下,我微信版本是6.7.0。确实还没效果。。坐等官方解释
在线等!!!????
不会吧。。我去试试去。。稍等。。
rotatetranslate都试了不行动画怎么用的????