在微信小程序中部分功能的右上角加入未读提醒（小红点）

在微信小程序中，如果你想在某些功能的右上角加入未读提醒的小红点，通常有以下几种实现方式：

1. 使用原生的API接口：微信小程序提供了设置未读红点的接口，即`wx.setTabBarBadge`。这个方法可以用来设置微信底部导航栏的某个tab的未读红点数量。但是，如果你需要在非底部导航栏的位置显示红点，比如页面内的某个功能上，这种方法就无法适用。

2. 自定义组件：在页面的指定位置创建一个自定义的红点组件，可以通过修改该组件的显示状态来实现红点的显示与隐藏。这通常涉及设置一个标志位来控制红点的显示逻辑。

3. 使用CSS和条件渲染：在WXML中设置一个元素来表示红点，并通过WXSS设置红点的样式，然后根据条件判断是否展示这个元素。例如，如果某个功能有未读信息，则在页面上渲染红点元素，否则不渲染。

具体实现的代码示例如下（以自定义组件方法为例）：

1. 在WXML中定义红点的位置：

<view class="red-dot-container">
  <custom-red-dot wx:if="{{hasUnread}}"></custom-red-dot>
</view>

2. 在WXSS中设置红点的样式：

.red-dot-container {
  position: relative;
}

.custom-red-dot {
  width: 10px;
  height: 10px;
  background-color: red;
  border-radius: 50%;
  position: absolute;
  top: -5px;
  right: -5px;
}

3. 在JS中控制红点的显示逻辑：

Page({
  data: {
    hasUnread: true // 根据实际情况设置
  },
  // 页面加载或数据更新时的逻辑
  onLoad: function() {
    // ...
  }
})

使用自定义组件的方法时，你可能需要在小程序的全局状态管理中维护一个未读信息的标记，并在需要的地方更新这个状态。