wjd
/
rui-neng
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

feat(ui): 使用动态UI ID替换硬编码的栏目ID，更新首页内容以支持多语言

master
peijunlei 2 weeks ago
parent
300afd5463
commit
06618cd218
2 changed files with 30 additions and 20 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 25
      public/themes/website/1/en/demo/single_index.html
  2. 25
      public/themes/website/1/zh/demo/single_index.html

25
public/themes/website/1/en/demo/single_index.html
View File

@ -59,12 +59,17 @@
<!-- header --> <!-- header -->
{include file="components/header"} {include file="components/header"}
<main class="main-home"> <main class="main-home">
{php}
$ui_product = uiId('product');
$ui_solution = uiId('solution');
$ui_news = uiId('news');
{/php}
{if !empty($sub_cates[0])} {if !empty($sub_cates[0])}
<section class="section-banner"> <section class="section-banner">
<div class="section-banner__swiper swiper"> <div class="section-banner__swiper swiper">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
{php} {php}
$news = getChildCategoriesContent(361,$seller_id,5);
$news = getChildCategoriesContent($ui_news,$seller_id,5);
{/php} {/php}
{hcTaglib:content cid="$sub_cates[0]['id']" moduleId="1" item="vo" limit="5" mainField="*" subField="*" key="key"} {hcTaglib:content cid="$sub_cates[0]['id']" moduleId="1" item="vo" limit="5" mainField="*" subField="*" key="key"}
<article class="swiper-slide section-banner__slide section__wrap"> <article class="swiper-slide section-banner__slide section__wrap">
@ -75,7 +80,7 @@
<p class="section__eyebrow">{$vo.title ?? ''}</p> <p class="section__eyebrow">{$vo.title ?? ''}</p>
<h1 class="section__title section__title--hero">{$vo.sub_title|raw}</h1> <h1 class="section__title section__title--hero">{$vo.sub_title|raw}</h1>
<p class="section__desc">{$vo.description ?? ''}</p> <p class="section__desc">{$vo.description ?? ''}</p>
{hcTaglib:category id="333" item="vo" field="*"}
{hcTaglib:category id="$ui_product" item="vo" field="*"}
<a class="s-btn s-btn--primary s-btn--pill" href="{$vo.alias ?? '/'}">Explore more</a> <a class="s-btn s-btn--primary s-btn--pill" href="{$vo.alias ?? '/'}">Explore more</a>
{/hcTaglib:category} {/hcTaglib:category}
</div> </div>
@ -142,7 +147,7 @@
</div> </div>
<div class="section-1__swiper swiper"> <div class="section-1__swiper swiper">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
{hcTaglib:allSubCategory pid="333" field="*" max-level="2" item="vo" sort="sort asc" key="key"}
{hcTaglib:allSubCategory pid="$ui_product" field="*" max-level="2" item="vo" sort="sort asc" key="key"}
<article class="swiper-slide section-1__item"> <article class="swiper-slide section-1__item">
{hcTaglib:category id="$vo.id" item="vv" field="*"} {hcTaglib:category id="$vo.id" item="vv" field="*"}
<a href="{$vv.alias}?cat=product-control-{$vv.id}"> <a href="{$vv.alias}?cat=product-control-{$vv.id}">
@ -730,7 +735,7 @@
</div> </div>
</div> </div>
<div class="section-1__more"> <div class="section-1__more">
{hcTaglib:category id="333" item="vo" field="*"}
{hcTaglib:category id="$ui_product" item="vo" field="*"}
<a class="s-btn s-btn--primary s-btn--pill" href="{$vo.alias ?? '/'}">Explore more</a> <a class="s-btn s-btn--primary s-btn--pill" href="{$vo.alias ?? '/'}">Explore more</a>
{/hcTaglib:category} {/hcTaglib:category}
</div> </div>
@ -765,7 +770,7 @@
<section class="section-2"> <section class="section-2">
<div class="section-2__swiper swiper"> <div class="section-2__swiper swiper">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
{hcTaglib:allSubCategory pid="345" field="*" max-level="2" item="vo" sort=""}
{hcTaglib:allSubCategory pid="$ui_solution" field="*" max-level="2" item="vo" sort=""}
<article class="swiper-slide section-2__slide section__wrap"> <article class="swiper-slide section-2__slide section__wrap">
<div class="section-2__bg"> <div class="section-2__bg">
<video src="{$vo.thumbnail.url ?? ''}" muted loop playsinline></video> <video src="{$vo.thumbnail.url ?? ''}" muted loop playsinline></video>
@ -788,8 +793,8 @@
</div> </div>
</div> </div>
<nav class="section-2__nav section__wrap" aria-label="Application scenarios"> <nav class="section-2__nav section__wrap" aria-label="Application scenarios">
{hcTaglib:allSubCategory pid="345" field="*" max-level="2" item="vo" sort="" key="key}
<button type="button" data-index="{$key}}">
{hcTaglib:allSubCategory pid="$ui_solution" field="*" max-level="2" item="vo" sort="" key="key"}
<button type="button" data-index="{$key}">
<span class="section-2__nav-index">0{$key}</span> <span class="section-2__nav-index">0{$key}</span>
<span class="section-2__nav-label">{$vo.title}</span> <span class="section-2__nav-label">{$vo.title}</span>
</button> </button>
@ -876,12 +881,12 @@
<div class="section__inner"> <div class="section__inner">
<div class="section-5__header"> <div class="section-5__header">
<h2 class="section__title">{$sub_cates[5]['title']}</h2> <h2 class="section__title">{$sub_cates[5]['title']}</h2>
{hcTaglib:category id="361" item="vo" field="*"}
{hcTaglib:category id="$ui_news" item="vo" field="*"}
<a class="s-btn s-btn--primary s-btn--pill m-none" href="{$vo.alias ?? '/'}">Explore more</a> <a class="s-btn s-btn--primary s-btn--pill m-none" href="{$vo.alias ?? '/'}">Explore more</a>
{/hcTaglib:category} {/hcTaglib:category}
</div> </div>
<div class="section-5__body"> <div class="section-5__body">
{php}$news = getChildCategoriesContent(361,$seller_id,4);{/php}
{php}$news = getChildCategoriesContent($ui_news,$seller_id,4);{/php}
{if(!empty($news[0]))} {if(!empty($news[0]))}
<article class="section-5__featured"> <article class="section-5__featured">
<a class="section-5__featured-media" href="{:hcUrl('detail/index',['id'=>$news[0]['id'],'cid'=>$news[0]['category_id']])}"> <a class="section-5__featured-media" href="{:hcUrl('detail/index',['id'=>$news[0]['id'],'cid'=>$news[0]['category_id']])}">
@ -935,7 +940,7 @@
</ul> </ul>
</div> </div>
<div class="section-5__more d-flex pc-none justify-content-center pt-5"> <div class="section-5__more d-flex pc-none justify-content-center pt-5">
{hcTaglib:category id="361" item="vo" field="*"}
{hcTaglib:category id="$ui_news" item="vo" field="*"}
<a class="s-btn s-btn--primary s-btn--pill" href="{$vo.alias ?? ''}">Explore more</a> <a class="s-btn s-btn--primary s-btn--pill" href="{$vo.alias ?? ''}">Explore more</a>
{/hcTaglib:category} {/hcTaglib:category}
</div> </div>

25
public/themes/website/1/zh/demo/single_index.html
View File

@ -59,12 +59,17 @@
<!-- header --> <!-- header -->
{include file="components/header"} {include file="components/header"}
<main class="main-home"> <main class="main-home">
{php}
$ui_product = uiId('product');
$ui_solution = uiId('solution');
$ui_news = uiId('news');
{/php}
{if !empty($sub_cates[0])} {if !empty($sub_cates[0])}
<section class="section-banner"> <section class="section-banner">
<div class="section-banner__swiper swiper"> <div class="section-banner__swiper swiper">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
{php} {php}
$news = getChildCategoriesContent(361,$seller_id,5);
$news = getChildCategoriesContent($ui_news,$seller_id,5);
{/php} {/php}
{hcTaglib:content cid="$sub_cates[0]['id']" moduleId="1" item="vo" limit="5" mainField="*" subField="*" key="key"} {hcTaglib:content cid="$sub_cates[0]['id']" moduleId="1" item="vo" limit="5" mainField="*" subField="*" key="key"}
<article class="swiper-slide section-banner__slide section__wrap"> <article class="swiper-slide section-banner__slide section__wrap">
@ -75,7 +80,7 @@
<p class="section__eyebrow">{$vo.title ?? ''}</p> <p class="section__eyebrow">{$vo.title ?? ''}</p>
<h1 class="section__title section__title--hero">{$vo.sub_title|raw}</h1> <h1 class="section__title section__title--hero">{$vo.sub_title|raw}</h1>
<p class="section__desc">{$vo.description ?? ''}</p> <p class="section__desc">{$vo.description ?? ''}</p>
{hcTaglib:category id="333" item="vo" field="*"}
{hcTaglib:category id="$ui_product" item="vo" field="*"}
<a class="s-btn s-btn--primary s-btn--pill" href="{$vo.alias ?? '/'}">探索更多</a> <a class="s-btn s-btn--primary s-btn--pill" href="{$vo.alias ?? '/'}">探索更多</a>
{/hcTaglib:category} {/hcTaglib:category}
</div> </div>
@ -142,7 +147,7 @@
</div> </div>
<div class="section-1__swiper swiper"> <div class="section-1__swiper swiper">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
{hcTaglib:allSubCategory pid="333" field="*" max-level="2" item="vo" sort="sort asc" key="key"}
{hcTaglib:allSubCategory pid="$ui_product" field="*" max-level="2" item="vo" sort="sort asc" key="key"}
<article class="swiper-slide section-1__item"> <article class="swiper-slide section-1__item">
{hcTaglib:category id="$vo.id" item="vv" field="*"} {hcTaglib:category id="$vo.id" item="vv" field="*"}
<a href="{$vv.alias}?cat=product-control-{$vv.id}"> <a href="{$vv.alias}?cat=product-control-{$vv.id}">
@ -730,7 +735,7 @@
</div> </div>
</div> </div>
<div class="section-1__more"> <div class="section-1__more">
{hcTaglib:category id="333" item="vo" field="*"}
{hcTaglib:category id="$ui_product" item="vo" field="*"}
<a class="s-btn s-btn--primary s-btn--pill" href="{$vo.alias ?? '/'}">探索更多</a> <a class="s-btn s-btn--primary s-btn--pill" href="{$vo.alias ?? '/'}">探索更多</a>
{/hcTaglib:category} {/hcTaglib:category}
</div> </div>
@ -765,7 +770,7 @@
<section class="section-2"> <section class="section-2">
<div class="section-2__swiper swiper"> <div class="section-2__swiper swiper">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
{hcTaglib:allSubCategory pid="345" field="*" max-level="2" item="vo" sort=""}
{hcTaglib:allSubCategory pid="$ui_solution" field="*" max-level="2" item="vo" sort=""}
<article class="swiper-slide section-2__slide section__wrap"> <article class="swiper-slide section-2__slide section__wrap">
<div class="section-2__bg"> <div class="section-2__bg">
<video src="{$vo.thumbnail.url ?? ''}" muted loop playsinline></video> <video src="{$vo.thumbnail.url ?? ''}" muted loop playsinline></video>
@ -788,8 +793,8 @@
</div> </div>
</div> </div>
<nav class="section-2__nav section__wrap" aria-label="应用场景"> <nav class="section-2__nav section__wrap" aria-label="应用场景">
{hcTaglib:allSubCategory pid="345" field="*" max-level="2" item="vo" sort="" key="key}
<button type="button" data-index="{$key}}">
{hcTaglib:allSubCategory pid="$ui_solution" field="*" max-level="2" item="vo" sort="" key="key"}
<button type="button" data-index="{$key}">
<span class="section-2__nav-index">0{$key}</span> <span class="section-2__nav-index">0{$key}</span>
<span class="section-2__nav-label">{$vo.title}</span> <span class="section-2__nav-label">{$vo.title}</span>
</button> </button>
@ -876,12 +881,12 @@
<div class="section__inner"> <div class="section__inner">
<div class="section-5__header"> <div class="section-5__header">
<h2 class="section__title">{$sub_cates[5]['title']}</h2> <h2 class="section__title">{$sub_cates[5]['title']}</h2>
{hcTaglib:category id="361" item="vo" field="*"}
{hcTaglib:category id="$ui_news" item="vo" field="*"}
<a class="s-btn s-btn--primary s-btn--pill m-none" href="{$vo.alias ?? '/'}">探索更多</a> <a class="s-btn s-btn--primary s-btn--pill m-none" href="{$vo.alias ?? '/'}">探索更多</a>
{/hcTaglib:category} {/hcTaglib:category}
</div> </div>
<div class="section-5__body"> <div class="section-5__body">
{php}$news = getChildCategoriesContent(361,$seller_id,4);{/php}
{php}$news = getChildCategoriesContent($ui_news,$seller_id,4);{/php}
{if(!empty($news[0]))} {if(!empty($news[0]))}
<article class="section-5__featured"> <article class="section-5__featured">
<a class="section-5__featured-media" href="{:hcUrl('detail/index',['id'=>$news[0]['id'],'cid'=>$news[0]['category_id']])}"> <a class="section-5__featured-media" href="{:hcUrl('detail/index',['id'=>$news[0]['id'],'cid'=>$news[0]['category_id']])}">
@ -935,7 +940,7 @@
</ul> </ul>
</div> </div>
<div class="section-5__more d-flex pc-none justify-content-center pt-5"> <div class="section-5__more d-flex pc-none justify-content-center pt-5">
{hcTaglib:category id="361" item="vo" field="*"}
{hcTaglib:category id="$ui_news" item="vo" field="*"}
<a class="s-btn s-btn--primary s-btn--pill" href="{$vo.alias ?? ''}">探索更多</a> <a class="s-btn s-btn--primary s-btn--pill" href="{$vo.alias ?? ''}">探索更多</a>
{/hcTaglib:category} {/hcTaglib:category}
</div> </div>

Write Preview
Loading…
Cancel
Save