小眼睛大笨象的推荐 | LOFTER（乐乎） - 让兴趣，更有趣

LOFTER for ipad —— 让兴趣，更有趣

点击下载关闭

小眼睛大笨象的推荐 qq378037860.lofter.com

打开新页

julia 关注

H5活动页面

H5设计

热度(3)转载分享推荐喜欢

打开新页

julia 关注

运营插画

插画

热度(2)转载分享推荐喜欢

打开新页

julia 关注

专题合集

一组华为旗下各类产品的专题合集

在华为的那些年，做过的产品还是挺多的

icon 长文章

热度(2)转载分享推荐喜欢

打开新页

julia 关注

爱旅项目中的banner设计

爱旅是华为旗下的高端旅行品牌，主打邮轮、出境游、签证、游学营等。这为推广过程中的banner设计，欢迎点评！

一切广告位都是你品牌意识的体现！

banner设计长文章

热度(2)转载分享推荐喜欢

打开新页

julia 关注

产品原型图

交互原型

热度(3)转载分享推荐喜欢

打开新页

julia 关注

视觉规范

视觉规范文档

热度(2)转载分享推荐喜欢

打开新页

julia 关注

社交电商的相关竞品分析报告

随时随地了解竞争对手的产品和市场动态，如果挖掘数据渠道可靠稳定，根据相关数据信
息可判断出对方的战略意图和最新调整方向

竞品分析报告长文章

热度(2)转载分享推荐喜欢

打开新页

julia 关注

交互说明文档

交互文档可以看做交互设计师输出的”产品”，它面向的”用户”是下游的同事——视觉设计师、测试工程师、开发工程师。

交互细节说明，只是方案的表述，每一个小点都有好几种设计方案。如何权衡选择体验更优的方案，才最是考验交互设计师的能力。

交互说明文档长文章

热度(3)转载分享推荐喜欢

打开新页

julia 关注

道瑞企业网站设计

企业官网是企业的门户，品牌形象

官网设计

热度(2)转载分享推荐喜欢

打开新页

julia 关注

道瑞智能产品CRM客户管理系统

B端产品的关键词则是付费购买、上手缓慢、效率第一、你能为我做什么。

B/S后台系统设计

热度(2)转载分享推荐喜欢

打开新页

julia 关注

爱旅小程序

小程序现已被各大企业广泛采用，「触手可及、用完即走」的用户体验备受青睐，随之小程序设计也成为设计师的必备技能

小程序现已被各大企业广泛采用，「触手可及、用完即走」的用户体验备受青睐，随之小程序设计也成为设计师的必备技能

小程序设计

热度(2)转载分享推荐喜欢

打开新页

julia 关注

Melly美妆app项目

全程参与App从需求调研分析、问卷调查、竞品分析的全流程，根据产品经理的需求文档绘制原型图。制定视觉规范并负责完成高保真视觉设计。

你必须为你的用户赢得更好的时间体验（过程上流畅，时间上迅速，情绪上令人愉悦）

app设计

热度(2)转载分享推荐喜欢

打开新页

julia 关注

慧通商旅差旅预订APP项目

华为旗下品牌，一整套的商旅服务解决方案。

ui/ue设计

热度(1)转载分享推荐喜欢

想用@提到谁？

