微信消息右上角红点角标分享

dongdenghua

顶！！！！！！！

ecode@ecode.net

我想问的是重点不是这个图，二十功能的实现，右上角的脚标我能够显示了，但是怎么设置推出一条消息然后能够动态更新一下数据

少翊

ecode@ecode.net 发表于 2016-10-17 16:23
我想问的是重点不是这个图，二十功能的实现，右上角的脚标我能够显示了，但是怎么设置推出一条消息然后能够 ...

你要有一个推送机制
比如说极光推送
当后台推送消息给你的时候会通知你，这时你可以去处理自己想要做的事情

ecode@ecode.net

少翊 发表于 2016-10-17 17:30
你要有一个推送机制
比如说极光推送
当后台推送消息给你的时候会通知你，这时你可以去处理自己想要做的事 ...

我有点懂你的意思，有案例么。让我参考参考

915804103

http://doc.wex5.com/comps-button/#008

915804103

增加div标签
在div标签中插入button组件和badge组件
设置button组件的icon和class属性
通过css设置badge组件的显示位置和背景颜色
代码示例：

1
2
3
4
5
6
7
<div class="angleBox">
    <span class="badge angle">4</span>
    <a component="$UI/system/components/justep/button/button" class="btn btn-warning btn-icon-top button" label="button" xid="button19" icon="icon-android-forums">
      <i xid="i19" class="icon-android-forums"/>
      <span xid="span19"/>
    </a>
  </div>
1
2
3
4
5
6
.angleBox {
  width:50px; float:left; position:relative;
}
.angle {
  position:absolute; right:0px; top:0; background-color: #c71c22;
}