<image class='card-img' src='{{item.cardImage}}' mode='widthFix'></image>


.card-img {

    width:300rpx;

    margin-bottom:80rpx;

    -webkit-box-reflect:below 0 linear-gradient(transparent,transparent 65%,rgba(0,0,0,.3));

    border-radius:10px;

}

这个是image组件的class样式,添加-webkit-box-reflect:below 0 linear-gradient(transparent,transparent 65%,rgba(0,0,0,.3));会有投影,但是圆角就消失了,不知道什么原因,在h5页面这个样式写法没有问题,求大神指导一下。


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

    2044人对此回答表示赞同

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

    20人对此回答表示赞同

    展开
    20
    0回复
    发布于 6年前

    评论(0)

    收起评论

  • 问职彬彬

    7人对此回答表示赞同

    box-shadow和-webkit-box-reflect效果不一样,这是-webkit-box-reflect的效果:

    展开
    7
    0回复
    发布于 6年前

    评论(0)

    收起评论

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
扫码咨询

扫码咨询套餐

回到顶部