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

①在wowLayout.vm和wowLayout4jiaju.vm里添加了三个css样式
<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"/>

②在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>