<div class="m-mlist">
    <div class="mlistimg ${xtag}">
        <div class="w-img" style="z-index:1;">
            <a href="#" target="_blank"><img class="${xtag}"></a>
            <div class="w-img w-img-1"><a href="#" target="_blank"><img class="${xtag}"/></a></div>
            <a class="vicon" style="display:none"></a>
        </div>
        <div class="w-img" style="height:0px;padding:0;z-index:10;">
            <div class="a-w-sel a-w-sel-7">
                <div class="w-sel w-sel-7 ${xtag}" style="margin-top:-148px;display:none;">
                    <div class="selc">
                        <div class="selcc">
                            <div class="seli"><a class="sela selicn sellike" href="#">喜欢的文章</a></div>
                            <div class="seli"><a class="sela selicn selfollow" href="#">关注的博客</a></div>
                            <div class="seli"><a class="sela selicn sel1" href="#" target="_blank">发私信</a></div>
                            <div class="seli"><a class="sela selicn sel2" href="#">取消关注</a></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="mlistimg ${xtag}">
        <div class="w-img w-img-2 ${xtag}">
            <div class="time ${xtag}">
                <strong></strong>
            </div>
        </div>
    </div>
    <div class="mlistcnt">
        <div class="isay">
            <div class="isayt">
                <a class="isayc ${xtag}" href="#" title="查看全文" target="_blank">打开新页</a><span class="isayc ${xtag}" style="display:none;"></span>
            </div>
            <div class="isaym">
                <div class="w-who"><a href="#" class="publishernick ${xtag}" target="_blank">hisname</a>
                    <a href="javascript:void(0);" class="${xtag}" style="display: none">该抢先看文章已解锁免费看</a>
                    <a href="#" class="${xtag} w-icn2 w-icn2-3 a-followicon">关注</a><div class="unpromote">-<a href="javascript:"><span class="nocare-hvlayer"></span></a></div><span class="whosep ${xtag}">转载自</span><a href="#" class="${xtag}" target="_blank">hername</a><a href="#" class="${xtag} w-icn2 w-icn2-3 a-followicon">关注</a><span class="whosep ${xtag}" style="display:none;">来源</span><a href="#" class="${xtag}" style="display:none;" target="_blank"></a><a href="#" class="${xtag} w-icn2 w-icn2-3 a-followicon">关注</a><div style="" class="${xtag}">（仅自己可见）</div>
                    <span class="whosep ${xtag}" style="display:none;">- 推荐者 <a href="#" class="${xtag}" target="_blank">hername</a>
                        <a title="" href="javascript:void(0)"><span class="${xtag} shieldSharerBtn"></span></a>
                    </span><span class="whosep ${xtag}" style="display:none;">- LOFTER推荐</span>
                    <div class="oprt ${xtag}" style="display:none;"><span><a href="#" class="${xtag}">屏蔽</a></span><span><a href="#" class="${xtag}">过滤</a></span><span style="display:none;"><a href="#" class="${xtag} degrade" title="( 谱1 | 精1 | 降1 | 滤1 )">2.1</a></span><span><a href="#" class="${xtag}">不推</a></span><span><a href="#" target="_blank" class="w-img2 w-img2-3"><img class="${xtag}"></a><a href="#" class="${xtag}">去精</a></span></div>
                    <div class="select-post-mark ${xtag} f-cb" style="display:none;"><span class="select-mark f-fl"></span><span class="${xtag} f-fl">置顶文章</span></div>
                </div>

<div class="${xtag}"></div>
                <div class="w-opt">
                    <div class="opta ${xtag}">
                        <a class="opti" href="#">#生活</a><a class="opti" href="#">#生活</a><a class="opti" href="#">#生活</a><a class="opti" href="#">#生活</a>
                    </div>
                    <div class="optb">
                        <span class="opti ${xtag}"><a class="w-icn w-icn-8" href="#">移动内容</a></span><span class="opti" style="display:none;"><a href="#" class="${xtag}">发布</a></span><span class="opti" style="display:none;"><a href="#" class="${xtag}">编辑</a></span><span class="opti" style="display:none;"><a href="#" class="${xtag}" hidefocus="true">删除</a></span><span class="opti"><a href="#" class="${xtag}">发布</a></span><span class="opti" style="display:none;"><a href="#" class="${xtag}" hidefocus="true">加黑</a></span><span class="opti"><a href="#" class="${xtag}" hidefocus="true">热度(1)</a><span class="opticrt"></span></span><span class="opti"><a href="#" class="${xtag}" hidefocus="true">评论(1)</a></span><span class="opti"><a href="#" class="${xtag}" target="_blank" hidefocus="true">查看全文</a><span class="opticrt"></span></span><span class="opti opti-reblog"><a href="#" class="${xtag}" target="_blank">转载</a></span><span class="opti opti-shareTo"><a href="#" class="${xtag}" hidefocus="true">分享</a><span class="opticrt"></span></span><span class="opti"><a class="${xtag}" hidefocus="true" href="#">推荐</a></span><span class="opti"><a class="w-icn w-icn-0b ${xtag}" hidefocus="true" href="#">喜欢<span></span><span></span></a></span>
                    </div>
                </div>
            </div>
            <div class="a-isaym2"><div class="isaym2 isaym2-open ${xtag}" style="margin-top:-81px;"></div></div>
            <div class="a-isaym2"><div class="isaym2 isaym2-open ${xtag}" style="margin-top:-81px;"></div></div>
            <div class="a-isaym2 a-isaym2-shareTo"><div class="isaym2 isaym2-open ${xtag}" style="margin-top:-125px;"></div></div>
            <div class="isayb"></div>
        </div>
    </div>
