第一个正常的是模拟器的,第二个是安卓真机截图的.
.shoppingCartCount{ background : #FF1B1B ; width : 26 rpx; height : 26 rpx; font-size : 16 rpx; font-weight : 500 ; border-radius: 50% ; text-align : center ; line-height : 26 rpx; color : #fff ; position : absolute ; /*小红点的位置*/ top : 0 ; right : -6 rpx } |
以上是css代码
< view class = "shoppingCartCount" > 49 </ view > |
求解~
<view class="shoppingCartCount" style="display:flex;justify-content: center;align-items: center;">
<text>49</text>
</view>
试试
https://github.com/o0o52lin/ColorUI/tree/master/demo
这个demo里有