<text class="add-dot">文本</text>
.add-dot{
position: relative;
}
.add-dot::after {
content: ' ';
position: absolute;
right: -8rpx;
top: -3rpx;
width: 12rpx;
height: 12rpx;
background-color: red;
border-radius: 50%;
}
<text class="add-dot">文本</text>
.add-dot{
position: relative;
}
.add-dot::after {
content: ' ';
position: absolute;
right: -8rpx;
top: -3rpx;
width: 12rpx;
height: 12rpx;
background-color: red;
border-radius: 50%;
}
tab_item
微信小程序-右上角长按打开最近使用的小程序，方便快速切换！
1、小程序在点击右上角...按钮之后配置当前页面可分享 小程序如果不配置分享功能的时候，我们点开右上角的按钮，展示...
添加/隐藏UITabBar右上角的小红点 话不多说，直接上代码吧！ 1.添加tabBar的小红点 2.移除小红点 ...
一。小红点简述 英文Badge（徽标），出现在图标或文字右上角的红色圆点，表示有新内容或者待处理的信息。 二。小红...
在群里看到这样的一个问题，小程序右上角的胶囊颜色怎么修改？给小程序设置了头部背景之后，右上角的胶囊颜色却是透明的，...
小程序运行机制 前台/后台状态 小程序启动后，界面被展示给用户，此时小程序处于前台状态。 当用户点击右上角胶囊按钮...
Q 当小程序授权使用后，如何取消它的授权？ 点开“发现”进入小程序列表，找到你想取消授权的小程序。点击右上角的“·...
1 小程序右上角自带的分享功能 如何显示右上角分享选项？页面里设置 wx.showShareMenu()或者设置如...
本文标题：小程序文字右上角加红点
本文链接：https://www.haomeiwen.com/subject/ooxtohtx.html
网友评论