</div>

<div class="m-mlist">
    <div class="mlistimg">
        <div class="w-img w-img-2 ${xtag}">
            <div class="time ${xtag}">
                <strong></strong>
            </div>
        </div>
    </div>
    <div class="mlistcnt">
        <div class="isay">
            <div class="isayt">
                <a class="isayc ${xtag}" href="#" title="查看全文" target="_blank">打开新页</a><span class="isayc ${xtag}" style="display:none;"></span>
            </div>
            <div class="isaym">

<div class="w-who"><a href="#" class="${xtag}" target="_blank">hisname</a>
                    <span class="whosep ${xtag}">转载自</span><a href="#" class="${xtag}" target="_blank">hername</a>
                    <span class="whosep ${xtag}" style="display:none;">来源</span><a href="#" class="${xtag}" style="display:none;" target="_blank"></a>
                    <span style="" class="whosep ${xtag}">（仅自己可见）</span>
                    <span class="whosep ${xtag}" style="display:none;">
                        - 推荐者 <a href="#" class="${xtag}" target="_blank">hername</a>
                    </span></div>

<div class="${xtag}"></div>
                <div class="w-opt">
                    <div class="opta ${xtag}">
                        <a class="opti" href="#">#生活</a><a class="opti" href="#">#生活</a><a class="opti" href="#">#生活</a><a class="opti" href="#">#生活</a>
                    </div>
                    <div class="optb">
                        <span class="opti ${xtag}"><a class="w-icn w-icn-8" href="#">移动内容</a></span><span class="opti"><a href="#" class="${xtag}">编辑</a></span><span class="opti"><a href="#" class="${xtag}" hidefocus="true">删除</a></span><span class="opti"><a href="#" class="${xtag}">发布</a></span>
                    </div>
                </div>
            </div>
            <div class="isayb"></div>
        </div>
    </div>
</div>

<div class="m-icnt" id="guess-like">
        <div class="guess f-cb">
          <span class="ttl">猜你喜欢</span>
          <a class="help" target="_blank" href="//lofterxms.lofter.com/post/1d6ce799_b19d3dd"><img src="//l.bst.126.net/rsc/img/helpico24.png"></a>
          <a class="close ctag ${xtag}" href="#" title="关闭"></a>
        </div>

<div class="guesslike f-cb">
            <div class="col f-trans2" id="col-1">
                <div class="avg-block">
                    <a class="avglink ${xtag}" href="#" target="_blank"><img class="avg ${xtag}" src=""><i></i></a>
                    <a class="f-thide nick ${xtag}" href="#" target="_blank"></a>
                    <span class="shade"></span>
                    <a class="no-interest ${xtag}" id="no-interest1">不喜欢</a>
                    <div class="desc"><span class="daren ${xtag}"></span>  <span>被喜欢</span><span class="favor ${xtag}"></span></div>
                </div>
                <div class="articles f-cb" id="articles1"></div>
                <a class="btn-guslk btn-follow ${xtag}" id="guslk-follow1"><span class="fol1">关</span><span class="fol2">注</span></a>
                <a class="btn-guslk btn-follow-actived f-dn" id="guslk-actived1">已关注</a>
            </div>
            <div class="col f-trans2" id="col-2">
                <div class="avg-block">
                    <a class="avglink ${xtag}" href="#" target="_blank"><img class="avg ${xtag}" src="" alt=""><i></i></a>
                    <a class="f-thide nick ${xtag}" href="#" target="_blank"></a>
                    <span class="shade"></span>
                    <a class="no-interest ${xtag}" id="no-interest2">不喜欢</a>
                    <div class="desc"><span class="daren ${xtag}"></span>  <span>被喜欢</span><span class="favor ${xtag}"></span></div>
                </div>
                <div class="articles f-cb" id="articles2"></div>
                <a class="btn-guslk btn-follow ${xtag}" id="guslk-follow2"><span class="fol1">关</span><span class="fol2">注</span></a>
                <a class="btn-guslk btn-follow-actived f-dn" id="guslk-actived2">已关注</a>
            </div>
        </div>
    </div>

