微信小程序里面,如何实现图标右上角显示数字?

发布网友 发布时间：2022-04-23 09:06

我来回答

共3个回答

热心网友 时间：2022-04-30 23:51

实现微信图标右上角显示数字的具体步骤如下：

一、首先，打开手机上的设置，然后找到里面的【通知与状态栏】选项，如下图所示，然后进入下一步。

二、其次，完成上述步骤后，点击打开【通知与状态栏】选项，如下图所示，然后进入下一步。

三、接着，完成上述步骤后，打开【通知管理】，然后在下方应用程序中找到【微信】并点击打开，如下图所示，然后进入下一步。

四、然后，完成上述步骤后，将【在桌面上显示角标】选项打开，如下图所示，然后进入下一步。

五、最后，完成上述步骤后，回到桌面，可以看到微信右上角的就是角标，即微信信息数量显示，如下图所示，这样，问题就解决了。

热心网友 时间：2022-05-01 01:09

上代码！！！

wxml

<view class='reddot'>1</view>

wxss

.reddot {
    width: 50rpx;
    border-radius: 50rpx;
    background: red;
    text-align: center;
    color: white;
}

效果图

热心网友 时间：2022-05-01 02:44

需要开发

热心网友 时间：2022-04-30 23:51

实现微信图标右上角显示数字的具体步骤如下：

一、首先，打开手机上的设置，然后找到里面的【通知与状态栏】选项，如下图所示，然后进入下一步。

二、其次，完成上述步骤后，点击打开【通知与状态栏】选项，如下图所示，然后进入下一步。

三、接着，完成上述步骤后，打开【通知管理】，然后在下方应用程序中找到【微信】并点击打开，如下图所示，然后进入下一步。

四、然后，完成上述步骤后，将【在桌面上显示角标】选项打开，如下图所示，然后进入下一步。

五、最后，完成上述步骤后，回到桌面，可以看到微信右上角的就是角标，即微信信息数量显示，如下图所示，这样，问题就解决了。

热心网友 时间：2022-05-01 01:09

上代码！！！

wxml

<view class='reddot'>1</view>

wxss

.reddot {
    width: 50rpx;
    border-radius: 50rpx;
    background: red;
    text-align: center;
    color: white;
}

效果图

热心网友 时间：2022-05-01 02:44

需要开发