<view class = "out"></view> .out { margin: 0 auto; text-align: center; font-size: 28rpx; width: 180rpx; height: 50rpx; line-height: 50rpx; background: #2A185F; color: #fff; border-radius: 48rpx; margin-top: 40rpx; position: relative; } .out:after { content: ''; displa...
我也遇到了,我写border-radius: 50%,结果头像变成了八边形,写border-radius:1000rpx也一样。感觉cover-view目前还有很多bug,比如我的cover-view里的文字有时候最后一个字会消失一小半部分 有用 回复 宿雪 2018-03-29 请问这个问题解决了吗?我的是地图用callout气泡的时候真机调试不显示圆角 有用 回复 子龙 2...
小程序 Bug image 工具 6.6.7 1.9.94 <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和view嵌套使用,image底部有间隙,如图: 解决方案给image组件样式,添加属性:display:block;即可。 .falls-item-img{ width: 100%; display:block; border-top-left-radius: 16rpx; borde…
border-radius:8rpx } .swiper-box.wx-swiper-dot-active::before{ background:rgba(244,0,0,0.8); } 虽然可以通过上面的代码修改swiper面板指示点的样式,但是还是有局限性的,不过总算可以修改了,在此简单记录一下。。 二:微信小程序image图片自适应宽度比例显示的方法 ...
wxss.avator { width: 120rpx; height: 102rpx; right: 30rpx; bottom: 0; position: absolute; border-radius: 14rpx;} 回复 曾宪华IP属地: 天津 2019.03.06 16:17 如果把mode="aspectFit"去掉之后,圆角就生效了; 回复 添加新评论还有1条评论,查看更多...
cover-view设置border-radius=50%以及border-radius=宽高一半,在模拟器上是圆形,在真机上不是圆形。【已解决】小游戏的开发工具和小程序的开发工具是同一个吗 ...。cover-image设置border-radius=50%以及border-radius=宽高一半没有效果。本文来自微信 ...
三、wxss样式 今天讲解的样式有一下几个 如何把图形从方形变成圆形? border-radius 这是今天的主角,把他的值设置成50%,就由方形变成圆形了,这个属性是设置圆角的,设置10%,是有一点圆角的方形 设置内容垂直居中方法 这是代码君的一个小窍门,把height和line-height设置成一样,他自动会垂直居中 ...
border-radius: 4px; &.default-img { z-index: 2; } } } 占位图组件, 但是这里出现了一个bug,bindload事件在 onPullDownRefresh时并不会重新渲染触发, 这是一个微信的bug.导致下拉刷新时, 存在图片出不来的情况. 1 2 3 4 5 6 7 8 9
.play-btn { width: 70rpx; height: 70rpx; position: absolute; top: 232.5rpx; left: 320.5rpx; margin: -35rpx 0 0 -35rpx; z-index: 100; } .swiper-cnt .video-cnt video { border-radius: 12rpx; width: 100%; height: 100%; }...