id修改为类,间距调整

This commit is contained in:
2025-07-05 10:20:59 +08:00
parent 336f27bc23
commit 6603af60ef
2 changed files with 7 additions and 6 deletions

View File

@@ -38,11 +38,11 @@
<div id="imageMenu_{$sku.id}" class="imageMenu">
<ul class="image_list">
{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}
{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}
</ul>
</div>

View File

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