<ul>
        {list posts as post}
            {if post.type==1 || post.type == 5}
                <li class="article article-txt">
                    <div class="fullnk" data-blogid="${post.blogId}" data-postid="${post.postId}">
                        <div class="text">
                            {if !!post.title}<strong class="ttl">${post.title|escape}</strong>{/if}
                            {if !!post.digest}<div class="desc">${post.digest}</div>{/if}
                        </div>
                        <a onclick="if(!!window.doArticleStatistic){doArticleStatistic('${post.permalink}')}" href="${url}/post/${post.permalink}?act=qbcnxh_20150804_04" target="_blank" class="layer" style="left:0; top:0;"></a>
                    </div>
                </li>
            {/if}
            {if post.type==2}
            <li class="article article-img">
                <a class="fullnk" href="${url}/post/${post.permalink}?act=qbcnxh_20150804_04" target="_blank" data-blogid="${post.blogId}" data-postid="${post.postId}">
                    <span class="pic" style="background:url(${post.image|default:''}) center center no-repeat;" {if !!post.title} title="${post.title}"{/if}></span>
                    <span class="layer"></span>
                </a>
            </li>
            {/if}
            {if post.type == 3}
                    {if !!post.image}
                        <li class="article article-audio">
                            <a class="fullnk" href="${url}/post/${post.permalink}?act=qbcnxh_20150804_04" target="_blank" data-blogid="${post.blogId}" data-postid="${post.postId}">
                                <span class="pic" style="background:url(${post.image|default:''}) center center no-repeat;" {if !!post.title} title="${post.title}"{/if}></span>
                                <span class="cover"></span>
                                <span class="layer"></span>
                            </a>
                        </li>
                    {else}
                        <li class="article article-audio">
                            <a class="fullnk" href="${url}/post/${post.permalink}?act=qbcnxh_20150804_04" data-blogid="${post.blogId}" data-postid="${post.postId}">
                                <span class="pic">
                                    <span class="img"> </span>
                                </span>
                                <span class="cover"></span>
                                <span class="layer"></span>
                            </a>
                        </li>
                    {/if}
                {/if}
            {if post.type == 4}
                {if !!post.image}
                    <li class="article article-video">
                        <a class="fullnk" href="${url}/post/${post.permalink}?act=qbcnxh_20150804_04" target="_blank" data-blogid="${post.blogId}" data-postid="${post.postId}">
                            <span class="pic">
                                <img src="${post.image}"{if !!post.title} alt="${post.title}" title="${post.title}"{/if}/>
                            </span>
                            <span class="cover"></span>
                            <span class="layer"></span>
                        </a>
                    </li>
                {else}
                    <li class="article article-video">
                        <a class="fullnk" href="${url}/post/${post.permalink}?act=qbcnxh_20150804_04" data-blogid="${post.blogId}" data-postid="${post.postId}">
                            <span class="pic">
                                <span class="img"> </span>
                            </span>
                            <span class="cover"></span>
                            <span class="layer"></span>
                        </a>
                    </li>
                {/if}
            {/if}
        {/list}
    </ul>

