Browse Source

feat: 添加隐藏功能以优化产品页面的按钮显示

master
peijunlei 3 weeks ago
parent
commit
e209d73985
  1. 3
      public/themes/dist_static/static/css/common.css
  2. 3
      public/themes/dist_static/static/css/product.css
  3. 4
      public/themes/website/1/zh/demo/product.html

3
public/themes/dist_static/static/css/common.css

@ -367,6 +367,9 @@ body {
background: #cdcdcd;
cursor: not-allowed;
}
&.hidden {
visibility: hidden;
}
}.s-btn__actions {
display: flex;
align-items: center;

3
public/themes/dist_static/static/css/product.css

@ -143,6 +143,9 @@
opacity: 0.4;
cursor: not-allowed;
}
.p-subnav__cta.hidden {
display: none;
}
body.is-p-subnav .site-header {
transform: translateY(-100%);

4
public/themes/website/1/zh/demo/product.html

@ -147,7 +147,7 @@
<a class="p-subnav__link" href="#p-download" data-p-nav="p-download" role="listitem">资料下载</a>
<a class="p-subnav__link" href="#p-related" data-p-nav="p-related" role="listitem">相关产品</a>
</div>
<a class="p-subnav__cta {if empty($content)}disabled{/if}" href="#p-spec" data-selection-trigger>查看选型表</a>
<a class="p-subnav__cta {if empty($content)}hidden{/if}" href="#p-spec" data-selection-trigger>查看选型表</a>
</div>
</nav>
@ -155,7 +155,7 @@
<section class="p-hero section__wrap">
<div class="p-hero__inner">
<h1 class="section__title">{$title}</h1>
<a class="s-btn s-btn--light s-btn--pill {if empty($content)}disabled{/if}" href="javascript:;" data-selection-trigger>查看选型表</a>
<a class="s-btn s-btn--light s-btn--pill {if empty($content)}hidden{/if}" href="javascript:;" data-selection-trigger>查看选型表</a>
<div class="p-hero__media">
<div class="p-hero__mark" aria-hidden="true">{$sub_title}</div>
<img src="/{:deal_image_url($thumbnail_url)}" width="434" height="601" alt="RA3系列伺服驱动器" />

Loading…
Cancel
Save