jsasg/orico-official-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 3 Wiki Activity

id修改为类，间距调整

Browse Source
This commit is contained in:
liangjiami
2025-07-05 10:20:59 +08:00
parent 336f27bc23
commit 6603af60ef
2 changed files with 7 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/index/view/pc/product/detail.html
View File

@@ -38,11 +38,11 @@
<div id="imageMenu_{$sku.id}" class="imageMenu"> <div id="imageMenu_{$sku.id}" class="imageMenu">
<ul class="image_list"> <ul class="image_list">
{volist name="sku.photo_album" id="photo"} {volist name="sku.photo_album" id="photo"}
<li id="onlickImg"><img src="{:thumb($photo)}" data-url="{$photo}" /></li> <li class="onlickImg"><img src="{:thumb($photo)}" data-url="{$photo}" /></li>
{/volist} {/volist}
{if condition="!empty($product.video_img) && !empty($product.video_url) && $idx == 1"} {if condition="!empty($product.video_img) && !empty($product.video_url) && $idx == 1"}
<!-- 产品视频 --> <!-- 产品视频 -->
<li id="onlickImg"><img src="{:thumb($product.video_img)}" data-url="{$product.video_url}" /></li> <li class="onlickImg"><img src="{:thumb($product.video_img)}" data-url="{$product.video_url}" /></li>
{/if} {/if}
</ul> </ul>
</div> </div>

9
public/static/index/pc/css/product_detail.css
View File

@@ -96,11 +96,11 @@
overflow: hidden; overflow: hidden;
float: left; float: left;
} }
.orico_Page_prdetail .oriprdetail .cp .cpfl .preview .smallImg #imageMenu { .orico_Page_prdetail .oriprdetail .cp .cpfl .preview .smallImg .imageMenu {
width: 100%; width: 100%;
overflow: hidden; overflow: hidden;
} }
.orico_Page_prdetail .oriprdetail .cp .cpfl .preview .smallImg #imageMenu li { .orico_Page_prdetail .oriprdetail .cp .cpfl .preview .smallImg .imageMenu li {
width: 5rem; width: 5rem;
height: 5.4375rem; height: 5.4375rem;
overflow: hidden; overflow: hidden;
@@ -111,14 +111,14 @@
.cpfl .cpfl
.preview .preview
.smallImg .smallImg
#imageMenu .imageMenu
.imageMenu .imageMenu
li li
img { img {
width: 98%; width: 98%;
cursor: pointer; cursor: pointer;
} }
#onlickImg img{ .onlickImg img{
width: 100%; width: 100%;
} }
.bigImg { .bigImg {
@@ -226,6 +226,7 @@
} }
.orico_Page_prdetail .oriprdetail .cp .cprh .cpcon .proTfg { .orico_Page_prdetail .oriprdetail .cp .cprh .cpcon .proTfg {
margin-top: 0.5rem; margin-top: 0.5rem;
margin-bottom: 0.875rem;
padding: 1rem 0; padding: 1rem 0;
font-size: 0.75rem; font-size: 0.75rem;
border-bottom: 1px solid #ddd; border-bottom: 1px solid #ddd;