鼠标滑过头像and姓名时候展示名片

最新推荐文章于 2024-11-14 10:16:35 发布

zhhphappy

最新推荐文章于 2024-11-14 10:16:35 发布

阅读量127

点赞数

分类专栏：日常记录文章标签： css javascript ViewUI

本文链接：https://blog.csdn.net/zhhphappy/article/details/84040876

版权

日常记录专栏收录该内容

16 篇文章 0 订阅

订阅专栏

[size=medium]①在wowLayout.vm和wowLayout4jiaju.vm里添加了三个css样式
[color=olive] <link rel="stylesheet" href="$!assetsServer/p/sns/1.1/widget/card.css"/>
<link rel="stylesheet" href="$!assetsServer/p/sns/1.1/widget/letter.css"/>
<link rel="stylesheet" href="$!assetsServer/p/sns/1.1/widget/css/add-friends.css"/> [/color][/size]

②在itemShareData.vm里添加了标签和js代码

头像：<a href="$!{userlink}" target="_blank" class="J_Card" data-snscard="{'type':'user','userId':'$!{baskItem.buyer.userId}'}" ><img src="#getUserPicUrl($!{baskItem.buyer.picUrl} "60")" alt="" width="50" height="50"/></a></span>

名字：<p class="person-credit"><a href="$!{userlink}" target="_blank" class="J_Card" data-snscard="{'type':'user','userId':'$!{baskItem.buyer.userId}'}" >#showUserRealName($!{baskItem.buyer.nick} $!{baskItem.buyer.realName})</a>#if($!baskItem.order.buyerSum>=4)#G_ShowRankWithoutLink($!{baskItem.order.buyerSum},"b")#end#showStar($!baskItem.isStarBuyer())</p>

js代码：<script type="text/javascript">
SNS(function() {
SNS.widget.Card.init();
}, "SNS.widget.Card");
</script>