hlm_pl_mall/app/home/view/default/mall/link/link.html

{extend name="default/base/base_home" /}
{block name="mall_main"}

<style type="text/css">
.full_module {margin-top:20px; min-height:288px; margin-bottom:20px; background:#fff;}
.full_module h2 {margin-bottom: 2px; height: 50px; line-height: 50px; background: none repeat scroll 0% 0% #c43d7e; color: #fff; font-size: 20px; padding-left: 14px; font-family: Arial, "microsoft yahei"; font-weight: normal; }
.full_module h2 span { float:right; font-size:12px; font-weight:normal}
.full_module h2 b{font-weight: normal}
.shop_plink span { width: 119px;height: 112px;line-height: 112px;float: left;overflow: hidden;text-align: center;margin: -1px -1px 0 0;position: relative;cursor: default;display:block;background:#fff;border:1px solid #f5f5f5 }
.shop_plink span img{max-width:119px;max-height: 112px; }
.shop_plink span i{display:block;position:absolute;left:0;top:0;color:#fff;width:100%;height: 100%;text-align: center;background-color: #333;background-color: rgba(0,0,0,.8);transition: all .3s ease-out;opacity: 0;filter: alpha(opacity=0);}
.shop_plink span:hover i{opacity: 1;filter: alpha(opacity=100);}
.shop_plink span i em{padding:5px 10px;z-index: 2;line-height: 20px;border-radius: 30px;position:relative;top:10px;background:rgb(255, 0, 54);white-space: nowrap;overflow: hidden;text-overflow:ellipsis;display: inline-block;box-sizing: border-box;max-width: 100%;height: 30px;}
.shop_tlink { clear: both; margin: 0 auto; background:#fff; padding: 10px; border-top:1px dashed #ddd; }
.shop_tlink a { margin-right: 20px; color: #222; }
.shop_txt { padding-bottom: 10px; color: #666; margin-top:5px; }
.shop_txt i { color:#ff3c00; font-weight:600 }
</style>
<div class="w1200">
<div class="clear"></div>
<div class="full_module wrapper">
  <h2><span>{$Think.lang.link_prompt_words_1}：{$Think.config.ds_config.site_email}{$Think.lang.link_prompt_words_2}</span><b>{$Think.lang.link}</b></h2>
  <div class="shop_plink clearfix">
    {notempty name="link_list"}
   {foreach name="link_list" item="val"}
    {if $val.link_pic !=''}
    <span>
      <a href="{$val.link_url}" target="_blank">
        <img src="{$val.link_pic}">
        <i><em title="{$val.link_title}">{$val.link_title}</em></i>
      </a>
    </span>
    {/if}
    {/foreach}
    {/notempty}
    <div class="clear"></div>
  </div>
  
</div>
</div>

{/block}