{if !!photo.labels && photo.labels.length>0}
                    {var wrapwidth = photo.ow < 500?photo.ow:500}
                    <div class="m-labelswrap" style="width:${wrapwidth}px">
                      {list photo.labels as labs}
                      {var lbtxtwidth = Math.floor(wrapwidth*(labs.ort==1?labs.x:(100-labs.x))/100)-62}
                      {if lbtxtwidth>12}
                      <div class="w-labels {if labs.ort==1}w-labels-right{else}w-labels-left{/if}" style="{if labs.ort==1}right:${100-labs.x}%;top:${labs.y}%{else}left:${labs.x}%;top:${labs.y}%{/if}">
                        {if !!labs.icon}
                        <img class="lbimg" src="${labs.icon}" />
                        <div class="lbwrap">
                            <a class="lbtagtxt f-thide" style="max-width:${lbtxtwidth}px" href="//www.lofter.com/tag/${labs.text|escape}" target="_blank">${labs.text|escape}</a>
                        </div>
                        {else}
                        <div class="lbwrap lbwrap-noimg">
                            <a class="lbtagtxt f-thide" style="max-width:${lbtxtwidth+28}px" href="//www.lofter.com/tag/${labs.text|escape}" target="_blank">${labs.text|escape}</a>
                        </div>
                        {/if}
                      </div>
                      {/if}
                      {/list}
                      <img class="wrapbg" src="//l.bst.126.net/rsc/img/common/empty.png">
                    </div>
                    {/if}

{list photos as photo}
            <div class="imgc">
                <a href="#" hidefocus="true">
                    <img width="{if photo.ow < 145}${photo.ow|escape}{else}164{/if}" src="${httpImgConvertToHttps(photo.middle)|escape}">
                    <span class="total">
                        <span class="totalbg"></span><span class="totalnum">${photos.length||2}</span>
                    </span>
                </a>
            </div>
            {if photo_index==0}{break}{/if}
        {/list}
        <ol style="display:none;">
        {list photos as photo}
            <li>
                <div class="imgc">
                    <a href="#" hidefocus="true"><img width="{if photo.ow < 500}${photo.ow|escape}{else}500{/if}" large="${httpImgConvertToHttps(photo.orign)|escape}" {if !!iself}src="${httpImgConvertToHttps(photo.middle)|escape}"{else}imgsrc="${httpImgConvertToHttps(photo.middle)|escape}"{/if}>
                        {if !!expand}
                        <span class="total">
                            <span class="totalbg"></span><span class="totalnum">${photos.length||2}</span>
                        </span>
                        {/if}
                    </a>
                  {if !!photo.labels && photo.labels.length>0}
                    {var wrapwidth = photo.ow < 500?photo.ow:500}
                    <div class="m-labelswrap" style="width:${wrapwidth}px">
                      {list photo.labels as labs}
                      {var lbtxtwidth = Math.floor(wrapwidth*(labs.ort==1?labs.x:(100-labs.x))/100)-62}
                      {if lbtxtwidth>12}
                      <div class="w-labels {if labs.ort==1}w-labels-right{else}w-labels-left{/if}" style="{if labs.ort==1}right:${100-labs.x}%;top:${labs.y}%{else}left:${labs.x}%;top:${labs.y}%{/if}">
                        {if !!labs.icon}
                        <img class="lbimg" src="${labs.icon}" />
                        <div class="lbwrap">
                            <a class="lbtagtxt f-thide" style="max-width:${lbtxtwidth}px" href="//www.lofter.com/tag/${labs.text|escape}" target="_blank">${labs.text|escape}</a>
                        </div>
                        {else}
                        <div class="lbwrap lbwrap-noimg">
                            <a class="lbtagtxt f-thide" style="max-width:${lbtxtwidth+28}px" href="//www.lofter.com/tag/${labs.text|escape}" target="_blank">${labs.text|escape}</a>
                        </div>
                        {/if}
                      </div>
                      {/if}
                      {/list}
                      <img class="wrapbg" src="//l.bst.126.net/rsc/img/common/empty.png">
                    </div>
                    {/if}
                </div>
                <div class="more more-2" {if photo.ow <= 500}style="display:none;"{/if}>
                    <a class="w-zoom" onclick="loft.x.stopEvent(event);loft.m.g.mp${gid}.photoshow(${photo_index});return false;">查看大图</a>
                </div>
                {if !expand}<p>${spescape(captions[photo_index])}</p>{/if}
             </li>
             {if !!expand}{break}{/if}
        {/list}
        </ol>

