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

Hero丶浑人

首先是一个button 选好图片 设好文字 样式 btn-icon-top 颜色随你意（这句是废话）
第二是button加入一个<li>组件 样式自己设 嫌麻烦到/UI2/portal/sample/main/main.w 中去找 记住是之加<li> 就可以了

第三是把<li>拖动到button下的<i>组件中 ,并设置它的style，如图所示

第四分别在<i><li>的class中加入标识 imgBox lia，并在css中写入样式，如图所示

做好之后的效果图，并且放大屏幕角标也是相对位置，不会变化

Hero丶浑人

jinhong 发表于 2016-3-1 13:52
没试出来。楼主可否把源代码文件发一下呢？ 多谢

阿斯蒂芬

jinhong

请问一下，消息上面的那个20是怎么做出来的？

liangyongfei

jinhong 发表于 2016-2-7 17:22
请问一下，消息上面的那个20是怎么做出来的？

这个只要在标签的bind-value 或者 bind-text属性上绑定data字段，通过修改data字段的值就会自动感知数据的变化！

jinhong

没试出来。楼主可否把源代码文件发一下呢？ 多谢

jinhong

感谢楼主。这个小红点的功能我试出来了。就是那个里面带数字的功能没试出来。哪个有源码文件吗？

witdance

数字功能我也没有试出来

witdance

在标签上绑定，显示在傍边吖

doudou459

标记一个！！！

a1185032659

wex5集成了bootstrap，直接使用class="badge" 即可