sileya-ai
/
vr-shopxo-source
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

前端展示商品标题调整为两行

feat/task1-c-wallet
Devil 2019-12-30 00:50:56 +08:00
parent 096299af06
commit 0fc381c36b
5 changed files with 22 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
application/index/view/default/goods/index.html
View File

@ -440,7 +440,7 @@
<img alt="{{$v.title}}" src="{{$v.images}}">
</a>
</div>
<div class="p-name">
<div class="p-name am-text-truncate-2 am-margin-vertical-xs ">
<a href="{{:$v['goods_url']}}" {{if !empty($v.title_color)}}style="color:{{$v.title_color}};"{{/if}}>{{$v.title}}</a>
</div>
<div class="p-price"><strong>￥{{$v.price}}</strong></div>
@ -581,7 +581,7 @@
<img alt="{{$v.title}}" src="{{$v.home_recommended_images}}" />
</a>
<a href="{{:$v['goods_url']}}">
<p class="am-text-truncate" {{if !empty($v.title_color)}}style="color:{{$v.title_color}};"{{/if}}>{{$v.title}}</p>
<p class="am-text-truncate-2 am-margin-bottom-xs" {{if !empty($v.title_color)}}style="color:{{$v.title_color}};"{{/if}}>{{$v.title}}</p>
</a>
<p class="price fl">
<strong>￥{{$v.price}}</strong>

2
application/index/view/default/index/index.html
View File

@ -254,7 +254,7 @@
<img src="{{$goods.home_recommended_images}}" alt="{{$goods.title}}" class="goods-images" />
</a>
<div class="outer-con">
<div class="goods-title am-text-truncate">
<div class="goods-title am-text-truncate-2 am-margin-bottom-xs">
<a href="{{$goods['goods_url']}}" target="_blank" {{if !empty($goods.title_color)}}style="color:{{$goods.title_color}};"{{/if}}>{{$goods.title}}</a>
</div>

6
application/index/view/default/search/content.html
View File

@ -1,7 +1,7 @@
{{if !empty($data)}}
{{foreach $data as $v}}
<li class="am-animation-scale-up">
<div class="items">
<div class="items am-padding-bottom-xs">
<a href="{{$v.goods_url}}" target="_blank" class="am-block">
<!-- 搜索页面商品信息顶部钩子 -->
{{if isset($shopxo_is_develop) and $shopxo_is_develop eq true and (!isset($is_footer) or $is_footer eq 1)}}
@ -25,7 +25,9 @@
{{/php}}
<img src="{{$v.images}}" alt="{{$v.title}}" class="goods-images" />
<p class="am-text-truncate am-padding-xs goods-title" title="{{$v.title}}">{{$v.title}}</p>
<div class="am-padding-xs">
<p class="am-text-truncate-2 goods-title" title="{{$v.title}}">{{$v.title}}</p>
</div>
</a>
<p class="am-padding-horizontal-xs am-cf">
{{if isset($v['original_price']) and $v['original_price'] gt 0}}

14
public/static/common/css/common.css
View File

@ -397,4 +397,18 @@ button.colorpicker-submit img {
}
.plugins-tag:hover span {
display: block;
}
/**
* 两行、超出字符省略
*/
.am-text-truncate-2 {
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
line-height: 18px;
height: 35px;
}

2
public/static/index/default/css/goods.css
View File

@ -270,7 +270,7 @@ ul.detail-attr li {height: 26px;overflow: hidden;line-height: 26px;vertical-alig
/*推荐商品*/
.like{margin-top:25px;border-radius:4px;}
.like li{ float:left; padding:8px 10px 0;font: 14px/1.5 tahoma,arial,"Hiragino Sans GB",宋体,sans-serif;}
.like li{ float:left; padding:8px 10px 5px;font: 14px/1.5 tahoma,arial,"Hiragino Sans GB",宋体,sans-serif;}
.like li{ text-align:left; border-top: 1px solid #eee; }
.like li .p-price strong {
font-size: 14px; color: #E4393C;font-weight: 400;font-family: Verdana;}