<div class="flashvideo">
        <object width="100%" height="100%" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0">
            <param name="movie" value="https://www.lofter.com/rsc/swf/video/lofterVideoPlayer.swf">
            <param name="wmode" value="transparent">
            <param name="quality" value="high">
            <param name="allowFullScreen" value="true">
            <param name="flashvars" value="controlbar=none&skin=https://www.lofter.com/rsc/swf/video/skin/skin.zip&file=${src}&image=${imgsrc}&autostart=true&repeat=always">
            <embed width="100%" height="100%"  src="//www.lofter.com/rsc/swf/video/lofterVideoPlayer.swf" flashvars="controlbar=none&skin=https://www.lofter.com/rsc/swf/video/skin/skin.zip&file=${src}&image=${imgsrc}&autostart=true&repeat=always" allowFullScreen="true" menu="false" wmode="transparent" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash">
        </object>
    </div>

<div class="m-icnt m-icnt-askanswer">
      <div class="answerItem">
        <div class="answernick"><a class="${xtag}" hidefocus="true" target="_blank" href="#"></a><span class="answertip"> <span class="answertypetxt ${xtag}"></span></span></div>
        <div class="askarea">
            <div class="question"><div class="qcnt ${xtag}"></div><em class="f-askicon arrow"> </em></div>
            <div class="asker">
                <div style="display:none" class="realnameask">
                    <a target="_blank" href="#"><img class="${xtag}" /></a>
                    <a class="f-thide askernick ${xtag}" target="_blank" href="#"></a>
                </div>
                <div class="anonyask">
                    <img class="${xtag}" />
                    <span class="f-thide askernick ${xtag}"></span>
                </div>
            </div>
        </div>
        <div class="cnt">
            <div class="img"><a href="#" hidefocus="true"><img width="164" class="${xtag}"></a></div>
            <div class="txt ${xtag}">
                <p></p>
            </div>
        </div>
        <div class="more" style="display:none;"><a class="w-more w-more-open ${xtag}" href="#">展开</a></div>
        <div style="display:none" class="askagain"><a class="${xtag}" hidefocus="true" target="_blank" href="#"><span class="againtxt ${xtag}"></span><em style="display:none" class="icon24"> </em></a></div>
        <div class="clearfix opbar">
            <a class="${xtag}" hidefocus="true" href="#">删除</a>
        </div>
      </div>
      <div class="askItem">
        <div class="asknick"><a class="${xtag}" hidefocus="true" target="_blank" href="#"></a><span class="asktip"><em class="nicksep"> </em>提问</span></div>
         <div class="cnt">
             <div class="txt ${xtag}"></div>
         </div>
         <div class="clearfix opbar">
             <a class="addblack ${xtag}" hidefocus="true" target="_blank" href="#">加黑</a>
             <a class="${xtag}" hidefocus="true" target="_blank" href="#">删除</a>
             <a class="${xtag}" hidefocus="true" target="_blank" href="#">仅回答</a>
             <a class="${xtag}" hidefocus="true" target="_blank" href="#">回答并发布</a>
         </div>
      </div>
    </div>

