不好意思,老师,那么久了才学这么点,这段时间太累。其实上周我就遇到audio点播图片不能按照设定的数据缩放的苦恼,整了好多天仍然没找到原因,其他都写对了的,也没报错,上下其他图片都正常显示,唯独audio这张还是个大图摆在头图下面,也不能上移,不知道为什么
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | <view class= "container" > <image class= "head-image" src= "/pages/posts/ask google.jpg" ></image> <image calss= "audio" src= "/images/music/music-start2.png" ></image> <view class= "author-date" > <image class= "avatar" src= "/images/elephant.png" ></image> <text class= "author" >Cigar</text> <text class= "const-text" >发表于</text> <text class= "date" >三天前</text> </view> <text class= "title" >Google Home开启智能家居时代</text> <view class= "tool" > <view class= "circle-img" > <image class= "collection-img" src= "/images/icon/collection.png" ></image> <image class= "share-img" src= "/images/icon/share.png" ></image> </view> <view class= "horizon" ></view> </view> <text class= "detail" >Google Home有多智能?用了才知道</text> </view> |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | .head-image { width: 100%; height: 460rpx; } .audio { width: 10rpx; height: 10rpx; position: absolute; left: 50%; margin-left: -51rpx; top: 200px; opacity: 6; } .author-date { flex-direction: row; margin-left: 30rpx; margin-top: 20rpx; |
4年同步微信官方迭代,累计20000+人学习, 比微信官方更火爆!
了解课程