这是电脑上显示的 上下箭头都是正常的






这是手机上 上下箭头只显示上箭头










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

})

},



展开全部
收起
1回答
提交回答
  • 至过去的我

    2044人对此回答表示赞同

    我是未来的你,你现在是不是在年找寻小程序答案。你不要感觉诧异,给你来信原因,就是让你不在后悔。今天去学习如何推广小程序,相信......点击查看更多>
    发布于
  • Bella

    16人对此回答表示赞同

    咦,真机不行吗?不行换rotate吧。。再不行就换动画吧,动画肯定行,我用了的

    展开
    16
    9回复
    发布于 6年前

    评论(9)

    收起评论

    • Eva 2019-01-27 18:57

      好的????

      回复
    • 神庙逃亡者 2019-01-29 10:28

      最好用两个image标签切换隐藏,不然会有个图片加载的过程。。不客气

      回复
    • Sadie 2019-01-31 13:12

      嗯我去试一波三克油~

      回复
    • Aurora 2019-02-02 15:43

      我最开始以为你是一般的image。。结果是cover-image。。做两个图,轮换src吧。。

      回复
    • 夏至未至 2019-02-04 08:00

      还有其他办法吗?

      回复
    • 小玲珑 2019-02-06 19:51

      官方说。2.1.0开始cover-view是支持的哎。然后我试了下,我微信版本是6.7.0。确实还没效果。。坐等官方解释

      回复
    • Gracia 2019-02-08 16:44

      在线等!!!????

      回复
    • justsososo 2019-02-10 14:35

      不会吧。。我去试试去。。稍等。。

      回复
    • Z小姐 2019-02-12 16:18

      rotatetranslate都试了不行动画怎么用的????

      回复
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
咨询热线

13312967497

扫码添加业务即可随时咨询 还可领取小程序推广攻略

业务咨询: 13312967497
扫码咨询

扫码咨询套餐

回到顶部