|
[App引擎]
代码升级到AVM后显示红点的问题?
[复制链接]
代码升级到AVM后不显示红点, 请问题是什么原因呢?是不是用法不对啊?
原来不使用AVM时显示红点的代码:
<li id="d-user-Notifications" tapmode="liActive"><span
class="glyphicon glyphicon-alert"></span><a>我的通知</a><span id="d-user-Notifications-point" class="red-point"></span></li>
使用AMV的代码:
<template>
...
<cell class="cell" @click="openInMain('mMemberNotifications.aspx')" style={tapStyles.myNofify}
ontouchstart="touch('myNofify')">
<image src="../../image/myNofify.png" class="my-icon" mode="aspectFit"/>
<text class="title">我的通知</text>
<span class="red-point"></span>
</cell>
...
</template>
<style>
.red-point{
position: relative;
}
.red-point::before{
content: " ";
border: 3.6px solid red;/*设置红色*/
border-radius:3.6px;/*设置圆角*/
position: absolute;
z-index: 1000;
right: 0%;
margin-right: -10px;
margin-top: -20px;
}
</style>
|
|