<div class="a-w-sel a-w-sel-7 a-w-sel-do usercard">
	    <div class="w-sel w-sel-7">
	    	<div id="ucarrow" class="arrow arrow-${arrow}"></div>
		    <div class="selc">
	            <div class="selcc selcc-1" id="selcc-1">
	       		    <div class="seli seli-glist2">
	                    <div class="m-glist2">
		                    <div class="w-img2 w-img2-1"><a onclick="window['_gaq'].push(['_trackEvent', '个人名片', '头像点击']);" target="_blank" href="https://${data.blogname}.lofter.com/"><img src="${httpImgConvertToHttps(data.avaImg|default:'https://l.bst.126.net/rsc/img/ava/64.png')}"><em class="vicon {if !!viconclass}${viconclass}{/if}"></em></a></div>
	                        <div class="bloginfo">
	    	                    <a onclick="window['_gaq'].push(['_trackEvent', '个人名片', '昵称点击']);" style="display:inline-block;width:210px;" target="_blank" href="https://${data.blogname}.lofter.com/" class="name f-thide">${data.name|escape}</a>
	                            <div class="subinfo"><a onclick="drawStatisticImg('qbgrmp_20150416_01');window['_gaq'].push(['_trackEvent', '个人名片', '文章xxx点击']);" {if !data.publicPostCount || data.publicPostCount<0}style="display:none"{/if} href="https://${data.blogname}.lofter.com/" target="_blank">文章 ${data.publicPostCount}</a><a onclick="drawStatisticImg('qbgrmp_20150416_02');window['_gaq'].push(['_trackEvent', '个人名片', '喜欢xxx点击']);" {if !data.FavoritePostCount || issubblog || data.FavoritePostCount<0}style="display:none"{/if} href="//www.lofter.com/favblog/${data.blogname}" target="_blank">喜欢 ${data.FavoritePostCount}</a><a onclick="drawStatisticImg('qbgrmp_20150416_03');window['_gaq'].push(['_trackEvent', '个人名片', '关注xxx点击']);" {if !data.followerCount || issubblog || data.followerCount<0}style="display:none"{/if} href="//www.lofter.com/explore?type=follow&bid=${blogid}" target="_blank">关注 ${data.followerCount}</a></div>
	                        </div>
	                        <div class="blogmenu">
                                <div class="menu"{if rankNum == 0} style="display:none;"{/if}>
                                    <a class="menubtn ftag" href="javascript:void(0)"></a>
                                    <div class="menulist ftag" style="display:none;top:50px;opacity:0;">
                                        <div class="arrow"></div>
                                        <ul>
                                            {if data.msgRank == 1}<li><a id="ucmsg" onclick="drawStatisticImg('qbgrmp_20150416_04');" target="_blank" href="{if !!isLogin}https://www.lofter.com/message/${data.blogname}/{else}https://www.lofter.com/front/login?target=https://www.lofter.com/message/${data.blogname}/{/if}">私信</a></li>{/if}
                                            <li><a id="ucblack" href="#">{if !!data.inBlackList}取消加黑{else}加黑{/if}</a></li>
											<li style="{if data.shieldRecomCode==0}display:none{/if}"><a id="ucShield" href="#">
                                                {if data.shieldRecomCode==1}恢复查看推荐{/if}
												{if data.shieldRecomCode==2}不看推荐内容{/if}
											</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="followbtn">
                                    <a class="u-btn2 ftag" style="display:none;" href="#"><span>已关注</span></a>
		                        	<a class="u-btn u-btn-1 ftag" style="display:none;" href="#"><b>+</b><span>关注</span></a>
		                        </div>
                            </div>
	                    </div>
	                </div>
	                <div class="seli seli-goodcnt">
	                    <ul class="m-goodcnt m-goodcnt-4">
	                        <li>
	                        {if defined('posts')&&posts.length>0}
				          	{list posts as post}
	                        	<div class="itm">
			          				{if post_index < 3}
			          					{if post.type == 1 || post.type == 5}
		          							<div class="txt">
		          								{if !!post.title}<h3>${post.title|escape}</h3>{/if}
		          								{if !!post.digest}${post.digest}{/if}
		          							</div>
		          							<a onclick="window['_gaq'].push(['_trackEvent', '个人名片', '文章缩略区域点击']);" target="_blank" href="${post.blogPageUrl}" class="textlink"></a>
						          		{/if}
						          		{if post.type == 2}
						          			<a onclick="window['_gaq'].push(['_trackEvent', '个人名片', '文章缩略区域点击']);" target="_blank" href="${post.blogPageUrl}">
						          				<img src="${post.showimages}" style="visibility:hidden;" onload="this.style.visibility = 'visible'">
						          				<span class="icover"></span>
						          			</a>
						          		{/if}
						          		{if post.type == 3}
						          			<a onclick="window['_gaq'].push(['_trackEvent', '个人名片', '文章缩略区域点击']);" target="_blank" href="${post.blogPageUrl}">
						          				{if !!post.showimages}<img src="${post.showimages}" style="visibility:hidden;" onload="this.style.visibility = 'visible'">{/if}
						          				<span class="icover"></span>
						          				<span class="w-type"></span>
						          			</a>
						          		{/if}
						          		{if post.type == 4}
						          			<a onclick="window['_gaq'].push(['_trackEvent', '个人名片', '文章缩略区域点击']);" target="_blank" href="${post.blogPageUrl}">
						          				{if !!post.showimages}<img src="${post.showimages}" style="visibility:hidden;" onload="this.style.visibility = 'visible'">{/if}
						          				<span class="icover"></span>
						          				<span class="w-type w-type-1"></span>
						          			</a>
						          		{/if}
						          		{if post.type == 6}
						          			<a onclick="window['_gaq'].push(['_trackEvent', '个人名片', '文章缩略区域点击']);" target="_blank" href="${post.blogPageUrl}">
						          				<img src="${post.showimages}" style="visibility:hidden;" onload="this.style.visibility = 'visible'">
						          				<span class="icover"></span>
						          				<span class="long-flag"></span>
						          			</a>
						          		{/if}
			          				{/if}
				          		</div>
				          	{/list}
				          	{else}
				          	<div class="nopost">暂无文章</div>
				          	{/if}
	                        </li>
	                    </ul>
	                </div>
	                <div class="seli">
	                	<div class="m-daren">
	                	{if drlist.length>0}
	                		<span class="moredr">更多相似达人：</span>
	                		{list drlist as dr}<a class="ftag" href="https://${dr.blogName}.lofter.com/?from=usercard" target="_blank" onclick="similarBlogClick(${dr.blogId},'${dr.algInfo|default:''}','${dr.recId|default:''}');drawStatisticImg('qbxsdr_20150810_02');">${subStr(dr.blogNickName,14,true)|escape}</a>{if drlist.length === 3 && dr_index === 0}、{/if}{if drlist.length === 3 && dr_index === 1}、{/if}{if drlist.length === 2 && dr_index === 0}、{/if}{/list}
	                	{else}
	                		<span class="nomore">暂无相似达人，</span><a href="//www.lofter.com/explore/?type=recommend" target="_blank" onclick="drawStatisticImg('qbxsdr_20150814_02')">发现更多>></a>
	                	{/if}
	                	</div>
	                </div>
	            </div>
	        </div>
	    </div>
	</div>

