最近需要做一个抽奖翻牌的动画显示如下:
<view class="imgbox">
<view wx:for="{{datalist}}" wx:key="key" data-index="{{index}}" bindtap="luck">
<view class="box b1">
<image class="copyrightimg" src="{{item.copyrightimg}}"></image>
</view>
<view class="box b2" >
<image class="copyrightimg" src="{{item.copyrightimg_1}}"></image>
<view class="number">{{item.number}}</view>
</view>
</view>
</view>
想让他两张图片重合所有b1使用了绝对定位,但是翻页图片需要设置底下有数字故b2设置了相对定位
.box {
transition: all 1s;
backface-visibility: hidden;
}
.b1 {
position: absolute;
}
.b2 {
position: relative;
}
但是就显示成翻页在上了
我想显示第一张该怎么调整 我是做后端的 前端小白求抢救... 片段
不是很懂你的 b1 为什么要用绝对定位,你看看这个代码片段
https://developers.weixin.qq.com/s/Rh4edlmY73eR
你要啥效果 不是很懂你说的
position: absolute;
z-index: 99;
}
↓↓👍点赞是回答的动力哦
--↓↓👍点赞是回答的动力哦