{if defined('posts')&&posts.length>0}
      	{list posts as post}
        	<div class="itm tctag">
  				{if post_index < 3}
  					{if post.type == 1 || post.type == 5}
						<div class="txt">
							{if !!post.title}<h3>${post.title|escape}</h3>{/if}
							{if !!post.digest}${post.digest}{/if}
						</div>
						<a onclick="window['_gaq'].push(['_trackEvent', '标签名片', '标签名片缩略图点击']);" target="_blank" href="${post.tagUrl}" class="textlink"></a>
	          		{/if}
	          		{if post.type == 2}
	          			<a onclick="window['_gaq'].push(['_trackEvent', '标签名片', '标签名片缩略图点击']);" target="_blank" href="${post.tagUrl}">
	          				<img src="${post.showimages}" style="visibility:hidden;" onload="this.style.visibility = 'visible'">
	          				<span class="icover"></span>
	          			</a>
	          		{/if}
	          		{if post.type == 3}
	          			<a onclick="window['_gaq'].push(['_trackEvent', '标签名片', '标签名片缩略图点击']);" target="_blank" href="${post.tagUrl}">
	          				{if !!post.showimages}<img src="${post.showimages}" style="visibility:hidden;" onload="this.style.visibility = 'visible'">{/if}
	          				<span class="icover"></span>
	          				<span class="w-type"></span>
	          			</a>
	          		{/if}
	          		{if post.type == 4}
	          			<a onclick="window['_gaq'].push(['_trackEvent', '标签名片', '标签名片缩略图点击']);" target="_blank" href="${post.tagUrl}">
	          				{if !!post.showimages}<img src="${post.showimages}" style="visibility:hidden;" onload="this.style.visibility = 'visible'">{/if}
	          				<span class="icover"></span>
	          				<span class="w-type w-type-1"></span>
	          			</a>
	          		{/if}
	          		{if post.type == 6}
	          			<a onclick="window['_gaq'].push(['_trackEvent', '标签名片', '标签名片缩略图点击']);" target="_blank" href="${post.tagUrl}">
	          				<img src="${post.showimages}" style="visibility:hidden;" onload="this.style.visibility = 'visible'">
	          				<span class="icover"></span>
	          				<span class="long-flag"></span>
	          			</a>
	          		{/if}
  				{/if}
      		</div>
      	{/list}
  	{else}
  		<div class="nopost tctag">暂无文章</div>
  	{/if}