Browse Source

feat(i18n): English UI copy for EN demo pages

Co-authored-by: Cursor <cursoragent@cursor.com>
master
peijunlei 2 weeks ago
parent
commit
c665c55252
  1. 24
      public/themes/website/1/en/demo/about.html
  2. 14
      public/themes/website/1/en/demo/announce.html
  3. 12
      public/themes/website/1/en/demo/category.html
  4. 98
      public/themes/website/1/en/demo/contact.html
  5. 16
      public/themes/website/1/en/demo/download.html
  6. 12
      public/themes/website/1/en/demo/faq.html
  7. 40
      public/themes/website/1/en/demo/investment.html
  8. 18
      public/themes/website/1/en/demo/news-detail.html
  9. 20
      public/themes/website/1/en/demo/news.html
  10. 68
      public/themes/website/1/en/demo/product.html
  11. 34
      public/themes/website/1/en/demo/search.html
  12. 28
      public/themes/website/1/en/demo/single_index.html
  13. 44
      public/themes/website/1/en/demo/single_search.html
  14. 14
      public/themes/website/1/en/demo/solution.html
  15. 26
      public/themes/website/1/en/demo/solution2.html
  16. 16
      public/themes/website/1/en/demo/video.html

24
public/themes/website/1/en/demo/about.html

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="zh-CN">
<html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
@ -100,13 +100,13 @@
<div class="ab-history__head section__wrap"> <div class="ab-history__head section__wrap">
<h2 class="ab-history__title">{$vo.title}</h2> <h2 class="ab-history__title">{$vo.title}</h2>
<div class="s-arrows"> <div class="s-arrows">
<button type="button" class="s-arrows__prev" aria-label="上一项">
<button type="button" class="s-arrows__prev" aria-label="Previous">
<svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none" customFrame="#000000"> <svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none" customFrame="#000000">
<path id="合并" d="M5.18202 1.41422L6.59622 0L12.2531 5.65686L12.2529 5.65702L10.8389 7.07108L6.59608 11.3139L5.18186 9.89966L8.4245 6.65702L-0 6.65702L0 4.657L8.42482 4.65702L5.18202 1.41422Z" fill="rgb(239,67,53)" fill-rule="evenodd" /> <path id="合并" d="M5.18202 1.41422L6.59622 0L12.2531 5.65686L12.2529 5.65702L10.8389 7.07108L6.59608 11.3139L5.18186 9.89966L8.4245 6.65702L-0 6.65702L0 4.657L8.42482 4.65702L5.18202 1.41422Z" fill="rgb(239,67,53)" fill-rule="evenodd" />
</svg> </svg>
</button> </button>
<button type="button" class="s-arrows__next" aria-label="下一项">
<button type="button" class="s-arrows__next" aria-label="Next">
<svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none" customFrame="#000000"> <svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none" customFrame="#000000">
<path id="合并" d="M5.18202 1.41422L6.59622 0L12.2531 5.65686L12.2529 5.65702L10.8389 7.07108L6.59608 11.3139L5.18186 9.89966L8.4245 6.65702L-0 6.65702L0 4.657L8.42482 4.65702L5.18202 1.41422Z" fill="rgb(239,67,53)" fill-rule="evenodd" /> <path id="合并" d="M5.18202 1.41422L6.59622 0L12.2531 5.65686L12.2529 5.65702L10.8389 7.07108L6.59608 11.3139L5.18186 9.89966L8.4245 6.65702L-0 6.65702L0 4.657L8.42482 4.65702L5.18202 1.41422Z" fill="rgb(239,67,53)" fill-rule="evenodd" />
</svg> </svg>
@ -118,7 +118,7 @@
<div class="swiper-wrapper"> <div class="swiper-wrapper">
{hcTaglib:content cid="$vo.id" moduleId="1" name="contentList" item="case_top" limit="10" mainField="id,title,sub_title,content,thumbnail" sort="sort desc" subField="" onlyData="2"} {hcTaglib:content cid="$vo.id" moduleId="1" name="contentList" item="case_top" limit="10" mainField="id,title,sub_title,content,thumbnail" sort="sort desc" subField="" onlyData="2"}
<article class="swiper-slide ab-history__slide"> <article class="swiper-slide ab-history__slide">
<time class="ab-history__year" datetime="2025">{$case_top.sub_title}<span></span></time>
<time class="ab-history__year" datetime="2025">{$case_top.sub_title}<span></span></time>
<div class="ab-history__dot" aria-hidden="true"></div> <div class="ab-history__dot" aria-hidden="true"></div>
<h3 class="ab-history__slide-title">{$case_top.title}</h3> <h3 class="ab-history__slide-title">{$case_top.title}</h3>
<p class="ab-history__slide-desc">{$case_top.content|strip_tags|raw}</p> <p class="ab-history__slide-desc">{$case_top.content|strip_tags|raw}</p>
@ -131,13 +131,13 @@
</div> </div>
<div class="ab-history__arrows-mobile"> <div class="ab-history__arrows-mobile">
<div class="s-arrows"> <div class="s-arrows">
<button type="button" class="s-arrows__prev" aria-label="上一项">
<button type="button" class="s-arrows__prev" aria-label="Previous">
<svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none" customFrame="#000000"> <svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none" customFrame="#000000">
<path id="合并" d="M5.18202 1.41422L6.59622 0L12.2531 5.65686L12.2529 5.65702L10.8389 7.07108L6.59608 11.3139L5.18186 9.89966L8.4245 6.65702L-0 6.65702L0 4.657L8.42482 4.65702L5.18202 1.41422Z" fill="rgb(239,67,53)" fill-rule="evenodd" /> <path id="合并" d="M5.18202 1.41422L6.59622 0L12.2531 5.65686L12.2529 5.65702L10.8389 7.07108L6.59608 11.3139L5.18186 9.89966L8.4245 6.65702L-0 6.65702L0 4.657L8.42482 4.65702L5.18202 1.41422Z" fill="rgb(239,67,53)" fill-rule="evenodd" />
</svg> </svg>
</button> </button>
<button type="button" class="s-arrows__next" aria-label="下一项">
<button type="button" class="s-arrows__next" aria-label="Next">
<svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none" customFrame="#000000"> <svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none" customFrame="#000000">
<path id="合并" d="M5.18202 1.41422L6.59622 0L12.2531 5.65686L12.2529 5.65702L10.8389 7.07108L6.59608 11.3139L5.18186 9.89966L8.4245 6.65702L-0 6.65702L0 4.657L8.42482 4.65702L5.18202 1.41422Z" fill="rgb(239,67,53)" fill-rule="evenodd" /> <path id="合并" d="M5.18202 1.41422L6.59622 0L12.2531 5.65686L12.2529 5.65702L10.8389 7.07108L6.59608 11.3139L5.18186 9.89966L8.4245 6.65702L-0 6.65702L0 4.657L8.42482 4.65702L5.18202 1.41422Z" fill="rgb(239,67,53)" fill-rule="evenodd" />
</svg> </svg>
@ -238,13 +238,13 @@
{$case_top.content|strip_tags} {$case_top.content|strip_tags}
</p> </p>
</div> </div>
<a target="_blank" class="s-btn s-btn--outline s-btn--pill ab-members__more" href="{$case_top.url ?? '#'}">探索更多</a>
<a target="_blank" class="s-btn s-btn--outline s-btn--pill ab-members__more" href="{$case_top.url ?? '#'}">Explore more</a>
</div> </div>
</div> </div>
{php}$member_idx++;{/php} {php}$member_idx++;{/php}
{/hcTaglib:content} {/hcTaglib:content}
</div> </div>
<div class="ab-members__logos nav" role="tablist" aria-label="集团成员">
<div class="ab-members__logos nav" role="tablist" aria-label="Group members">
{php}$member_idx = 0;{/php} {php}$member_idx = 0;{/php}
{hcTaglib:content cid="$vo.id" moduleId="1" name="contentList" item="case_top" limit="10" mainField="id,title,sub_title,content,thumbnail" sort="sort desc" subField="" onlyData="2"} {hcTaglib:content cid="$vo.id" moduleId="1" name="contentList" item="case_top" limit="10" mainField="id,title,sub_title,content,thumbnail" sort="sort desc" subField="" onlyData="2"}
<button type="button" class="ab-members__logo nav-link {if $member_idx == 0}active{/if}" id="ab-member-tab-{$case_top.id}" <button type="button" class="ab-members__logo nav-link {if $member_idx == 0}active{/if}" id="ab-member-tab-{$case_top.id}"
@ -279,16 +279,16 @@
</g> </g>
</svg> </svg>
<span>查看证书</span>
<span>View certificate</span>
<span class="ab-honors__pop" aria-hidden="true"> <span class="ab-honors__pop" aria-hidden="true">
<img class="ab-honors__cert-img" src="{$case_top.thumbnail.url ?? ''}" alt="荣誉证书" />
<img class="ab-honors__cert-img" src="{$case_top.thumbnail.url ?? ''}" alt="Honor certificate" />
</span> </span>
</a> </a>
</li> </li>
{/hcTaglib:content} {/hcTaglib:content}
</ul> </ul>
<button type="button" class="ab-honors__more"> <button type="button" class="ab-honors__more">
<span>展开更多</span>
<span>Show more</span>
<img src="data:image/svg+xml,%3csvg%20viewBox='0%200%2011.2728%206.90918'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='11.272827'%20height='6.909180'%20fill='none'%20customFrame='%23000000'%3e%3cpath%20id='矢量%202'%20d='M0.636353%200.636272L5.63635%205.63627L10.6364%200.63623'%20stroke='rgb(102,102,102)'%20stroke-width='1.800000'%20/%3e%3c/svg%3e" alt="" width="12" height="6" /> <img src="data:image/svg+xml,%3csvg%20viewBox='0%200%2011.2728%206.90918'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='11.272827'%20height='6.909180'%20fill='none'%20customFrame='%23000000'%3e%3cpath%20id='矢量%202'%20d='M0.636353%200.636272L5.63635%205.63627L10.6364%200.63623'%20stroke='rgb(102,102,102)'%20stroke-width='1.800000'%20/%3e%3c/svg%3e" alt="" width="12" height="6" />
</button> </button>
</div> </div>
@ -306,7 +306,7 @@
<p class="ab-csr__desc"> <p class="ab-csr__desc">
{$vo.description} {$vo.description}
</p> </p>
<a class="s-btn s-btn--light s-btn--pill" href="/download.html?cid=691">社会责任报告</a>
<a class="s-btn s-btn--light s-btn--pill" href="/download.html?cid=691">CSR Report</a>
</div> </div>
</div> </div>
</section> </section>

14
public/themes/website/1/en/demo/announce.html

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="zh-CN">
<html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
@ -66,13 +66,13 @@
<div class="a-toolbar"> <div class="a-toolbar">
<div class="a-filter__group"> <div class="a-filter__group">
<button type="button" class="a-filter" aria-haspopup="listbox" aria-expanded="false" data-filter-trigger> <button type="button" class="a-filter" aria-haspopup="listbox" aria-expanded="false" data-filter-trigger>
<span>按产品筛选</span>
<span>Filter by product</span>
<svg class="a-filter__chevron" viewBox="0 0 11.2728 6.90918" width="11" height="7" fill="none" aria-hidden="true"> <svg class="a-filter__chevron" viewBox="0 0 11.2728 6.90918" width="11" height="7" fill="none" aria-hidden="true">
<path d="M0.636353 0.636272L5.63635 5.63627L10.6364 0.63623" stroke="currentColor" stroke-width="1.8" /> <path d="M0.636353 0.636272L5.63635 5.63627L10.6364 0.63623" stroke="currentColor" stroke-width="1.8" />
</svg> </svg>
</button> </button>
<div class="a-filter__dropdown" data-filter-dropdown hidden> <div class="a-filter__dropdown" data-filter-dropdown hidden>
<button type="button" class="a-filter__dropdown-item is-active" data-tab="{$current_cate.id}" data-filter-clear>全部</button>
<button type="button" class="a-filter__dropdown-item is-active" data-tab="{$current_cate.id}" data-filter-clear>All</button>
{volist name="sub_cates" id="vo"} {volist name="sub_cates" id="vo"}
<button type="button" class="a-filter__dropdown-item" data-tab="{$vo.id}">{$vo.title}</button> <button type="button" class="a-filter__dropdown-item" data-tab="{$vo.id}">{$vo.title}</button>
{/volist} {/volist}
@ -80,8 +80,8 @@
</div> </div>
<form class="s-search" role="search" data-tab-search> <form class="s-search" role="search" data-tab-search>
<img class="s-search__icon" src="data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='24.000000'%20height='24.000000'%20fill='none'%3e%3crect%20id='搜索'%20width='24.000000'%20height='24.000000'%20x='0.000000'%20y='0.000000'%20fill='rgb(255,255,255)'%20fill-opacity='0'%20/%3e%3cpath%20id='矢量%203'%20d='M15.8481%2017.1208C14.4808%2018.2114%2012.7482%2018.8633%2010.8633%2018.8633C6.44506%2018.8633%202.86328%2015.2816%202.86328%2010.8633C2.86328%206.445%206.44506%202.86328%2010.8633%202.86328C15.2815%202.86328%2018.8633%206.445%2018.8633%2010.8633C18.8633%2012.7482%2018.2114%2014.4808%2017.1208%2015.8481L21.136%2019.8633L19.8633%2021.136L15.8481%2017.1208ZM17.0632%2010.8633C17.0632%207.43908%2014.2874%204.66326%2010.8633%204.66326C7.4392%204.66326%204.66332%207.43908%204.66332%2010.8633C4.66332%2014.2875%207.4392%2017.0633%2010.8633%2017.0633C14.2874%2017.0633%2017.0632%2014.2875%2017.0632%2010.8633Z'%20fill='rgb(175,181,185)'%20fill-rule='evenodd'%20/%3e%3c/svg%3e" alt="" width="24" height="24" /> <img class="s-search__icon" src="data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='24.000000'%20height='24.000000'%20fill='none'%3e%3crect%20id='搜索'%20width='24.000000'%20height='24.000000'%20x='0.000000'%20y='0.000000'%20fill='rgb(255,255,255)'%20fill-opacity='0'%20/%3e%3cpath%20id='矢量%203'%20d='M15.8481%2017.1208C14.4808%2018.2114%2012.7482%2018.8633%2010.8633%2018.8633C6.44506%2018.8633%202.86328%2015.2816%202.86328%2010.8633C2.86328%206.445%206.44506%202.86328%2010.8633%202.86328C15.2815%202.86328%2018.8633%206.445%2018.8633%2010.8633C18.8633%2012.7482%2018.2114%2014.4808%2017.1208%2015.8481L21.136%2019.8633L19.8633%2021.136L15.8481%2017.1208ZM17.0632%2010.8633C17.0632%207.43908%2014.2874%204.66326%2010.8633%204.66326C7.4392%204.66326%204.66332%207.43908%204.66332%2010.8633C4.66332%2014.2875%207.4392%2017.0633%2010.8633%2017.0633C14.2874%2017.0633%2017.0632%2014.2875%2017.0632%2010.8633Z'%20fill='rgb(175,181,185)'%20fill-rule='evenodd'%20/%3e%3c/svg%3e" alt="" width="24" height="24" />
<input class="s-search__input" type="search" name="keywords" placeholder="请输入您想搜索公告的关键词" autocomplete="off" />
<button class="s-search__btn" type="submit">搜索</button>
<input class="s-search__input" type="search" name="keywords" placeholder="Search notice keywords" autocomplete="off" />
<button class="s-search__btn" type="submit">Search</button>
</form> </form>
</div> </div>
@ -91,7 +91,7 @@
<time class="a-card__date" datetime="{$vo.publish_time}">{$vo.publish_time}</time> <time class="a-card__date" datetime="{$vo.publish_time}">{$vo.publish_time}</time>
<h2 class="a-card__title">{$vo.title}</h2> <h2 class="a-card__title">{$vo.title}</h2>
<span class="a-card__link"> <span class="a-card__link">
<span>探索更多</span>
<span>Explore more</span>
<svg viewBox="0 0 16.502 6.66113" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.501953" height="6.661133" fill="none" customFrame="#000000"> <svg viewBox="0 0 16.502 6.66113" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.501953" height="6.661133" fill="none" customFrame="#000000">
<path id="箭头 2" d="M0 2.83057L16 2.83057L16 3.83057L0 3.83057L0 2.83057ZM15.2929 3.33057L12.818 0.855693C12.62 0.657703 12.62 0.346575 12.818 0.148586C13.016 -0.0494041 13.3271 -0.0494046 13.5251 0.148585L16.3536 2.97701C16.5515 3.175 16.5515 3.48613 16.3536 3.68412L13.5251 6.51255C13.3271 6.71054 13.016 6.71054 12.818 6.51255C12.62 6.31456 12.62 6.00343 12.818 5.80544L15.2929 3.33057Z" fill="rgb(102,102,102)" fill-rule="nonzero" /> <path id="箭头 2" d="M0 2.83057L16 2.83057L16 3.83057L0 3.83057L0 2.83057ZM15.2929 3.33057L12.818 0.855693C12.62 0.657703 12.62 0.346575 12.818 0.148586C13.016 -0.0494041 13.3271 -0.0494046 13.5251 0.148585L16.3536 2.97701C16.5515 3.175 16.5515 3.48613 16.3536 3.68412L13.5251 6.51255C13.3271 6.71054 13.016 6.71054 12.818 6.51255C12.62 6.31456 12.62 6.00343 12.818 5.80544L15.2929 3.33057Z" fill="rgb(102,102,102)" fill-rule="nonzero" />
</svg> </svg>
@ -103,7 +103,7 @@
{php} {php}
$list_empty = isHcListEmpty($hc_content ?? null); $list_empty = isHcListEmpty($hc_content ?? null);
if ($list_empty) { if ($list_empty) {
$empty_text = '暂无相关公告';
$empty_text = 'No matching notices';
} }
{/php} {/php}
{if $list_empty} {if $list_empty}

12
public/themes/website/1/en/demo/category.html

@ -1,5 +1,5 @@
<!doctype html> <!doctype html>
<html lang="zh-CN">
<html lang="en">
{php} {php}
// var_dump($current_cate); // var_dump($current_cate);
$current_cate_id = $current_cate['id'] ?? ''; $current_cate_id = $current_cate['id'] ?? '';
@ -65,8 +65,8 @@ $current_cate_id = $current_cate['id'] ?? '';
<main class="main-category" data-header-dark data-nav="产品"> <main class="main-category" data-header-dark data-nav="产品">
<div class="c-page section__wrap"> <div class="c-page section__wrap">
<nav class="c-breadcrumb" aria-label="面包屑">
<a class="c-breadcrumb__link" href="/">首页</a>
<nav class="c-breadcrumb" aria-label="Breadcrumb">
<a class="c-breadcrumb__link" href="/">Home</a>
<span class="c-breadcrumb__sep" aria-hidden="true"> <span class="c-breadcrumb__sep" aria-hidden="true">
<svg viewBox="-1 -1 8.59082 13.0605" xmlns="http://www.w3.org/2000/svg" fill="none"> <svg viewBox="-1 -1 8.59082 13.0605" xmlns="http://www.w3.org/2000/svg" fill="none">
<path d="M0 4.12464e-05L5 5.00004L10 0" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" transform="matrix(0,-1,1,0,0.530273,10.5303)" /> <path d="M0 4.12464e-05L5 5.00004L10 0" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" transform="matrix(0,-1,1,0,0.530273,10.5303)" />
@ -82,11 +82,11 @@ $current_cate_id = $current_cate['id'] ?? '';
<path d="M0 4.12464e-05L5 5.00004L10 0" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" transform="matrix(0,-1,1,0,0.530273,10.5303)" /> <path d="M0 4.12464e-05L5 5.00004L10 0" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" transform="matrix(0,-1,1,0,0.530273,10.5303)" />
</svg> </svg>
</span> </span>
<span class="c-breadcrumb__current" data-breadcrumb-current>工业控制产品</span>
<span class="c-breadcrumb__current" data-breadcrumb-current>Industrial control products</span>
</nav> </nav>
<div class="c-layout"> <div class="c-layout">
<aside class="c-sidebar" aria-label="产品分类" data-lenis-prevent>
<aside class="c-sidebar" aria-label="Product categories" data-lenis-prevent>
<ul class="c-sidebar__list" data-category-nav> <ul class="c-sidebar__list" data-category-nav>
<!-- 获取所有一级分类 --> <!-- 获取所有一级分类 -->
{hcTaglib:subcategory pid="333" item="vo" sort="" key="key_top"} {hcTaglib:subcategory pid="333" item="vo" sort="" key="key_top"}
@ -196,7 +196,7 @@ $current_cate_id = $current_cate['id'] ?? '';
</div> </div>
<div class="c-empty" data-product-empty hidden> <div class="c-empty" data-product-empty hidden>
<p class="c-empty__text">暂无产品</p>
<p class="c-empty__text">No products</p>
</div> </div>
</div> </div>

98
public/themes/website/1/en/demo/contact.html

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="zh-CN">
<html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
@ -61,105 +61,105 @@
<div class="c-intro__hotline"> <div class="c-intro__hotline">
<div class="c-intro__hotline-label"> <div class="c-intro__hotline-label">
<img src="data:image/svg+xml,%3csvg%20viewBox='0%200%2032%2032'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='32.000000'%20height='32.000000'%20fill='none'%3e%3crect%20id='Linear%20/%20Call%20/%20Incoming%20Call%20Rounded'%20width='32.000000'%20height='32.000000'%20x='0.000000'%20y='0.000000'%20/%3e%3cpath%20id='Vector'%20d='M0%204.26667L4.26667%200M1.06667%200L4.26667%200L4.26667%203.2'%20stroke='rgb(239,67,53)'%20stroke-linecap='round'%20stroke-width='1.500000'%20transform='matrix(-1,0,0,-1,23.4668,12.7998)'%20/%3e%3cpath%20id='Vector'%20d='M13.9069%208.87071C12.9635%207.18033%2010.5929%206.9807%209.10712%208.46651C8.21432%209.35931%207.51962%2010.453%207.47379%2011.6621C7.39663%2013.6974%207.91173%2017.154%2011.379%2020.6212C14.8463%2024.0885%2018.3028%2024.6036%2020.3382%2024.5265C21.5472%2024.4806%2022.6409%2023.7859%2023.5338%2022.8931C25.0196%2021.4073%2024.8199%2019.0367%2023.1295%2018.0934L21.8891%2017.4011C20.7696%2016.7763%2019.3011%2017.0271%2018.3171%2018.0111C18.3171%2018.0111%2017.1236%2019.2046%2014.9596%2017.0406C12.7956%2014.8767%2013.9892%2013.6831%2013.9892%2013.6831C14.9731%2012.6991%2015.2239%2011.2306%2014.5992%2010.1112L13.9069%208.87071Z'%20fill-rule='evenodd'%20stroke='rgb(239,67,53)'%20stroke-width='1.500000'%20/%3e%3c/svg%3e" alt="" width="19" height="19" /> <img src="data:image/svg+xml,%3csvg%20viewBox='0%200%2032%2032'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='32.000000'%20height='32.000000'%20fill='none'%3e%3crect%20id='Linear%20/%20Call%20/%20Incoming%20Call%20Rounded'%20width='32.000000'%20height='32.000000'%20x='0.000000'%20y='0.000000'%20/%3e%3cpath%20id='Vector'%20d='M0%204.26667L4.26667%200M1.06667%200L4.26667%200L4.26667%203.2'%20stroke='rgb(239,67,53)'%20stroke-linecap='round'%20stroke-width='1.500000'%20transform='matrix(-1,0,0,-1,23.4668,12.7998)'%20/%3e%3cpath%20id='Vector'%20d='M13.9069%208.87071C12.9635%207.18033%2010.5929%206.9807%209.10712%208.46651C8.21432%209.35931%207.51962%2010.453%207.47379%2011.6621C7.39663%2013.6974%207.91173%2017.154%2011.379%2020.6212C14.8463%2024.0885%2018.3028%2024.6036%2020.3382%2024.5265C21.5472%2024.4806%2022.6409%2023.7859%2023.5338%2022.8931C25.0196%2021.4073%2024.8199%2019.0367%2023.1295%2018.0934L21.8891%2017.4011C20.7696%2016.7763%2019.3011%2017.0271%2018.3171%2018.0111C18.3171%2018.0111%2017.1236%2019.2046%2014.9596%2017.0406C12.7956%2014.8767%2013.9892%2013.6831%2013.9892%2013.6831C14.9731%2012.6991%2015.2239%2011.2306%2014.5992%2010.1112L13.9069%208.87071Z'%20fill-rule='evenodd'%20stroke='rgb(239,67,53)'%20stroke-width='1.500000'%20/%3e%3c/svg%3e" alt="" width="19" height="19" />
<span>客服热线</span>
<span>Hotline</span>
</div> </div>
<a class="c-intro__phone" href="tel:400-0898-188">{hcTaglib:setting name="company_phone" type="1" /}</a> <a class="c-intro__phone" href="tel:400-0898-188">{hcTaglib:setting name="company_phone" type="1" /}</a>
<p class="c-intro__hours">{$current_cate.description}</p> <p class="c-intro__hours">{$current_cate.description}</p>
</div> </div>
</section> </section>
<section class="c-banner" aria-label="服务入口">
<section class="c-banner" aria-label="Service shortcuts">
<div class="c-banner__media" aria-hidden="true"> <div class="c-banner__media" aria-hidden="true">
<img src="{$current_cate.thumbnail.url ?? ''}" alt="" width="1920" height="720" /> <img src="{$current_cate.thumbnail.url ?? ''}" alt="" width="1920" height="720" />
</div> </div>
<div class="c-banner__cards section__wrap"> <div class="c-banner__cards section__wrap">
<a class="c-card" href="/download.html"> <a class="c-card" href="/download.html">
<div class="c-card__head"> <div class="c-card__head">
<span class="c-card__title">下载中心</span>
<span class="c-card__title">Download Center</span>
<img class="c-card__icon" src="data:image/svg+xml,%3csvg%20viewBox='0%200%2048%2048'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='48.000000'%20height='48.000000'%20fill='none'%3e%3crect%20id='容器%20279'%20width='48.000000'%20height='48.000000'%20x='0.000000'%20y='0.000000'%20fill='rgb(255,255,255)'%20fill-opacity='0'%20/%3e%3cg%20id='download--02'%3e%3cpath%20id='矢量%20486'%20d='M33.3333%2018.667L44%2018.667L44%2044.0003L4%2044.0003L4%2018.667L14.6667%2018.667'%20fill-rule='nonzero'%20stroke='rgb(0,0,0)'%20stroke-linejoin='round'%20stroke-width='2.000000'%20/%3e%3cpath%20id='矢量%20487'%20d='M32%2028L24%2036L16%2028M24%204L24%2036'%20fill-rule='nonzero'%20stroke='rgb(239,67,53)'%20stroke-width='2.000000'%20/%3e%3c/g%3e%3c/svg%3e" alt="" width="48" height="48" /> <img class="c-card__icon" src="data:image/svg+xml,%3csvg%20viewBox='0%200%2048%2048'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='48.000000'%20height='48.000000'%20fill='none'%3e%3crect%20id='容器%20279'%20width='48.000000'%20height='48.000000'%20x='0.000000'%20y='0.000000'%20fill='rgb(255,255,255)'%20fill-opacity='0'%20/%3e%3cg%20id='download--02'%3e%3cpath%20id='矢量%20486'%20d='M33.3333%2018.667L44%2018.667L44%2044.0003L4%2044.0003L4%2018.667L14.6667%2018.667'%20fill-rule='nonzero'%20stroke='rgb(0,0,0)'%20stroke-linejoin='round'%20stroke-width='2.000000'%20/%3e%3cpath%20id='矢量%20487'%20d='M32%2028L24%2036L16%2028M24%204L24%2036'%20fill-rule='nonzero'%20stroke='rgb(239,67,53)'%20stroke-width='2.000000'%20/%3e%3c/g%3e%3c/svg%3e" alt="" width="48" height="48" />
</div> </div>
<p class="c-card__desc">获取产品相关资料</p>
<p class="c-card__desc">Get product documentation</p>
</a> </a>
<a class="c-card" href="/faq.html"> <a class="c-card" href="/faq.html">
<div class="c-card__head"> <div class="c-card__head">
<span class="c-card__title">常见问题</span>
<span class="c-card__title">FAQ</span>
<img class="c-card__icon" src="data:image/svg+xml,%3csvg%20viewBox='0%200%2048%2048'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='48.000000'%20height='48.000000'%20fill='none'%20customFrame='%23000000'%3e%3cg%20id='Question_and_answer'%3e%3cg%20id='question-and-answer'%3e%3cpath%20id='矢量%20484'%20d='M16.6667%2046L10.8%2037.2L4.93333%2037.2C3.32%2037.2%202%2035.88%202%2034.2667L2%2019.6C2%2017.9867%203.32%2016.6667%204.93333%2016.6667L26.9333%2016.6667C28.5467%2016.6667%2029.8667%2017.9867%2029.8667%2019.6L29.8667%2034.2667C29.8667%2035.88%2028.5467%2037.2%2026.9333%2037.2L16.6667%2037.2M35.7333%2025.4667L38.6667%2019.6L43.0667%2019.6C44.68%2019.6%2046%2018.28%2046%2016.6667L46%204.93333C46%203.32%2044.68%202%2043.0667%202L25.4667%202C23.8533%202%2022.5333%203.32%2022.5333%204.93333L22.5333%2016.6667M34.2667%2019.6L29.8667%2019.6M34.296%2013C34.296%2011.372%2034.5307%2010.9027%2035.5133%2010.3307C36.232%209.92%2036.9213%209.31867%2036.9213%208.10133C36.9213%206.54667%2035.7333%205.66667%2034.2813%205.66667C32.8293%205.66667%2031.6267%206.708%2031.6267%208.10133'%20fill-rule='nonzero'%20stroke='rgb(0,0,0)'%20stroke-linejoin='round'%20stroke-width='2.000000'%20/%3e%3cpath%20id='矢量%20485'%20d='M17.3995%2026.9332C17.3995%2027.7399%2016.7395%2028.3999%2015.9328%2028.3999C15.1261%2028.3999%2014.4661%2027.7399%2014.4661%2026.9332C14.4661%2026.1265%2015.1261%2025.4665%2015.9328%2025.4665C16.7395%2025.4665%2017.3995%2026.1265%2017.3995%2026.9332ZM23.2661%2025.4665C22.4595%2025.4665%2021.7995%2026.1265%2021.7995%2026.9332C21.7995%2027.7399%2022.4595%2028.3999%2023.2661%2028.3999C24.0728%2028.3999%2024.7328%2027.7399%2024.7328%2026.9332C24.7328%2026.1265%2024.0728%2025.4665%2023.2661%2025.4665ZM8.59948%2025.4665C7.79281%2025.4665%207.13281%2026.1265%207.13281%2026.9332C7.13281%2027.7399%207.79281%2028.3999%208.59948%2028.3999C9.40615%2028.3999%2010.0661%2027.7399%2010.0661%2026.9332C10.0661%2026.1265%209.40615%2025.4665%208.59948%2025.4665ZM34.2661%2016.1239C34.7795%2016.1239%2035.1901%2015.7132%2035.1901%2015.2145C35.1901%2014.7159%2034.7795%2014.2905%2034.2661%2014.2905C33.7528%2014.2905%2033.3568%2014.7012%2033.3568%2015.2145C33.3568%2015.7279%2033.7675%2016.1239%2034.2661%2016.1239Z'%20fill='rgb(239,67,53)'%20fill-rule='nonzero'%20/%3e%3c/g%3e%3crect%20id='Transparent_Rectangle'%20width='48.000000'%20height='48.000000'%20x='0.000000'%20y='0.000000'%20/%3e%3c/g%3e%3c/svg%3e" alt="" width="48" height="48" /> <img class="c-card__icon" src="data:image/svg+xml,%3csvg%20viewBox='0%200%2048%2048'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='48.000000'%20height='48.000000'%20fill='none'%20customFrame='%23000000'%3e%3cg%20id='Question_and_answer'%3e%3cg%20id='question-and-answer'%3e%3cpath%20id='矢量%20484'%20d='M16.6667%2046L10.8%2037.2L4.93333%2037.2C3.32%2037.2%202%2035.88%202%2034.2667L2%2019.6C2%2017.9867%203.32%2016.6667%204.93333%2016.6667L26.9333%2016.6667C28.5467%2016.6667%2029.8667%2017.9867%2029.8667%2019.6L29.8667%2034.2667C29.8667%2035.88%2028.5467%2037.2%2026.9333%2037.2L16.6667%2037.2M35.7333%2025.4667L38.6667%2019.6L43.0667%2019.6C44.68%2019.6%2046%2018.28%2046%2016.6667L46%204.93333C46%203.32%2044.68%202%2043.0667%202L25.4667%202C23.8533%202%2022.5333%203.32%2022.5333%204.93333L22.5333%2016.6667M34.2667%2019.6L29.8667%2019.6M34.296%2013C34.296%2011.372%2034.5307%2010.9027%2035.5133%2010.3307C36.232%209.92%2036.9213%209.31867%2036.9213%208.10133C36.9213%206.54667%2035.7333%205.66667%2034.2813%205.66667C32.8293%205.66667%2031.6267%206.708%2031.6267%208.10133'%20fill-rule='nonzero'%20stroke='rgb(0,0,0)'%20stroke-linejoin='round'%20stroke-width='2.000000'%20/%3e%3cpath%20id='矢量%20485'%20d='M17.3995%2026.9332C17.3995%2027.7399%2016.7395%2028.3999%2015.9328%2028.3999C15.1261%2028.3999%2014.4661%2027.7399%2014.4661%2026.9332C14.4661%2026.1265%2015.1261%2025.4665%2015.9328%2025.4665C16.7395%2025.4665%2017.3995%2026.1265%2017.3995%2026.9332ZM23.2661%2025.4665C22.4595%2025.4665%2021.7995%2026.1265%2021.7995%2026.9332C21.7995%2027.7399%2022.4595%2028.3999%2023.2661%2028.3999C24.0728%2028.3999%2024.7328%2027.7399%2024.7328%2026.9332C24.7328%2026.1265%2024.0728%2025.4665%2023.2661%2025.4665ZM8.59948%2025.4665C7.79281%2025.4665%207.13281%2026.1265%207.13281%2026.9332C7.13281%2027.7399%207.79281%2028.3999%208.59948%2028.3999C9.40615%2028.3999%2010.0661%2027.7399%2010.0661%2026.9332C10.0661%2026.1265%209.40615%2025.4665%208.59948%2025.4665ZM34.2661%2016.1239C34.7795%2016.1239%2035.1901%2015.7132%2035.1901%2015.2145C35.1901%2014.7159%2034.7795%2014.2905%2034.2661%2014.2905C33.7528%2014.2905%2033.3568%2014.7012%2033.3568%2015.2145C33.3568%2015.7279%2033.7675%2016.1239%2034.2661%2016.1239Z'%20fill='rgb(239,67,53)'%20fill-rule='nonzero'%20/%3e%3c/g%3e%3crect%20id='Transparent_Rectangle'%20width='48.000000'%20height='48.000000'%20x='0.000000'%20y='0.000000'%20/%3e%3c/g%3e%3c/svg%3e" alt="" width="48" height="48" />
</div> </div>
<p class="c-card__desc">在这里,寻找想要的答案</p>
<p class="c-card__desc">Find the answers you need</p>
</a> </a>
<a class="c-card" href="/video.html"> <a class="c-card" href="/video.html">
<div class="c-card__head"> <div class="c-card__head">
<span class="c-card__title">视频教程</span>
<span class="c-card__title">Video Tutorials</span>
<img class="c-card__icon" src="data:image/svg+xml,%3csvg%20viewBox='0%200%2048%2048'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='48.000000'%20height='48.000000'%20fill='none'%20customFrame='%23000000'%3e%3cg%20id='vuesax/linear/play-circle'%3e%3cg%20id='play-circle'%3e%3cpath%20id='Vector'%20d='M23.9395%2044C12.8938%2044%203.93945%2035.0457%203.93945%2024C3.93945%2012.9543%2012.8938%204%2023.9395%204C34.9852%204%2043.9395%2012.9543%2043.9395%2024C43.9395%2035.0457%2034.9852%2044%2023.9395%2044Z'%20stroke='rgb(41,45,50)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2.000000'%20/%3e%3cpath%20id='Vector'%20d='M17.4805%2021.1202C17.4805%2016.9602%2020.4205%2015.2602%2024.0205%2017.3402L26.9205%2019.0202L29.8205%2020.7002C33.4205%2022.7803%2033.4205%2026.1802%2029.8205%2028.2603L26.9205%2029.9403L24.0205%2031.6203C20.4205%2033.7002%2017.4805%2032.0003%2017.4805%2027.8402L17.4805%2024.4602L17.4805%2021.1202Z'%20fill-rule='nonzero'%20stroke='rgb(239,67,53)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2.000000'%20/%3e%3cpath%20id='Vector'%20opacity='0'%20/%3e%3c/g%3e%3c/g%3e%3c/svg%3e" alt="" width="48" height="48" /> <img class="c-card__icon" src="data:image/svg+xml,%3csvg%20viewBox='0%200%2048%2048'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='48.000000'%20height='48.000000'%20fill='none'%20customFrame='%23000000'%3e%3cg%20id='vuesax/linear/play-circle'%3e%3cg%20id='play-circle'%3e%3cpath%20id='Vector'%20d='M23.9395%2044C12.8938%2044%203.93945%2035.0457%203.93945%2024C3.93945%2012.9543%2012.8938%204%2023.9395%204C34.9852%204%2043.9395%2012.9543%2043.9395%2024C43.9395%2035.0457%2034.9852%2044%2023.9395%2044Z'%20stroke='rgb(41,45,50)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2.000000'%20/%3e%3cpath%20id='Vector'%20d='M17.4805%2021.1202C17.4805%2016.9602%2020.4205%2015.2602%2024.0205%2017.3402L26.9205%2019.0202L29.8205%2020.7002C33.4205%2022.7803%2033.4205%2026.1802%2029.8205%2028.2603L26.9205%2029.9403L24.0205%2031.6203C20.4205%2033.7002%2017.4805%2032.0003%2017.4805%2027.8402L17.4805%2024.4602L17.4805%2021.1202Z'%20fill-rule='nonzero'%20stroke='rgb(239,67,53)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2.000000'%20/%3e%3cpath%20id='Vector'%20opacity='0'%20/%3e%3c/g%3e%3c/g%3e%3c/svg%3e" alt="" width="48" height="48" />
</div> </div>
<p class="c-card__desc">提供相关视频进行培训</p>
<p class="c-card__desc">Watch training videos</p>
</a> </a>
<a class="c-card" href="/announce.html"> <a class="c-card" href="/announce.html">
<div class="c-card__head"> <div class="c-card__head">
<span class="c-card__title">产品公告</span>
<span class="c-card__title">Product Notices</span>
<img class="c-card__icon" src="data:image/svg+xml,%3csvg%20viewBox='0%200%2048%2048'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='48.000000'%20height='48.000000'%20fill='none'%3e%3crect%20id='容器%20280'%20width='48.000000'%20height='48.000000'%20x='0.000000'%20y='0.000000'%20/%3e%3cpath%20id='Vector'%20d='M4%2028.091C4%2032.1719%206.07692%2034.2124%2010.2308%2034.2124L13.2036%2034.2124C13.9774%2034.2124%2014.7511%2034.4324%2015.4027%2034.8325L21.4706%2038.5534C26.724%2041.7741%2031%2039.4336%2031%2033.3522L31%2014.6478C31%208.56641%2026.7036%206.22587%2021.4706%209.44662L15.4027%2013.1875C14.7308%2013.5876%2013.9774%2013.8076%2013.2036%2013.8076L10.2308%2013.8076C6.07692%2013.8076%204%2015.8481%204%2019.9291L4%2028.091Z'%20fill-rule='nonzero'%20stroke='rgb(41,45,50)'%20stroke-width='2.000000'%20/%3e%3cpath%20id='Vector'%20d='M0%200L8%200'%20stroke='rgb(239,67,53)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2.000000'%20transform='matrix(0.866025,-0.5,0.5,0.866025,36.5352,15.001)'%20/%3e%3cpath%20id='Vector'%20d='M36%2024L44%2024'%20stroke='rgb(41,45,50)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2.000000'%20/%3e%3cpath%20id='Vector'%20d='M0%200L8%200'%20stroke='rgb(239,67,53)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2.000000'%20transform='matrix(0.866025,0.5,-0.5,0.866025,36.5352,33)'%20/%3e%3c/svg%3e" alt="" width="48" height="48" /> <img class="c-card__icon" src="data:image/svg+xml,%3csvg%20viewBox='0%200%2048%2048'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='48.000000'%20height='48.000000'%20fill='none'%3e%3crect%20id='容器%20280'%20width='48.000000'%20height='48.000000'%20x='0.000000'%20y='0.000000'%20/%3e%3cpath%20id='Vector'%20d='M4%2028.091C4%2032.1719%206.07692%2034.2124%2010.2308%2034.2124L13.2036%2034.2124C13.9774%2034.2124%2014.7511%2034.4324%2015.4027%2034.8325L21.4706%2038.5534C26.724%2041.7741%2031%2039.4336%2031%2033.3522L31%2014.6478C31%208.56641%2026.7036%206.22587%2021.4706%209.44662L15.4027%2013.1875C14.7308%2013.5876%2013.9774%2013.8076%2013.2036%2013.8076L10.2308%2013.8076C6.07692%2013.8076%204%2015.8481%204%2019.9291L4%2028.091Z'%20fill-rule='nonzero'%20stroke='rgb(41,45,50)'%20stroke-width='2.000000'%20/%3e%3cpath%20id='Vector'%20d='M0%200L8%200'%20stroke='rgb(239,67,53)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2.000000'%20transform='matrix(0.866025,-0.5,0.5,0.866025,36.5352,15.001)'%20/%3e%3cpath%20id='Vector'%20d='M36%2024L44%2024'%20stroke='rgb(41,45,50)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2.000000'%20/%3e%3cpath%20id='Vector'%20d='M0%200L8%200'%20stroke='rgb(239,67,53)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2.000000'%20transform='matrix(0.866025,0.5,-0.5,0.866025,36.5352,33)'%20/%3e%3c/svg%3e" alt="" width="48" height="48" />
</div> </div>
<p class="c-card__desc">了解产品最新动态</p>
<p class="c-card__desc">Stay up to date on products</p>
</a> </a>
</div> </div>
</section> </section>
<section class="c-form-section section__wrap" id="form"> <section class="c-form-section section__wrap" id="form">
<h2 class="c-form-section__title"> <h2 class="c-form-section__title">
<span>填写以下信息我们</span>
<span>第一时间回复</span>
<span>Fill in the information below</span>
<span>and we will reply promptly</span>
</h2> </h2>
<form class="c-form section-contact-form" action="#" method="post"> <form class="c-form section-contact-form" action="#" method="post">
<div class="c-form__grid"> <div class="c-form__grid">
<label class="c-field"> <label class="c-field">
<span class="c-field__label">姓名 *</span>
<input class="c-field__input" type="text" name="name" placeholder="请输入姓名" autocomplete="name" />
<span class="c-field__label">Name *</span>
<input class="c-field__input" type="text" name="name" placeholder="Enter your name" autocomplete="name" />
</label> </label>
<label class="c-field"> <label class="c-field">
<span class="c-field__label">手机 *</span>
<input class="c-field__input" type="tel" name="phone" placeholder="请输入手机" autocomplete="tel" />
<span class="c-field__label">Phone *</span>
<input class="c-field__input" type="tel" name="phone" placeholder="Enter your phone number" autocomplete="tel" />
</label> </label>
<label class="c-field"> <label class="c-field">
<span class="c-field__label">公司 *</span>
<input class="c-field__input" type="text" name="company" placeholder="请输入公司名称" autocomplete="organization" />
<span class="c-field__label">Company *</span>
<input class="c-field__input" type="text" name="company" placeholder="Enter your company name" autocomplete="organization" />
</label> </label>
<label class="c-field"> <label class="c-field">
<span class="c-field__label">邮箱 *</span>
<input class="c-field__input" type="email" name="email" placeholder="请输入邮箱" autocomplete="email" />
<span class="c-field__label">Email *</span>
<input class="c-field__input" type="email" name="email" placeholder="Enter your email" autocomplete="email" />
</label> </label>
<label class="c-field"> <label class="c-field">
<span class="c-field__label">所属行业 *</span>
<span class="c-field__label">Industry *</span>
<select class="c-field__input c-field__select" name="industry"> <select class="c-field__input c-field__select" name="industry">
<option value="" disabled selected>请选择所属行业</option>
<option value="包装机械">包装机械</option>
<option value="机床">机床</option>
<option value="3C电子">3C电子</option>
<option value="其他">其他</option>
<option value="" disabled selected>Select an industry</option>
<option value="Packaging machinery">Packaging machinery</option>
<option value="Machine tools">Machine tools</option>
<option value="3C electronics">3C electronics</option>
<option value="Other">Other</option>
</select> </select>
</label> </label>
<label class="c-field"> <label class="c-field">
<span class="c-field__label">业务类型 *</span>
<span class="c-field__label">Business type *</span>
<select class="c-field__input c-field__select" name="bizType"> <select class="c-field__input c-field__select" name="bizType">
<option value="" disabled selected>请选择业务类型</option>
<option value="产品咨询">产品咨询</option>
<option value="技术支持">技术支持</option>
<option value="商务合作">商务合作</option>
<option value="其他">其他</option>
<option value="" disabled selected>Select a business type</option>
<option value="Product inquiry">Product inquiry</option>
<option value="Technical support">Technical support</option>
<option value="Business cooperation">Business cooperation</option>
<option value="Other">Other</option>
</select> </select>
</label> </label>
<label class="c-field c-field--full"> <label class="c-field c-field--full">
<span class="c-field__label">咨询描述</span>
<input class="c-field__input" type="text" name="content" placeholder="请输入咨询描述" />
<span class="c-field__label">Inquiry description</span>
<input class="c-field__input" type="text" name="content" placeholder="Enter your inquiry" />
</label> </label>
</div> </div>
<label class="c-form__agree"> <label class="c-form__agree">
<input type="checkbox" name="agree" /> <input type="checkbox" name="agree" />
<span>我已阅读并同意《隐私条款》</span>
<span>I have read and agree to the Privacy Policy</span>
</label> </label>
<button class="c-form__submit" type="submit">提交</button>
<button class="c-form__submit" type="submit">Submit</button>
</form> </form>
</section> </section>
</main> </main>
@ -196,13 +196,13 @@ $(function () {
var bizType = $form.find('[name="bizType"]').val(); var bizType = $form.find('[name="bizType"]').val();
var agree = $form.find('[name="agree"]').prop('checked'); var agree = $form.find('[name="agree"]').prop('checked');
if (!name) { alert('请输入姓名'); return; }
if (!phone) { alert('请输入手机号'); return; }
if (!company) { alert('请输入公司名称'); return; }
if (!email) { alert('请输入邮箱'); return; }
if (!industry) { alert('请选择所属行业'); return; }
if (!bizType) { alert('请选择业务类型'); return; }
if (!agree) { alert('请阅读并同意《隐私条款》'); return; }
if (!name) { alert(t("contact.name_required")); return; }
if (!phone) { alert(t("contact.phone_required")); return; }
if (!company) { alert(t("contact.company_required")); return; }
if (!email) { alert(t("contact.email_required")); return; }
if (!industry) { alert('Please select an industry'); return; }
if (!bizType) { alert('Please select a business type'); return; }
if (!agree) { alert('Please read and agree to the Privacy Policy'); return; }
// 收集表单数据(字段映射到数据库 hc_inquiry 表) // 收集表单数据(字段映射到数据库 hc_inquiry 表)
var content = $form.find('[name="content"]').val().trim(); var content = $form.find('[name="content"]').val().trim();
@ -219,7 +219,7 @@ $(function () {
// 禁用提交按钮,防止重复提交 // 禁用提交按钮,防止重复提交
submitting = true; submitting = true;
$submitBtn.prop('disabled', true).text('提交中...');
$submitBtn.prop("disabled", true).text(t("contact.submitting"));
// 发送请求 // 发送请求
$.ajax({ $.ajax({
@ -230,17 +230,17 @@ $(function () {
success: function (res) { success: function (res) {
if (res.code === 0 || res.code === 200) { if (res.code === 0 || res.code === 200) {
$form[0].reset(); $form[0].reset();
showFormToast('提交成功,我们会尽快与您联系!');
showFormToast(t("contact.success"));
} else { } else {
alert(res.msg || '提交失败,请稍后重试');
alert(res.msg || t("contact.fail"));
} }
}, },
error: function () { error: function () {
alert('网络错误,请稍后重试');
alert(t("contact.network_error"));
}, },
complete: function () { complete: function () {
submitting = false; submitting = false;
$submitBtn.prop('disabled', false).text('提交');
$submitBtn.prop("disabled", false).text(t("contact.submit"));
} }
}); });

16
public/themes/website/1/en/demo/download.html

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="zh-CN">
<html lang="en">
{php}$download_keywords = input('keywords', '');{/php} {php}$download_keywords = input('keywords', '');{/php}
@ -64,7 +64,7 @@
<p class="d-head__desc">{$current_cate.description}</p> <p class="d-head__desc">{$current_cate.description}</p>
</div> </div>
<div class="d-toolbar"> <div class="d-toolbar">
<div class="d-tabs" role="tablist" aria-label="资料分类">
<div class="d-tabs" role="tablist" aria-label="Resource categories">
{php} {php}
$download_cid = (string)input('cid', ''); $download_cid = (string)input('cid', '');
if ($download_cid === '') { if ($download_cid === '') {
@ -72,7 +72,7 @@
} }
$download_all_id = (string)($current_cate['id'] ?? ''); $download_all_id = (string)($current_cate['id'] ?? '');
{/php} {/php}
<button type="button" class="d-tabs__item{if $download_cid == $download_all_id} is-active{/if}" role="tab" data-tab="{$current_cate.id}" aria-selected="{if $download_cid == $download_all_id}true{else /}false{/if}">全部</button>
<button type="button" class="d-tabs__item{if $download_cid == $download_all_id} is-active{/if}" role="tab" data-tab="{$current_cate.id}" aria-selected="{if $download_cid == $download_all_id}true{else /}false{/if}">All</button>
{volist name="sub_cates" id="vo"} {volist name="sub_cates" id="vo"}
{php} {php}
$count = getCategoryChildrenCount($vo['id']); $count = getCategoryChildrenCount($vo['id']);
@ -99,21 +99,21 @@
</div> </div>
<form class="s-search" role="search" data-tab-search> <form class="s-search" role="search" data-tab-search>
<img class="s-search__icon" src="data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='24.000000'%20height='24.000000'%20fill='none'%3e%3crect%20id='搜索'%20width='24.000000'%20height='24.000000'%20x='0.000000'%20y='0.000000'%20fill='rgb(255,255,255)'%20fill-opacity='0'%20/%3e%3cpath%20id='矢量%203'%20d='M15.8481%2017.1208C14.4808%2018.2114%2012.7482%2018.8633%2010.8633%2018.8633C6.44506%2018.8633%202.86328%2015.2816%202.86328%2010.8633C2.86328%206.445%206.44506%202.86328%2010.8633%202.86328C15.2815%202.86328%2018.8633%206.445%2018.8633%2010.8633C18.8633%2012.7482%2018.2114%2014.4808%2017.1208%2015.8481L21.136%2019.8633L19.8633%2021.136L15.8481%2017.1208ZM17.0632%2010.8633C17.0632%207.43908%2014.2874%204.66326%2010.8633%204.66326C7.4392%204.66326%204.66332%207.43908%204.66332%2010.8633C4.66332%2014.2875%207.4392%2017.0633%2010.8633%2017.0633C14.2874%2017.0633%2017.0632%2014.2875%2017.0632%2010.8633Z'%20fill='rgb(175,181,185)'%20fill-rule='evenodd'%20/%3e%3c/svg%3e" alt="" width="24" height="24" /> <img class="s-search__icon" src="data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='24.000000'%20height='24.000000'%20fill='none'%3e%3crect%20id='搜索'%20width='24.000000'%20height='24.000000'%20x='0.000000'%20y='0.000000'%20fill='rgb(255,255,255)'%20fill-opacity='0'%20/%3e%3cpath%20id='矢量%203'%20d='M15.8481%2017.1208C14.4808%2018.2114%2012.7482%2018.8633%2010.8633%2018.8633C6.44506%2018.8633%202.86328%2015.2816%202.86328%2010.8633C2.86328%206.445%206.44506%202.86328%2010.8633%202.86328C15.2815%202.86328%2018.8633%206.445%2018.8633%2010.8633C18.8633%2012.7482%2018.2114%2014.4808%2017.1208%2015.8481L21.136%2019.8633L19.8633%2021.136L15.8481%2017.1208ZM17.0632%2010.8633C17.0632%207.43908%2014.2874%204.66326%2010.8633%204.66326C7.4392%204.66326%204.66332%207.43908%204.66332%2010.8633C4.66332%2014.2875%207.4392%2017.0633%2010.8633%2017.0633C14.2874%2017.0633%2017.0632%2014.2875%2017.0632%2010.8633Z'%20fill='rgb(175,181,185)'%20fill-rule='evenodd'%20/%3e%3c/svg%3e" alt="" width="24" height="24" />
<input class="s-search__input" type="search" name="keywords" placeholder="请输入您想下载的文件" autocomplete="off" />
<button class="s-search__btn" type="submit">搜索</button>
<input class="s-search__input" type="search" name="keywords" placeholder="Search files to download" autocomplete="off" />
<button class="s-search__btn" type="submit">Search</button>
</form> </form>
</div> </div>
<div class="d-list"> <div class="d-list">
{hcTaglib:contentPage mainField="*" subField="*" name="hc_content" limit="12" item="vo"} {hcTaglib:contentPage mainField="*" subField="*" name="hc_content" limit="12" item="vo"}
{php}$dl_file = $vo['url'] ?? ($vo['thumbnail']['url'] ?? '');{/php} {php}$dl_file = $vo['url'] ?? ($vo['thumbnail']['url'] ?? '');{/php}
<div class="d-item"> <div class="d-item">
<a class="d-item__main" href="{$dl_file}" target="_blank" rel="noopener" title="预览">
<a class="d-item__main" href="{$dl_file}" target="_blank" rel="noopener" title="Preview">
<img class="d-item__pdf" src="data:image/svg+xml,%3csvg%20viewBox='0%200%2032%2032'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='32.000000'%20height='32.000000'%20fill='none'%3e%3crect%20id='PDF%201'%20width='32.000000'%20height='32.000000'%20x='0.000000'%20y='0.000000'%20/%3e%3cpath%20id='矢量%20508'%20d='M28.1766%2028.9602C28.1766%2029.3602%2028.0164%2029.7441%2027.7285%2030.032C27.4402%2030.3199%2027.0566%2030.4801%2026.6562%2030.4801L5.32852%2030.4801C4.92852%2030.4801%204.52852%2030.3199%204.25664%2030.032C3.96875%2029.7437%203.80859%2029.3602%203.80859%2028.9602L3.80859%201.51992C3.80859%201.11992%203.96836%200.719922%204.25664%200.448047C4.52852%200.160156%204.92891%200%205.32852%200L18.4168%200C18.8168%200%2019.2168%200.160156%2019.5047%200.448047L27.7445%208.68828C28.0324%208.97617%2028.1926%209.36016%2028.1926%209.77617L28.1926%2028.9602L28.1766%2028.9602Z'%20fill='rgb(235,236,240)'%20fill-rule='nonzero'%20/%3e%3cpath%20id='矢量%20509'%20d='M28.1766%2028.96L28.1766%2030.4799C28.1766%2030.8799%2028.0164%2031.2799%2027.7285%2031.5518C27.4402%2031.84%2027.0566%2031.9998%2026.6562%2031.9998L5.32852%2031.9998C4.48047%2031.9998%203.80859%2031.3119%203.80859%2030.4799L3.80859%2028.96C3.80859%2029.36%203.96836%2029.7439%204.25664%2030.0318C4.54453%2030.3197%204.92852%2030.4799%205.32852%2030.4799L26.6566%2030.4799C27.5047%2030.4799%2028.1766%2029.792%2028.1766%2028.96L28.1766%2028.96Z'%20fill='rgb(193,199,208)'%20fill-rule='nonzero'%20/%3e%3cpath%20id='矢量%20510'%20d='M3.80781%2016.7682L3.80781%2013.7119L0.751953%2016.7682L3.80781%2016.7682ZM28.1758%2016.7682L28.2078%2013.7119L31.2477%2016.7682L28.1758%2016.7682L28.1758%2016.7682Z'%20fill='rgb(211,0,0)'%20fill-rule='nonzero'%20/%3e%3cpath%20id='矢量%20511'%20d='M28.1762%209.77617L28.1762%209.98398L19.9359%209.98398C19.0879%209.98398%2018.416%209.29609%2018.416%208.46406L18.416%200C18.816%200%2019.216%200.160156%2019.5039%200.448047L27.7602%208.68828C28.032%208.97617%2028.1922%209.36016%2028.1762%209.77617Z'%20fill='rgb(193,199,208)'%20fill-rule='nonzero'%20/%3e%3cpath%20id='矢量%20512'%20d='M15.7164%2019.0972L14.4629%2019.0972L14.4629%2023.5655L15.6941%2023.5655C17.0926%2023.5655%2017.8484%2022.7776%2017.8484%2021.2577C17.8484%2019.9351%2017.157%2019.1147%2015.7164%2019.0972ZM8.59219%2019.0995L6.79883%2019.0995L6.79883%2020.9983L8.59219%2020.9983C9.32695%2020.9983%209.79141%2020.7464%209.79141%2020.0362C9.79141%2019.4573%209.43555%2019.0995%208.59219%2019.0995L8.59219%2019.0995Z'%20fill='rgb(255,29,29)'%20fill-rule='nonzero'%20/%3e%3cpath%20id='矢量%20513'%20d='M0.767578%2016.7681L0.767578%2024.3681C0.767578%2024.7841%200.927344%2025.1681%201.21562%2025.456C1.4875%2025.7442%201.8875%2025.904%202.2875%2025.904L29.7117%2025.904C30.5438%2025.904%2031.2316%2025.2321%2031.2316%2024.3841L31.2316%2016.7681L0.767578%2016.7681ZM8.72617%2022.3454L6.79844%2022.3454L6.79844%2024.9103L5.05469%2024.9103L5.05469%2017.7618L8.75352%2017.7618C10.4156%2017.7618%2011.5207%2018.6021%2011.5207%2020.0087C11.5207%2021.4153%2010.4797%2022.3454%208.72617%2022.3454L8.72617%2022.3454ZM15.9223%2024.9103L12.7277%2024.9103L12.7277%2017.7618L15.959%2017.7618C18.3676%2017.7618%2019.6855%2019.3251%2019.6855%2021.211C19.6855%2023.4993%2018.0027%2024.9103%2015.9223%2024.9103ZM26.9953%2019.1419L22.8473%2019.1419L22.8473%2020.7677L26.7164%2020.7677L26.7164%2022.1579L22.8473%2022.1579L22.8473%2024.9099L21.1125%2024.9099L21.1125%2017.7614L26.9953%2017.7614L26.9953%2019.1415L26.9953%2019.1419Z'%20fill='rgb(239,67,53)'%20fill-rule='nonzero'%20/%3e%3cpath%20id='矢量%20514'%20d='M8.75313%2017.7617L5.05469%2017.7617L5.05469%2024.9102L6.79844%2024.9102L6.79844%2022.3453L8.72617%2022.3453C10.4797%2022.3453%2011.5207%2021.4703%2011.5207%2020.0086C11.5207%2018.5469%2010.4156%2017.7617%208.75352%2017.7617L8.75313%2017.7617ZM8.59141%2020.9984L6.79805%2020.9984L6.79805%2019.0996L8.59141%2019.0996C9.43477%2019.0996%209.79063%2019.4574%209.79063%2020.0363C9.79063%2020.7461%209.32578%2020.9984%208.59141%2020.9984L8.59141%2020.9984ZM15.959%2017.7617L12.7277%2017.7617L12.7277%2024.9102L15.9223%2024.9102C18.0027%2024.9102%2019.6855%2023.4992%2019.6855%2021.2109C19.6855%2019.325%2018.368%2017.7617%2015.959%2017.7617ZM15.6934%2023.5656L14.4621%2023.5656L14.4621%2019.0973L15.7156%2019.0973C17.1559%2019.1152%2017.8477%2019.9355%2017.8477%2021.2578C17.8477%2022.7777%2017.0918%2023.5656%2015.6934%2023.5656ZM21.1125%2024.9102L22.8473%2024.9102L22.8473%2022.1582L26.7164%2022.1582L26.7164%2020.768L22.8473%2020.768L22.8473%2019.1422L26.9953%2019.1422L26.9953%2017.7617L21.1125%2017.7617L21.1125%2024.9102Z'%20fill='rgb(255,255,255)'%20fill-rule='nonzero'%20/%3e%3c/svg%3e" alt="" width="32" height="32" /> <img class="d-item__pdf" src="data:image/svg+xml,%3csvg%20viewBox='0%200%2032%2032'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='32.000000'%20height='32.000000'%20fill='none'%3e%3crect%20id='PDF%201'%20width='32.000000'%20height='32.000000'%20x='0.000000'%20y='0.000000'%20/%3e%3cpath%20id='矢量%20508'%20d='M28.1766%2028.9602C28.1766%2029.3602%2028.0164%2029.7441%2027.7285%2030.032C27.4402%2030.3199%2027.0566%2030.4801%2026.6562%2030.4801L5.32852%2030.4801C4.92852%2030.4801%204.52852%2030.3199%204.25664%2030.032C3.96875%2029.7437%203.80859%2029.3602%203.80859%2028.9602L3.80859%201.51992C3.80859%201.11992%203.96836%200.719922%204.25664%200.448047C4.52852%200.160156%204.92891%200%205.32852%200L18.4168%200C18.8168%200%2019.2168%200.160156%2019.5047%200.448047L27.7445%208.68828C28.0324%208.97617%2028.1926%209.36016%2028.1926%209.77617L28.1926%2028.9602L28.1766%2028.9602Z'%20fill='rgb(235,236,240)'%20fill-rule='nonzero'%20/%3e%3cpath%20id='矢量%20509'%20d='M28.1766%2028.96L28.1766%2030.4799C28.1766%2030.8799%2028.0164%2031.2799%2027.7285%2031.5518C27.4402%2031.84%2027.0566%2031.9998%2026.6562%2031.9998L5.32852%2031.9998C4.48047%2031.9998%203.80859%2031.3119%203.80859%2030.4799L3.80859%2028.96C3.80859%2029.36%203.96836%2029.7439%204.25664%2030.0318C4.54453%2030.3197%204.92852%2030.4799%205.32852%2030.4799L26.6566%2030.4799C27.5047%2030.4799%2028.1766%2029.792%2028.1766%2028.96L28.1766%2028.96Z'%20fill='rgb(193,199,208)'%20fill-rule='nonzero'%20/%3e%3cpath%20id='矢量%20510'%20d='M3.80781%2016.7682L3.80781%2013.7119L0.751953%2016.7682L3.80781%2016.7682ZM28.1758%2016.7682L28.2078%2013.7119L31.2477%2016.7682L28.1758%2016.7682L28.1758%2016.7682Z'%20fill='rgb(211,0,0)'%20fill-rule='nonzero'%20/%3e%3cpath%20id='矢量%20511'%20d='M28.1762%209.77617L28.1762%209.98398L19.9359%209.98398C19.0879%209.98398%2018.416%209.29609%2018.416%208.46406L18.416%200C18.816%200%2019.216%200.160156%2019.5039%200.448047L27.7602%208.68828C28.032%208.97617%2028.1922%209.36016%2028.1762%209.77617Z'%20fill='rgb(193,199,208)'%20fill-rule='nonzero'%20/%3e%3cpath%20id='矢量%20512'%20d='M15.7164%2019.0972L14.4629%2019.0972L14.4629%2023.5655L15.6941%2023.5655C17.0926%2023.5655%2017.8484%2022.7776%2017.8484%2021.2577C17.8484%2019.9351%2017.157%2019.1147%2015.7164%2019.0972ZM8.59219%2019.0995L6.79883%2019.0995L6.79883%2020.9983L8.59219%2020.9983C9.32695%2020.9983%209.79141%2020.7464%209.79141%2020.0362C9.79141%2019.4573%209.43555%2019.0995%208.59219%2019.0995L8.59219%2019.0995Z'%20fill='rgb(255,29,29)'%20fill-rule='nonzero'%20/%3e%3cpath%20id='矢量%20513'%20d='M0.767578%2016.7681L0.767578%2024.3681C0.767578%2024.7841%200.927344%2025.1681%201.21562%2025.456C1.4875%2025.7442%201.8875%2025.904%202.2875%2025.904L29.7117%2025.904C30.5438%2025.904%2031.2316%2025.2321%2031.2316%2024.3841L31.2316%2016.7681L0.767578%2016.7681ZM8.72617%2022.3454L6.79844%2022.3454L6.79844%2024.9103L5.05469%2024.9103L5.05469%2017.7618L8.75352%2017.7618C10.4156%2017.7618%2011.5207%2018.6021%2011.5207%2020.0087C11.5207%2021.4153%2010.4797%2022.3454%208.72617%2022.3454L8.72617%2022.3454ZM15.9223%2024.9103L12.7277%2024.9103L12.7277%2017.7618L15.959%2017.7618C18.3676%2017.7618%2019.6855%2019.3251%2019.6855%2021.211C19.6855%2023.4993%2018.0027%2024.9103%2015.9223%2024.9103ZM26.9953%2019.1419L22.8473%2019.1419L22.8473%2020.7677L26.7164%2020.7677L26.7164%2022.1579L22.8473%2022.1579L22.8473%2024.9099L21.1125%2024.9099L21.1125%2017.7614L26.9953%2017.7614L26.9953%2019.1415L26.9953%2019.1419Z'%20fill='rgb(239,67,53)'%20fill-rule='nonzero'%20/%3e%3cpath%20id='矢量%20514'%20d='M8.75313%2017.7617L5.05469%2017.7617L5.05469%2024.9102L6.79844%2024.9102L6.79844%2022.3453L8.72617%2022.3453C10.4797%2022.3453%2011.5207%2021.4703%2011.5207%2020.0086C11.5207%2018.5469%2010.4156%2017.7617%208.75352%2017.7617L8.75313%2017.7617ZM8.59141%2020.9984L6.79805%2020.9984L6.79805%2019.0996L8.59141%2019.0996C9.43477%2019.0996%209.79063%2019.4574%209.79063%2020.0363C9.79063%2020.7461%209.32578%2020.9984%208.59141%2020.9984L8.59141%2020.9984ZM15.959%2017.7617L12.7277%2017.7617L12.7277%2024.9102L15.9223%2024.9102C18.0027%2024.9102%2019.6855%2023.4992%2019.6855%2021.2109C19.6855%2019.325%2018.368%2017.7617%2015.959%2017.7617ZM15.6934%2023.5656L14.4621%2023.5656L14.4621%2019.0973L15.7156%2019.0973C17.1559%2019.1152%2017.8477%2019.9355%2017.8477%2021.2578C17.8477%2022.7777%2017.0918%2023.5656%2015.6934%2023.5656ZM21.1125%2024.9102L22.8473%2024.9102L22.8473%2022.1582L26.7164%2022.1582L26.7164%2020.768L22.8473%2020.768L22.8473%2019.1422L26.9953%2019.1422L26.9953%2017.7617L21.1125%2017.7617L21.1125%2024.9102Z'%20fill='rgb(255,255,255)'%20fill-rule='nonzero'%20/%3e%3c/svg%3e" alt="" width="32" height="32" />
<span class="d-item__name">{$vo.title}</span> <span class="d-item__name">{$vo.title}</span>
</a> </a>
<a class="d-item__action" href="{$dl_file}" download="{$vo.title}"> <a class="d-item__action" href="{$dl_file}" download="{$vo.title}">
<img src="data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='24.000000'%20height='24.000000'%20fill='none'%3e%3crect%20id='容器%20520'%20width='24.000000'%20height='24.000000'%20x='0.000000'%20y='0.000000'%20fill='rgb(255,255,255)'%20fill-opacity='0'%20/%3e%3cg%20id='download--02'%3e%3cpath%20id='矢量%20486'%20d='M16.6667%209.33301L22%209.33301L22%2021.9997L2%2021.9997L2%209.33301L7.33333%209.33301'%20fill-rule='nonzero'%20stroke='rgb(46,53,58)'%20stroke-linejoin='round'%20stroke-width='1.500000'%20/%3e%3cpath%20id='矢量%20487'%20d='M16%2014L12%2018L8%2014M12%202L12%2018'%20fill-rule='nonzero'%20stroke='rgb(239,67,53)'%20stroke-width='1.500000'%20/%3e%3c/g%3e%3c/svg%3e" alt="" width="24" height="24" /> <img src="data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='24.000000'%20height='24.000000'%20fill='none'%3e%3crect%20id='容器%20520'%20width='24.000000'%20height='24.000000'%20x='0.000000'%20y='0.000000'%20fill='rgb(255,255,255)'%20fill-opacity='0'%20/%3e%3cg%20id='download--02'%3e%3cpath%20id='矢量%20486'%20d='M16.6667%209.33301L22%209.33301L22%2021.9997L2%2021.9997L2%209.33301L7.33333%209.33301'%20fill-rule='nonzero'%20stroke='rgb(46,53,58)'%20stroke-linejoin='round'%20stroke-width='1.500000'%20/%3e%3cpath%20id='矢量%20487'%20d='M16%2014L12%2018L8%2014M12%202L12%2018'%20fill-rule='nonzero'%20stroke='rgb(239,67,53)'%20stroke-width='1.500000'%20/%3e%3c/g%3e%3c/svg%3e" alt="" width="24" height="24" />
<span>立即下载</span>
<span>Download</span>
</a> </a>
</div> </div>
{/hcTaglib:contentPage} {/hcTaglib:contentPage}
@ -122,7 +122,7 @@
{php} {php}
$list_empty = isHcListEmpty($hc_content ?? null); $list_empty = isHcListEmpty($hc_content ?? null);
if ($list_empty) { if ($list_empty) {
$empty_text = '暂无相关资料';
$empty_text = 'No matching resources';
} }
{/php} {/php}
{if $list_empty} {if $list_empty}

12
public/themes/website/1/en/demo/faq.html

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="zh-CN">
<html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
@ -64,16 +64,16 @@
</div> </div>
<div class="f-toolbar"> <div class="f-toolbar">
<div class="f-tabs" role="tablist" aria-label="问题分类">
<button type="button" class="f-tabs__item is-active" role="tab" data-tab="{$current_cate.id}" aria-selected="true">全部</button>
<div class="f-tabs" role="tablist" aria-label="FAQ categories">
<button type="button" class="f-tabs__item is-active" role="tab" data-tab="{$current_cate.id}" aria-selected="true">All</button>
{volist name="sub_cates" id="vo"} {volist name="sub_cates" id="vo"}
<button type="button" class="f-tabs__item" role="tab" data-tab="{$vo.id}" aria-selected="false">{$vo.title}</button> <button type="button" class="f-tabs__item" role="tab" data-tab="{$vo.id}" aria-selected="false">{$vo.title}</button>
{/volist} {/volist}
</div> </div>
<form class="s-search" role="search" data-tab-search> <form class="s-search" role="search" data-tab-search>
<img class="s-search__icon" src="data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='24.000000'%20height='24.000000'%20fill='none'%3e%3crect%20id='搜索'%20width='24.000000'%20height='24.000000'%20x='0.000000'%20y='0.000000'%20fill='rgb(255,255,255)'%20fill-opacity='0'%20/%3e%3cpath%20id='矢量%203'%20d='M15.8481%2017.1208C14.4808%2018.2114%2012.7482%2018.8633%2010.8633%2018.8633C6.44506%2018.8633%202.86328%2015.2816%202.86328%2010.8633C2.86328%206.445%206.44506%202.86328%2010.8633%202.86328C15.2815%202.86328%2018.8633%206.445%2018.8633%2010.8633C18.8633%2012.7482%2018.2114%2014.4808%2017.1208%2015.8481L21.136%2019.8633L19.8633%2021.136L15.8481%2017.1208ZM17.0632%2010.8633C17.0632%207.43908%2014.2874%204.66326%2010.8633%204.66326C7.4392%204.66326%204.66332%207.43908%204.66332%2010.8633C4.66332%2014.2875%207.4392%2017.0633%2010.8633%2017.0633C14.2874%2017.0633%2017.0632%2014.2875%2017.0632%2010.8633Z'%20fill='rgb(175,181,185)'%20fill-rule='evenodd'%20/%3e%3c/svg%3e" alt="" width="24" height="24" /> <img class="s-search__icon" src="data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='24.000000'%20height='24.000000'%20fill='none'%3e%3crect%20id='搜索'%20width='24.000000'%20height='24.000000'%20x='0.000000'%20y='0.000000'%20fill='rgb(255,255,255)'%20fill-opacity='0'%20/%3e%3cpath%20id='矢量%203'%20d='M15.8481%2017.1208C14.4808%2018.2114%2012.7482%2018.8633%2010.8633%2018.8633C6.44506%2018.8633%202.86328%2015.2816%202.86328%2010.8633C2.86328%206.445%206.44506%202.86328%2010.8633%202.86328C15.2815%202.86328%2018.8633%206.445%2018.8633%2010.8633C18.8633%2012.7482%2018.2114%2014.4808%2017.1208%2015.8481L21.136%2019.8633L19.8633%2021.136L15.8481%2017.1208ZM17.0632%2010.8633C17.0632%207.43908%2014.2874%204.66326%2010.8633%204.66326C7.4392%204.66326%204.66332%207.43908%204.66332%2010.8633C4.66332%2014.2875%207.4392%2017.0633%2010.8633%2017.0633C14.2874%2017.0633%2017.0632%2014.2875%2017.0632%2010.8633Z'%20fill='rgb(175,181,185)'%20fill-rule='evenodd'%20/%3e%3c/svg%3e" alt="" width="24" height="24" />
<input class="s-search__input" type="search" name="keywords" placeholder="请输入您想搜索问题的关键词" autocomplete="off" />
<button class="s-search__btn" type="submit">搜索</button>
<input class="s-search__input" type="search" name="keywords" placeholder="Search FAQ keywords" autocomplete="off" />
<button class="s-search__btn" type="submit">Search</button>
</form> </form>
</div> </div>
@ -98,7 +98,7 @@
{php} {php}
$list_empty = isHcListEmpty($hc_content ?? null); $list_empty = isHcListEmpty($hc_content ?? null);
if ($list_empty) { if ($list_empty) {
$empty_text = '暂无相关问题';
$empty_text = 'No matching FAQs';
} }
{/php} {/php}
{if $list_empty} {if $list_empty}

40
public/themes/website/1/en/demo/investment.html

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="zh-CN">
<html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
@ -93,13 +93,13 @@
<div class="iv-announce__head"> <div class="iv-announce__head">
<h2 class="iv-announce__title">{$vo.title}</h2> <h2 class="iv-announce__title">{$vo.title}</h2>
<div class="s-arrows"> <div class="s-arrows">
<button type="button" class="s-arrows__prev" aria-label="上一项">
<button type="button" class="s-arrows__prev" aria-label="Previous">
<svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none" customFrame="#000000"> <svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none" customFrame="#000000">
<path id="合并" d="M5.18202 1.41422L6.59622 0L12.2531 5.65686L12.2529 5.65702L10.8389 7.07108L6.59608 11.3139L5.18186 9.89966L8.4245 6.65702L-0 6.65702L0 4.657L8.42482 4.65702L5.18202 1.41422Z" fill="rgb(239,67,53)" fill-rule="evenodd" /> <path id="合并" d="M5.18202 1.41422L6.59622 0L12.2531 5.65686L12.2529 5.65702L10.8389 7.07108L6.59608 11.3139L5.18186 9.89966L8.4245 6.65702L-0 6.65702L0 4.657L8.42482 4.65702L5.18202 1.41422Z" fill="rgb(239,67,53)" fill-rule="evenodd" />
</svg> </svg>
</button> </button>
<button type="button" class="s-arrows__next" aria-label="下一项">
<button type="button" class="s-arrows__next" aria-label="Next">
<svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none" customFrame="#000000"> <svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none" customFrame="#000000">
<path id="合并" d="M5.18202 1.41422L6.59622 0L12.2531 5.65686L12.2529 5.65702L10.8389 7.07108L6.59608 11.3139L5.18186 9.89966L8.4245 6.65702L-0 6.65702L0 4.657L8.42482 4.65702L5.18202 1.41422Z" fill="rgb(239,67,53)" fill-rule="evenodd" /> <path id="合并" d="M5.18202 1.41422L6.59622 0L12.2531 5.65686L12.2529 5.65702L10.8389 7.07108L6.59608 11.3139L5.18186 9.89966L8.4245 6.65702L-0 6.65702L0 4.657L8.42482 4.65702L5.18202 1.41422Z" fill="rgb(239,67,53)" fill-rule="evenodd" />
</svg> </svg>
@ -113,7 +113,7 @@
<time class="iv-announce__date" datetime="{$vo.publish_time|date='Y-m-d'}">{$vo.publish_time|date='Y-m-d'}</time> <time class="iv-announce__date" datetime="{$vo.publish_time|date='Y-m-d'}">{$vo.publish_time|date='Y-m-d'}</time>
<h3 class="iv-announce__name">{$vo.title}</h3> <h3 class="iv-announce__name">{$vo.title}</h3>
<a class="iv-announce__link" href="{$vo.url ?? ''}" target="_blank"> <a class="iv-announce__link" href="{$vo.url ?? ''}" target="_blank">
<span>查看详情</span>
<span>View details</span>
<svg viewBox="0 0 16.502 6.66113" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.501953" height="6.661133" fill="none" customFrame="#000000"> <svg viewBox="0 0 16.502 6.66113" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.501953" height="6.661133" fill="none" customFrame="#000000">
<path id="箭头 2" d="M0 2.83057L16 2.83057L16 3.83057L0 3.83057L0 2.83057ZM15.2929 3.33057L12.818 0.855693C12.62 0.657703 12.62 0.346575 12.818 0.148586C13.016 -0.0494041 13.3271 -0.0494046 13.5251 0.148585L16.3536 2.97701C16.5515 3.175 16.5515 3.48613 16.3536 3.68412L13.5251 6.51255C13.3271 6.71054 13.016 6.71054 12.818 6.51255C12.62 6.31456 12.62 6.00343 12.818 5.80544L15.2929 3.33057Z" fill="rgb(102,102,102)" fill-rule="nonzero" /> <path id="箭头 2" d="M0 2.83057L16 2.83057L16 3.83057L0 3.83057L0 2.83057ZM15.2929 3.33057L12.818 0.855693C12.62 0.657703 12.62 0.346575 12.818 0.148586C13.016 -0.0494041 13.3271 -0.0494046 13.5251 0.148585L16.3536 2.97701C16.5515 3.175 16.5515 3.48613 16.3536 3.68412L13.5251 6.51255C13.3271 6.71054 13.016 6.71054 12.818 6.51255C12.62 6.31456 12.62 6.00343 12.818 5.80544L15.2929 3.33057Z" fill="rgb(102,102,102)" fill-rule="nonzero" />
</svg> </svg>
@ -124,13 +124,13 @@
</div> </div>
<div class="iv-announce__arrows-mobile"> <div class="iv-announce__arrows-mobile">
<div class="s-arrows"> <div class="s-arrows">
<button type="button" class="s-arrows__prev" aria-label="上一项">
<button type="button" class="s-arrows__prev" aria-label="Previous">
<svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none" customFrame="#000000"> <svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none" customFrame="#000000">
<path id="合并" d="M5.18202 1.41422L6.59622 0L12.2531 5.65686L12.2529 5.65702L10.8389 7.07108L6.59608 11.3139L5.18186 9.89966L8.4245 6.65702L-0 6.65702L0 4.657L8.42482 4.65702L5.18202 1.41422Z" fill="rgb(239,67,53)" fill-rule="evenodd" /> <path id="合并" d="M5.18202 1.41422L6.59622 0L12.2531 5.65686L12.2529 5.65702L10.8389 7.07108L6.59608 11.3139L5.18186 9.89966L8.4245 6.65702L-0 6.65702L0 4.657L8.42482 4.65702L5.18202 1.41422Z" fill="rgb(239,67,53)" fill-rule="evenodd" />
</svg> </svg>
</button> </button>
<button type="button" class="s-arrows__next" aria-label="下一项">
<button type="button" class="s-arrows__next" aria-label="Next">
<svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none" customFrame="#000000"> <svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none" customFrame="#000000">
<path id="合并" d="M5.18202 1.41422L6.59622 0L12.2531 5.65686L12.2529 5.65702L10.8389 7.07108L6.59608 11.3139L5.18186 9.89966L8.4245 6.65702L-0 6.65702L0 4.657L8.42482 4.65702L5.18202 1.41422Z" fill="rgb(239,67,53)" fill-rule="evenodd" /> <path id="合并" d="M5.18202 1.41422L6.59622 0L12.2531 5.65686L12.2529 5.65702L10.8389 7.07108L6.59608 11.3139L5.18186 9.89966L8.4245 6.65702L-0 6.65702L0 4.657L8.42482 4.65702L5.18202 1.41422Z" fill="rgb(239,67,53)" fill-rule="evenodd" />
</svg> </svg>
@ -141,37 +141,37 @@
</section> </section>
{/hcTaglib:category} {/hcTaglib:category}
<section class="iv-stock section__wrap" id="stock" data-header-dark> <section class="iv-stock section__wrap" id="stock" data-header-dark>
<h2 class="iv-stock__title">股票信息</h2>
<h2 class="iv-stock__title">Stock information</h2>
<div class="iv-stock__body"> <div class="iv-stock__body">
<div class="iv-stock__data"> <div class="iv-stock__data">
<p class="iv-stock__code">股票代码:{$stockInfo.code}</p>
<p class="iv-stock__code">Stock code: {$stockInfo.code}</p>
<div class="iv-stock__quote" data-stock-quote data-stock-code="603933"> <div class="iv-stock__quote" data-stock-quote data-stock-code="603933">
<span class="iv-stock__price" id="stock-price" data-stock="price" style="{$priceColor}">{$stockInfo.price}</span> <span class="iv-stock__price" id="stock-price" data-stock="price" style="{$priceColor}">{$stockInfo.price}</span>
<span class="iv-stock__unit" data-stock="unit" style="{$priceColor}"></span>
<span class="iv-stock__unit" data-stock="unit" style="{$priceColor}">Yuan</span>
<span class="iv-stock__change" id="stock-change" data-stock="change" style="{$priceColor}">{$stockInfo.change}&nbsp;&nbsp;{$stockInfo.changePercent}</span> <span class="iv-stock__change" id="stock-change" data-stock="change" style="{$priceColor}">{$stockInfo.change}&nbsp;&nbsp;{$stockInfo.changePercent}</span>
</div> </div>
<ul class="iv-stock__metrics"> <ul class="iv-stock__metrics">
<li> <li>
<span class="iv-stock__metric-label">最高(元)</span>
<span class="iv-stock__metric-label">High (Yuan)</span>
<strong class="iv-stock__metric-value" id="stock-high" data-stock="high">{$stockInfo.high}</strong> <strong class="iv-stock__metric-value" id="stock-high" data-stock="high">{$stockInfo.high}</strong>
</li> </li>
<li> <li>
<span class="iv-stock__metric-label">最低(元)</span>
<span class="iv-stock__metric-label">Low (Yuan)</span>
<strong class="iv-stock__metric-value" id="stock-low" data-stock="low">{$stockInfo.low}</strong> <strong class="iv-stock__metric-value" id="stock-low" data-stock="low">{$stockInfo.low}</strong>
</li> </li>
<li> <li>
<span class="iv-stock__metric-label">成交量(万手)</span>
<span class="iv-stock__metric-label">Volume (10k lots)</span>
<strong class="iv-stock__metric-value" id="stock-volume" data-stock="volume">{$stockInfo.volume}</strong> <strong class="iv-stock__metric-value" id="stock-volume" data-stock="volume">{$stockInfo.volume}</strong>
</li> </li>
<li> <li>
<span class="iv-stock__metric-label">成交额(万元)</span>
<span class="iv-stock__metric-label">Turnover (CNY 10k)</span>
<strong class="iv-stock__metric-value" id="stock-amount" data-stock="amount">{$stockInfo.amount}</strong> <strong class="iv-stock__metric-value" id="stock-amount" data-stock="amount">{$stockInfo.amount}</strong>
</li> </li>
</ul> </ul>
<p class="iv-stock__note" id="stock-time" data-stock="time">截止 {$stockInfo.updateTime}*报价有十五分钟或以上延迟。</p>
<p class="iv-stock__note" id="stock-time" data-stock="time">As of {$stockInfo.updateTime}* Quotes delayed by 15 minutes or more.</p>
</div> </div>
<div class="iv-stock__chart"> <div class="iv-stock__chart">
<img id="stock-chart" data-stock="chart" src="https://image.sinajs.cn/newchart/min/n/sh603933.gif" alt="睿能科技分时走势图" width="720" height="450" />
<img id="stock-chart" data-stock="chart" src="https://image.sinajs.cn/newchart/min/n/sh603933.gif" alt="RAYNEN intraday chart" width="720" height="450" />
</div> </div>
</div> </div>
</section> </section>
@ -186,7 +186,7 @@
<time class="iv-learn__date" datetime="{$vo.publish_time|date='Y-m-d'}">{$vo.publish_time|date='Y-m-d'}</time> <time class="iv-learn__date" datetime="{$vo.publish_time|date='Y-m-d'}">{$vo.publish_time|date='Y-m-d'}</time>
<h3 class="iv-learn__name">{$vo.title}</h3> <h3 class="iv-learn__name">{$vo.title}</h3>
<span class="iv-learn__link"> <span class="iv-learn__link">
<span>探索更多</span>
<span>Explore more</span>
<svg viewBox="0 0 16.502 6.66113" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.501953" height="6.661133" fill="none" customFrame="#000000"> <svg viewBox="0 0 16.502 6.66113" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.501953" height="6.661133" fill="none" customFrame="#000000">
<path id="箭头 2" d="M0 2.83057L16 2.83057L16 3.83057L0 3.83057L0 2.83057ZM15.2929 3.33057L12.818 0.855693C12.62 0.657703 12.62 0.346575 12.818 0.148586C13.016 -0.0494041 13.3271 -0.0494046 13.5251 0.148585L16.3536 2.97701C16.5515 3.175 16.5515 3.48613 16.3536 3.68412L13.5251 6.51255C13.3271 6.71054 13.016 6.71054 12.818 6.51255C12.62 6.31456 12.62 6.00343 12.818 5.80544L15.2929 3.33057Z" fill="rgb(102,102,102)" fill-rule="nonzero" /> <path id="箭头 2" d="M0 2.83057L16 2.83057L16 3.83057L0 3.83057L0 2.83057ZM15.2929 3.33057L12.818 0.855693C12.62 0.657703 12.62 0.346575 12.818 0.148586C13.016 -0.0494041 13.3271 -0.0494046 13.5251 0.148585L16.3536 2.97701C16.5515 3.175 16.5515 3.48613 16.3536 3.68412L13.5251 6.51255C13.3271 6.71054 13.016 6.71054 12.818 6.51255C12.62 6.31456 12.62 6.00343 12.818 5.80544L15.2929 3.33057Z" fill="rgb(102,102,102)" fill-rule="nonzero" />
</svg> </svg>
@ -195,7 +195,7 @@
</a> </a>
{/hcTaglib:contentPage} {/hcTaglib:contentPage}
</ul> </ul>
<button type="button" class="iv-learn__more" aria-label="展开更多">
<button type="button" class="iv-learn__more" aria-label="Show more">
<span class="iv-learn__more-icon iv-learn__more-icon--up" aria-hidden="true"> <span class="iv-learn__more-icon iv-learn__more-icon--up" aria-hidden="true">
<svg viewBox="0 0 11.2734 6.90918" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="11.273438" height="6.909180" fill="none"> <svg viewBox="0 0 11.2734 6.90918" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="11.273438" height="6.909180" fill="none">
<path id="矢量 2" d="M0.636719 0.636272L5.63672 5.63627L10.6368 0.63623" stroke="currentColor" stroke-width="1.800000" /> <path id="矢量 2" d="M0.636719 0.636272L5.63672 5.63627L10.6368 0.63623" stroke="currentColor" stroke-width="1.800000" />
@ -225,7 +225,7 @@
<div class="iv-hotline__row"> <div class="iv-hotline__row">
<img class="iv-hotline__icon" src="data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='24.000000'%20height='24.000000'%20fill='none'%20customFrame='%23000000'%3e%3cg%20id='location'%3e%3cpath%20id='Vector'%20d='M11.9989%2013.4299C10.2758%2013.4299%208.87891%2012.0331%208.87891%2010.3099C8.87891%208.58681%2010.2758%207.18994%2011.9989%207.18994C13.722%207.18994%2015.1189%208.58681%2015.1189%2010.3099C15.1189%2012.0331%2013.722%2013.4299%2011.9989%2013.4299Z'%20stroke='rgb(255,255,255)'%20stroke-width='1.500000'%20/%3e%3cpath%20id='Vector'%20d='M20.3817%208.5C21.5317%2013.58%2018.3717%2017.88%2015.6017%2020.54C13.5917%2022.48%2010.4117%2022.48%208.39166%2020.54C5.63166%2017.88%202.47166%2013.57%203.62166%208.49C5.59166%20-0.169998%2018.4217%20-0.159997%2020.3817%208.5Z'%20fill-rule='nonzero'%20stroke='rgb(255,255,255)'%20stroke-width='1.500000'%20/%3e%3cpath%20id='Vector'%20opacity='0'%20transform='matrix(-1,-1.22465e-16,1.22465e-16,-1,24,24)'%20/%3e%3c/g%3e%3c/svg%3e" alt="" width="24" <img class="iv-hotline__icon" src="data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='24.000000'%20height='24.000000'%20fill='none'%20customFrame='%23000000'%3e%3cg%20id='location'%3e%3cpath%20id='Vector'%20d='M11.9989%2013.4299C10.2758%2013.4299%208.87891%2012.0331%208.87891%2010.3099C8.87891%208.58681%2010.2758%207.18994%2011.9989%207.18994C13.722%207.18994%2015.1189%208.58681%2015.1189%2010.3099C15.1189%2012.0331%2013.722%2013.4299%2011.9989%2013.4299Z'%20stroke='rgb(255,255,255)'%20stroke-width='1.500000'%20/%3e%3cpath%20id='Vector'%20d='M20.3817%208.5C21.5317%2013.58%2018.3717%2017.88%2015.6017%2020.54C13.5917%2022.48%2010.4117%2022.48%208.39166%2020.54C5.63166%2017.88%202.47166%2013.57%203.62166%208.49C5.59166%20-0.169998%2018.4217%20-0.159997%2020.3817%208.5Z'%20fill-rule='nonzero'%20stroke='rgb(255,255,255)'%20stroke-width='1.500000'%20/%3e%3cpath%20id='Vector'%20opacity='0'%20transform='matrix(-1,-1.22465e-16,1.22465e-16,-1,24,24)'%20/%3e%3c/g%3e%3c/svg%3e" alt="" width="24"
height="24" /> height="24" />
<span class="iv-hotline__label">地址</span>
<span class="iv-hotline__label">Address</span>
</div> </div>
<p class="iv-hotline__value">{hcTaglib:setting name="company_address" type="1" /}</p> <p class="iv-hotline__value">{hcTaglib:setting name="company_address" type="1" /}</p>
</li> </li>
@ -242,14 +242,14 @@
<li class="iv-hotline__item"> <li class="iv-hotline__item">
<div class="iv-hotline__row"> <div class="iv-hotline__row">
<img class="iv-hotline__icon" src="data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='24.000000'%20height='24.000000'%20fill='none'%20customFrame='%23000000'%3e%3cg%20id='printer'%3e%3cpath%20id='Vector'%20d='M16.75%207L16.75%205C16.75%203%2016%202%2013.75%202L10.25%202C8%202%207.25%203%207.25%205L7.25%207L16.75%207Z'%20fill-rule='nonzero'%20stroke='rgb(255,255,255)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.500000'%20/%3e%3cpath%20id='Vector'%20d='M16%2019C16%2021%2015%2022%2013%2022L11%2022C9%2022%208%2021%208%2019L8%2015L16%2015L16%2019Z'%20fill-rule='nonzero'%20stroke='rgb(255,255,255)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.500000'%20/%3e%3cpath%20id='Vector'%20d='M21%2015C21%2017%2020%2018%2018%2018L16%2018L16%2015L8%2015L8%2018L6%2018C4%2018%203%2017%203%2015L3%2010C3%208%204%207%206%207L18%207C20%207%2021%208%2021%2010L21%2015Z'%20fill-rule='nonzero'%20stroke='rgb(255,255,255)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.500000'%20/%3e%3cpath%20id='Vector'%20d='M17%2015L15.79%2015L7%2015'%20stroke='rgb(255,255,255)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.500000'%20/%3e%3cpath%20id='Vector'%20d='M7%2011L10%2011'%20stroke='rgb(255,255,255)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.500000'%20/%3e%3cpath%20id='Vector'%20d='M24%200L0%200L0%2024L24%2024L24%200ZM1%2023L1%201L23%201L23%2023L1%2023Z'%20opacity='0'%20fill='rgb(255,255,255)'%20fill-rule='evenodd'%20/%3e%3c/g%3e%3c/svg%3e" alt="" width="24" height="24" /> <img class="iv-hotline__icon" src="data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='24.000000'%20height='24.000000'%20fill='none'%20customFrame='%23000000'%3e%3cg%20id='printer'%3e%3cpath%20id='Vector'%20d='M16.75%207L16.75%205C16.75%203%2016%202%2013.75%202L10.25%202C8%202%207.25%203%207.25%205L7.25%207L16.75%207Z'%20fill-rule='nonzero'%20stroke='rgb(255,255,255)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.500000'%20/%3e%3cpath%20id='Vector'%20d='M16%2019C16%2021%2015%2022%2013%2022L11%2022C9%2022%208%2021%208%2019L8%2015L16%2015L16%2019Z'%20fill-rule='nonzero'%20stroke='rgb(255,255,255)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.500000'%20/%3e%3cpath%20id='Vector'%20d='M21%2015C21%2017%2020%2018%2018%2018L16%2018L16%2015L8%2015L8%2018L6%2018C4%2018%203%2017%203%2015L3%2010C3%208%204%207%206%207L18%207C20%207%2021%208%2021%2010L21%2015Z'%20fill-rule='nonzero'%20stroke='rgb(255,255,255)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.500000'%20/%3e%3cpath%20id='Vector'%20d='M17%2015L15.79%2015L7%2015'%20stroke='rgb(255,255,255)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.500000'%20/%3e%3cpath%20id='Vector'%20d='M7%2011L10%2011'%20stroke='rgb(255,255,255)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.500000'%20/%3e%3cpath%20id='Vector'%20d='M24%200L0%200L0%2024L24%2024L24%200ZM1%2023L1%201L23%201L23%2023L1%2023Z'%20opacity='0'%20fill='rgb(255,255,255)'%20fill-rule='evenodd'%20/%3e%3c/g%3e%3c/svg%3e" alt="" width="24" height="24" />
<span class="iv-hotline__label">传真</span>
<span class="iv-hotline__label">Fax</span>
</div> </div>
<p class="iv-hotline__value">{$vo.desc}</p> <p class="iv-hotline__value">{$vo.desc}</p>
</li> </li>
<li class="iv-hotline__item"> <li class="iv-hotline__item">
<div class="iv-hotline__row"> <div class="iv-hotline__row">
<img class="iv-hotline__icon" src="data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='24.000000'%20height='24.000000'%20fill='none'%20customFrame='%23000000'%3e%3cg%20id='sms-tracking'%3e%3cpath%20id='Vector'%20d='M2%208.5C2%205%204%203.5%207%203.5L17%203.5C20%203.5%2022%205%2022%208.5L22%2015.5C22%2019%2020%2020.5%2017%2020.5L7%2020.5'%20fill-rule='nonzero'%20stroke='rgb(255,255,255)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.500000'%20/%3e%3cpath%20id='Vector'%20d='M17%209L13.87%2011.5C12.84%2012.32%2011.15%2012.32%2010.12%2011.5L7%209'%20fill-rule='nonzero'%20stroke='rgb(255,255,255)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.500000'%20/%3e%3cpath%20id='Vector'%20d='M2%2016.5L8%2016.5'%20stroke='rgb(255,255,255)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.500000'%20/%3e%3cpath%20id='Vector'%20d='M2%2012.5L5%2012.5'%20stroke='rgb(255,255,255)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.500000'%20/%3e%3cpath%20id='Vector'%20d='M24%200L0%200L0%2024L24%2024L24%200ZM1%2023L1%201L23%201L23%2023L1%2023Z'%20opacity='0'%20fill='rgb(255,255,255)'%20fill-rule='evenodd'%20/%3e%3c/g%3e%3c/svg%3e" alt="" width="24" height="24" /> <img class="iv-hotline__icon" src="data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='24.000000'%20height='24.000000'%20fill='none'%20customFrame='%23000000'%3e%3cg%20id='sms-tracking'%3e%3cpath%20id='Vector'%20d='M2%208.5C2%205%204%203.5%207%203.5L17%203.5C20%203.5%2022%205%2022%208.5L22%2015.5C22%2019%2020%2020.5%2017%2020.5L7%2020.5'%20fill-rule='nonzero'%20stroke='rgb(255,255,255)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.500000'%20/%3e%3cpath%20id='Vector'%20d='M17%209L13.87%2011.5C12.84%2012.32%2011.15%2012.32%2010.12%2011.5L7%209'%20fill-rule='nonzero'%20stroke='rgb(255,255,255)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.500000'%20/%3e%3cpath%20id='Vector'%20d='M2%2016.5L8%2016.5'%20stroke='rgb(255,255,255)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.500000'%20/%3e%3cpath%20id='Vector'%20d='M2%2012.5L5%2012.5'%20stroke='rgb(255,255,255)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.500000'%20/%3e%3cpath%20id='Vector'%20d='M24%200L0%200L0%2024L24%2024L24%200ZM1%2023L1%201L23%201L23%2023L1%2023Z'%20opacity='0'%20fill='rgb(255,255,255)'%20fill-rule='evenodd'%20/%3e%3c/g%3e%3c/svg%3e" alt="" width="24" height="24" />
<span class="iv-hotline__label">邮箱</span>
<span class="iv-hotline__label">Email</span>
</div> </div>
<p class="iv-hotline__value"> <p class="iv-hotline__value">
<a href="mailto:investor@raynen.cn">{hcTaglib:setting name="company_email" type="1" /}</a> <a href="mailto:investor@raynen.cn">{hcTaglib:setting name="company_email" type="1" /}</a>

18
public/themes/website/1/en/demo/news-detail.html

@ -1,9 +1,9 @@
<!doctype html> <!doctype html>
<html lang="zh-CN">
<html lang="en">
{php} // TDK设置 ================================= START {php} // TDK设置 ================================= START
$tdk_title = $hc_content['seo_title'] ?? ''; $tdk_title = $hc_content['seo_title'] ?? '';
if(empty($tdk_title)){ if(empty($tdk_title)){
$tdk_title = $hc_content['title'] ?? '搜索结果';
$tdk_title = $hc_content['title'] ?? 'Search results';
} }
$tdk_description = $hc_content['seo_description'] ?? ''; $tdk_description = $hc_content['seo_description'] ?? '';
if(empty($tdk_description)){ if(empty($tdk_description)){
@ -81,8 +81,8 @@
<main class="main-news-detail" data-header-dark data-nav="新闻动态"> <main class="main-news-detail" data-header-dark data-nav="新闻动态">
<div class="nd-page"> <div class="nd-page">
<div class="nd-layout"> <div class="nd-layout">
<nav class="nd-breadcrumb" aria-label="面包屑">
<a class="nd-breadcrumb__link" href="/">首页</a>
<nav class="nd-breadcrumb" aria-label="Breadcrumb">
<a class="nd-breadcrumb__link" href="/">Home</a>
<span class="nd-breadcrumb__sep" aria-hidden="true"> <span class="nd-breadcrumb__sep" aria-hidden="true">
<svg viewBox="-1 -1 8.59082 13.0605" xmlns="http://www.w3.org/2000/svg" fill="none"> <svg viewBox="-1 -1 8.59082 13.0605" xmlns="http://www.w3.org/2000/svg" fill="none">
<path d="M0 4.12464e-05L5 5.00004L10 0" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" transform="matrix(0,-1,1,0,0.530273,10.5303)" /> <path d="M0 4.12464e-05L5 5.00004L10 0" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" transform="matrix(0,-1,1,0,0.530273,10.5303)" />
@ -133,7 +133,7 @@
{$hc_content_tmp_news['content']|raw} {$hc_content_tmp_news['content']|raw}
</div> </div>
<nav class="nd-pager" aria-label="上下篇">
<nav class="nd-pager" aria-label="Previous and next articles">
{php} {php}
// 与 HcTaglib::tagPreContent / tagNextContent 一致,只查相邻一篇 // 与 HcTaglib::tagPreContent / tagNextContent 一致,只查相邻一篇
$id = (int)request()->param('id'); $id = (int)request()->param('id');
@ -175,20 +175,20 @@
{/php} {/php}
{if condition="empty($preId)"} {if condition="empty($preId)"}
<a class="nd-pager__item nd-pager__item--prev" href="javascript:;"> <a class="nd-pager__item nd-pager__item--prev" href="javascript:;">
<span class="nd-pager__label" title="没有了">上一篇:没有了</span>
<span class="nd-pager__label" title="None">Previous: None</span>
</a> </a>
{else /} {else /}
<a class="nd-pager__item nd-pager__item--prev" href="{:hcUrl('Detail/index',['id'=>$preId,'cid'=>$preCid])}"> <a class="nd-pager__item nd-pager__item--prev" href="{:hcUrl('Detail/index',['id'=>$preId,'cid'=>$preCid])}">
<span class="nd-pager__label" title="{$preTitle}">上一篇:{$preTitle}</span>
<span class="nd-pager__label" title="{$preTitle}">Previous: {$preTitle}</span>
</a> </a>
{/if} {/if}
{if condition="empty($nextId)"} {if condition="empty($nextId)"}
<a class="nd-pager__item nd-pager__item--next" href="javascript:;"> <a class="nd-pager__item nd-pager__item--next" href="javascript:;">
<span class="nd-pager__label" title="没有了">下一篇:没有了</span>
<span class="nd-pager__label" title="None">Next: None</span>
</a> </a>
{else /} {else /}
<a class="nd-pager__item nd-pager__item--next" href="{:hcUrl('Detail/index',['id'=>$nextId,'cid'=>$nextCid])}"> <a class="nd-pager__item nd-pager__item--next" href="{:hcUrl('Detail/index',['id'=>$nextId,'cid'=>$nextCid])}">
<span class="nd-pager__label" title="{$nextTitle}">下一篇:{$nextTitle}</span>
<span class="nd-pager__label" title="{$nextTitle}">Next: {$nextTitle}</span>
</a> </a>
{/if} {/if}
</nav> </nav>

20
public/themes/website/1/en/demo/news.html

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="zh-CN">
<html lang="en">
<head> <head>
{php} {php}
@ -73,10 +73,10 @@
<div class="n-page section__wrap"> <div class="n-page section__wrap">
<div class="n-head"> <div class="n-head">
<h1 class="n-head__title"> <h1 class="n-head__title">
<span>了解睿能科技</span>
<span>新闻动态</span>
<span>Learn about RAYNEN</span>
<span>News</span>
</h1> </h1>
<div class="n-tabs" role="tablist" aria-label="新闻分类">
<div class="n-tabs" role="tablist" aria-label="News categories">
{php} {php}
$news_active_cat = (string)input('cat', ''); $news_active_cat = (string)input('cat', '');
if ($news_active_cat === '' || $news_active_cat === 'all') { if ($news_active_cat === '' || $news_active_cat === 'all') {
@ -84,7 +84,7 @@
} }
$news_all_cat = (string)($news_cate_info['id'] ?? ''); $news_all_cat = (string)($news_cate_info['id'] ?? '');
{/php} {/php}
<a href="{$news_cate_info_alias}?cat={$news_cate_info['id']}" class="n-tabs__item{if $news_active_cat == $news_all_cat} is-active{/if}" role="tab" aria-selected="{if $news_active_cat == $news_all_cat}true{else /}false{/if}" data-cat="{$news_cate_info['id']}">全部</a>
<a href="{$news_cate_info_alias}?cat={$news_cate_info['id']}" class="n-tabs__item{if $news_active_cat == $news_all_cat} is-active{/if}" role="tab" aria-selected="{if $news_active_cat == $news_all_cat}true{else /}false{/if}" data-cat="{$news_cate_info['id']}">All</a>
{hcTaglib:subcategory pid="$news_cate_info['id']" item="vo" sort=""} {hcTaglib:subcategory pid="$news_cate_info['id']" item="vo" sort=""}
<a href="{$vo.alias}?cat={$vo['id']}" class="n-tabs__item{if $news_active_cat == $vo['id']} is-active{/if}" role="tab" aria-selected="{if $news_active_cat == $vo['id']}true{else /}false{/if}" data-cat="{$vo.id}">{$vo.title}</a> <a href="{$vo.alias}?cat={$vo['id']}" class="n-tabs__item{if $news_active_cat == $vo['id']} is-active{/if}" role="tab" aria-selected="{if $news_active_cat == $vo['id']}true{else /}false{/if}" data-cat="{$vo.id}">{$vo.title}</a>
{/hcTaglib:subcategory} {/hcTaglib:subcategory}
@ -128,7 +128,7 @@
</div> </div>
<div class="n-featured__foot"> <div class="n-featured__foot">
<a class="n-link" href="{:hcUrl('detail/index',['id'=>$vo_content['id'],'cid'=>$vo_content['category_id']])}"> <a class="n-link" href="{:hcUrl('detail/index',['id'=>$vo_content['id'],'cid'=>$vo_content['category_id']])}">
<span>探索更多</span>
<span>Explore more</span>
<img <img
src="data:image/svg+xml,%3csvg%20viewBox='0%200%2016.502%206.66113'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='16.501953'%20height='6.661133'%20fill='none'%20customFrame='%23000000'%3e%3cpath%20id='箭头%202'%20d='M0%202.83057L16%202.83057L16%203.83057L0%203.83057L0%202.83057ZM15.2929%203.33057L12.818%200.855693C12.62%200.657703%2012.62%200.346575%2012.818%200.148586C13.016%20-0.0494041%2013.3271%20-0.0494046%2013.5251%200.148585L16.3536%202.97701C16.5515%203.175%2016.5515%203.48613%2016.3536%203.68412L13.5251%206.51255C13.3271%206.71054%2013.016%206.71054%2012.818%206.51255C12.62%206.31456%2012.62%206.00343%2012.818%205.80544L15.2929%203.33057Z'%20fill='rgb(102,102,102)'%20fill-rule='nonzero'%20/%3e%3c/svg%3e" src="data:image/svg+xml,%3csvg%20viewBox='0%200%2016.502%206.66113'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='16.501953'%20height='6.661133'%20fill='none'%20customFrame='%23000000'%3e%3cpath%20id='箭头%202'%20d='M0%202.83057L16%202.83057L16%203.83057L0%203.83057L0%202.83057ZM15.2929%203.33057L12.818%200.855693C12.62%200.657703%2012.62%200.346575%2012.818%200.148586C13.016%20-0.0494041%2013.3271%20-0.0494046%2013.5251%200.148585L16.3536%202.97701C16.5515%203.175%2016.5515%203.48613%2016.3536%203.68412L13.5251%206.51255C13.3271%206.71054%2013.016%206.71054%2012.818%206.51255C12.62%206.31456%2012.62%206.00343%2012.818%205.80544L15.2929%203.33057Z'%20fill='rgb(102,102,102)'%20fill-rule='nonzero'%20/%3e%3c/svg%3e"
alt="" width="16" height="7" /> alt="" width="16" height="7" />
@ -142,7 +142,7 @@
</div> </div>
<div class="n-featured__nav"> <div class="n-featured__nav">
<div class="s-arrows"> <div class="s-arrows">
<button type="button" class="s-arrows__prev" aria-label="上一条">
<button type="button" class="s-arrows__prev" aria-label="Previous">
<svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg" <svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none"
customFrame="#000000"> customFrame="#000000">
@ -152,7 +152,7 @@
</svg> </svg>
</button> </button>
<button type="button" class="s-arrows__next" aria-label="下一条">
<button type="button" class="s-arrows__next" aria-label="Next">
<svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg" <svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none"
customFrame="#000000"> customFrame="#000000">
@ -184,7 +184,7 @@
<time class="n-card__date" datetime="{$create_time_str}">{$create_time_str}</time> <time class="n-card__date" datetime="{$create_time_str}">{$create_time_str}</time>
<h3 class="n-card__title">{$vo_content.title}</h3> <h3 class="n-card__title">{$vo_content.title}</h3>
<a class="n-link n-link--sm" href="{:hcUrl('detail/index',['id'=>$vo_content['id'],'cid'=>$vo_content['category_id']])}"> <a class="n-link n-link--sm" href="{:hcUrl('detail/index',['id'=>$vo_content['id'],'cid'=>$vo_content['category_id']])}">
<span>探索更多</span>
<span>Explore more</span>
<img <img
src="data:image/svg+xml,%3csvg%20viewBox='0%200%2016.502%206.66113'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='16.501953'%20height='6.661133'%20fill='none'%20customFrame='%23000000'%3e%3cpath%20id='箭头%202'%20d='M0%202.83057L16%202.83057L16%203.83057L0%203.83057L0%202.83057ZM15.2929%203.33057L12.818%200.855693C12.62%200.657703%2012.62%200.346575%2012.818%200.148586C13.016%20-0.0494041%2013.3271%20-0.0494046%2013.5251%200.148585L16.3536%202.97701C16.5515%203.175%2016.5515%203.48613%2016.3536%203.68412L13.5251%206.51255C13.3271%206.71054%2013.016%206.71054%2012.818%206.51255C12.62%206.31456%2012.62%206.00343%2012.818%205.80544L15.2929%203.33057Z'%20fill='rgb(102,102,102)'%20fill-rule='nonzero'%20/%3e%3c/svg%3e" src="data:image/svg+xml,%3csvg%20viewBox='0%200%2016.502%206.66113'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='16.501953'%20height='6.661133'%20fill='none'%20customFrame='%23000000'%3e%3cpath%20id='箭头%202'%20d='M0%202.83057L16%202.83057L16%203.83057L0%203.83057L0%202.83057ZM15.2929%203.33057L12.818%200.855693C12.62%200.657703%2012.62%200.346575%2012.818%200.148586C13.016%20-0.0494041%2013.3271%20-0.0494046%2013.5251%200.148585L16.3536%202.97701C16.5515%203.175%2016.5515%203.48613%2016.3536%203.68412L13.5251%206.51255C13.3271%206.71054%2013.016%206.71054%2012.818%206.51255C12.62%206.31456%2012.62%206.00343%2012.818%205.80544L15.2929%203.33057Z'%20fill='rgb(102,102,102)'%20fill-rule='nonzero'%20/%3e%3c/svg%3e"
alt="" width="16" height="7" /> alt="" width="16" height="7" />
@ -201,7 +201,7 @@
{php} {php}
$list_empty = isHcListEmpty($hc_content ?? null); $list_empty = isHcListEmpty($hc_content ?? null);
if ($list_empty) { if ($list_empty) {
$empty_text = '暂无相关新闻';
$empty_text = 'No matching news';
} }
{/php} {/php}
{if $list_empty} {if $list_empty}

68
public/themes/website/1/en/demo/product.html

@ -1,5 +1,5 @@
<!doctype html> <!doctype html>
<html lang="zh-CN">
<html lang="en">
{php} {php}
// var_dump($hc_content);exit; // var_dump($hc_content);exit;
// 基本信息 // 基本信息
@ -83,7 +83,7 @@ $resource_download = $main_content['resource_download'] ?? [];
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>{$title} - 睿能科技</title>
<title>{$title} - RAYNEN</title>
<meta name="keywords" content="{$seo_keyword}" /> <meta name="keywords" content="{$seo_keyword}" />
<meta name="description" content="{$seo_description}" /> <meta name="description" content="{$seo_description}" />
<!-- 公共CSS 自动被打包进页面 --> <!-- 公共CSS 自动被打包进页面 -->
@ -138,16 +138,16 @@ $resource_download = $main_content['resource_download'] ?? [];
<!-- header --> <!-- header -->
{include file="components/header"} {include file="components/header"}
<nav class="p-subnav" aria-label="产品导航" data-p-subnav aria-hidden="true">
<nav class="p-subnav" aria-label="Product navigation" data-p-subnav aria-hidden="true">
<div class="p-subnav__inner section__wrap"> <div class="p-subnav__inner section__wrap">
<p class="p-subnav__title">{$title}</p> <p class="p-subnav__title">{$title}</p>
<div class="p-subnav__links" role="list"> <div class="p-subnav__links" role="list">
<a class="p-subnav__link is-active" href="#p-intro" data-p-nav="p-intro" role="listitem">产品概况</a>
<a class="p-subnav__link" href="#p-spec" data-p-nav="p-spec" role="listitem">规格参数</a>
<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>
<a class="p-subnav__link is-active" href="#p-intro" data-p-nav="p-intro" role="listitem">Overview</a>
<a class="p-subnav__link" href="#p-spec" data-p-nav="p-spec" role="listitem">Specifications</a>
<a class="p-subnav__link" href="#p-download" data-p-nav="p-download" role="listitem">Downloads</a>
<a class="p-subnav__link" href="#p-related" data-p-nav="p-related" role="listitem">Related products</a>
</div> </div>
<a class="p-subnav__cta {if empty($content)}hidden{/if}" href="#p-spec" data-selection-trigger>查看选型表</a>
<a class="p-subnav__cta {if empty($content)}hidden{/if}" href="#p-spec" data-selection-trigger>View selection table</a>
</div> </div>
</nav> </nav>
@ -155,7 +155,7 @@ $resource_download = $main_content['resource_download'] ?? [];
<section class="p-hero section__wrap"> <section class="p-hero section__wrap">
<div class="p-hero__inner"> <div class="p-hero__inner">
<h1 class="section__title">{$title}</h1> <h1 class="section__title">{$title}</h1>
<a class="s-btn s-btn--light s-btn--pill {if empty($content)}hidden{/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>View selection table</a>
<div class="p-hero__media"> <div class="p-hero__media">
<div class="p-hero__mark" aria-hidden="true">{$sub_title}</div> <div class="p-hero__mark" aria-hidden="true">{$sub_title}</div>
<img src="{:deal_image_url($thumbnail_url)}" width="434" height="601" alt="{$thumbnail_name}" /> <img src="{:deal_image_url($thumbnail_url)}" width="434" height="601" alt="{$thumbnail_name}" />
@ -171,7 +171,7 @@ $resource_download = $main_content['resource_download'] ?? [];
<div class="swiper-wrapper"> <div class="swiper-wrapper">
{volist name="pic_many_one" id="vo" key="key"} {volist name="pic_many_one" id="vo" key="key"}
<div class="swiper-slide"> <div class="swiper-slide">
<img src="{:deal_image_url($vo['url'] ?? '')}" width="200" height="514" alt="RA3产品图" />
<img src="{:deal_image_url($vo['url'] ?? '')}" width="200" height="514" alt="Product image" />
</div> </div>
{/volist} {/volist}
@ -191,11 +191,11 @@ $resource_download = $main_content['resource_download'] ?? [];
<!-- 规格参数 , 如果第一个富文本没有内容,则整个规格参数都不显示--> <!-- 规格参数 , 如果第一个富文本没有内容,则整个规格参数都不显示-->
<section class="p-spec section__wrap" id="p-spec" {if empty($rich_text_three)}style="display: none"{/if}> <section class="p-spec section__wrap" id="p-spec" {if empty($rich_text_three)}style="display: none"{/if}>
<div class="p-spec__inner"> <div class="p-spec__inner">
<h2 class="section__title">规格参数</h2>
<h2 class="section__title">Specifications</h2>
<div class="p-spec__models" {if empty($pic_many)}style="display: none"{/if}> <div class="p-spec__models" {if empty($pic_many)}style="display: none"{/if}>
<span class="p-spec__models-label">产品型号</span>
<div class="p-spec__tabs nav" role="tablist" aria-label="产品型号">
<span class="p-spec__models-label">Models</span>
<div class="p-spec__tabs nav" role="tablist" aria-label="Models">
<!-- 规格参数,产品型号 --> <!-- 规格参数,产品型号 -->
{php} {php}
$total_standard_num = 0; $total_standard_num = 0;
@ -241,7 +241,7 @@ $resource_download = $main_content['resource_download'] ?? [];
{case 3}{$rich_text_five|raw}{/case} {case 3}{$rich_text_five|raw}{/case}
{case 4}{$rich_text_six|raw}{/case} {case 4}{$rich_text_six|raw}{/case}
{case 5}{$rich_text_seven|raw}{/case} {case 5}{$rich_text_seven|raw}{/case}
{default /}暂无匹配内容
{default /}No matching content
{/switch} {/switch}
</div> </div>
{/volist} {/volist}
@ -269,41 +269,41 @@ $resource_download = $main_content['resource_download'] ?? [];
} }
// 文件匹配 // 文件匹配
$map = [ $map = [
'png' => '图片',
'jpg' => '图片',
'jpeg' => '图片',
'png' => 'Image',
'jpg' => 'Image',
'jpeg' => 'Image',
'pdf' => 'PDF', 'pdf' => 'PDF',
'doc' => 'DOC', 'doc' => 'DOC',
'docx' => 'DOC', 'docx' => 'DOC',
'zip' => '压缩包',
'7z' => '压缩包',
'rar' => '压缩包',
'zip' => 'Archive',
'7z' => 'Archive',
'rar' => 'Archive',
]; ];
{/php} {/php}
<section class="p-download section__wrap" id="p-download"> <section class="p-download section__wrap" id="p-download">
<div class="p-download__inner"> <div class="p-download__inner">
<div class="p-download__visual"> <div class="p-download__visual">
<img src="{:deal_image_url($resource_pic['url'] ?? '')}" width="354" height="447" alt="RA3资料示意" />
<img src="{:deal_image_url($resource_pic['url'] ?? '')}" width="354" height="447" alt="Downloads preview" />
</div> </div>
<div class="p-download__content"> <div class="p-download__content">
<h2 class="section__title">资料下载</h2>
<h2 class="section__title">Downloads</h2>
<ul class="p-download__list"> <ul class="p-download__list">
{volist name="resource_download" id="one_resource" key="key"} {volist name="resource_download" id="one_resource" key="key"}
{php} {php}
$downloadUrl = $one_resource['url'] ?? ''; $downloadUrl = $one_resource['url'] ?? '';
$nameTmp = $download_names[$key-1][0] ?? ($one_resource['name'] ?? '文件-'.$key);
$descTmp = $download_names[$key-1][1] ?? ('描述-'.$key);
$dateTmp = $download_names[$key-1][2] ?? ('日期-'.$key);
$nameTmp = $download_names[$key-1][0] ?? ($one_resource['name'] ?? 'File-'.$key);
$descTmp = $download_names[$key-1][1] ?? ('Description-'.$key);
$dateTmp = $download_names[$key-1][2] ?? ('Date-'.$key);
$ext = strtolower(pathinfo($one_resource['url'], PATHINFO_EXTENSION)); $ext = strtolower(pathinfo($one_resource['url'], PATHINFO_EXTENSION));
$file_type_name = $map[$ext] ?? '未知文件';
$file_type_name = $map[$ext] ?? 'Unknown file';
// 下载文件名与页面展示名一致(展示名未带扩展名时补充) // 下载文件名与页面展示名一致(展示名未带扩展名时补充)
$download_name = ($ext !== '' && strtolower(pathinfo($nameTmp, PATHINFO_EXTENSION)) === $ext) ? $nameTmp : rtrim($nameTmp, '.') . '.' . $ext; $download_name = ($ext !== '' && strtolower(pathinfo($nameTmp, PATHINFO_EXTENSION)) === $ext) ? $nameTmp : rtrim($nameTmp, '.') . '.' . $ext;
{/php} {/php}
<li class="p-download__item"> <li class="p-download__item">
<div class="p-download__info"> <div class="p-download__info">
<h3 class="p-download__name"> <h3 class="p-download__name">
<a href="{$downloadUrl}" target="_blank" rel="noopener" title="预览">{$nameTmp}</a>
<a href="{$downloadUrl}" target="_blank" rel="noopener" title="Preview">{$nameTmp}</a>
</h3> </h3>
<p class="p-download__meta"> <p class="p-download__meta">
<span>{$descTmp}</span> <span>{$descTmp}</span>
@ -363,7 +363,7 @@ $resource_download = $main_content['resource_download'] ?? [];
/> />
</g> </g>
</svg> </svg>
<span>下载{$file_type_name}</span>
<span>Download {$file_type_name}</span>
</a> </a>
</li> </li>
{/volist} {/volist}
@ -377,9 +377,9 @@ $resource_download = $main_content['resource_download'] ?? [];
<section class="p-related section__wrap" id="p-related"> <section class="p-related section__wrap" id="p-related">
<div class="p-related__inner"> <div class="p-related__inner">
<div class="p-related__header"> <div class="p-related__header">
<h2 class="section__title">相关产品</h2>
<h2 class="section__title">Related products</h2>
<div class="s-arrows"> <div class="s-arrows">
<button type="button" class="s-arrows__prev" aria-label="上一项">
<button type="button" class="s-arrows__prev" aria-label="Previous">
<svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none" customFrame="#000000"> <svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none" customFrame="#000000">
<path <path
id="合并" id="合并"
@ -389,7 +389,7 @@ $resource_download = $main_content['resource_download'] ?? [];
/> />
</svg> </svg>
</button> </button>
<button type="button" class="s-arrows__next" aria-label="下一项">
<button type="button" class="s-arrows__next" aria-label="Next">
<svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none" customFrame="#000000"> <svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none" customFrame="#000000">
<path <path
id="合并" id="合并"
@ -456,10 +456,10 @@ $resource_download = $main_content['resource_download'] ?? [];
<div class="p-selection-modal" id="p-selection-modal" data-selection-modal hidden> <div class="p-selection-modal" id="p-selection-modal" data-selection-modal hidden>
<div class="p-selection-modal__overlay" data-selection-close></div> <div class="p-selection-modal__overlay" data-selection-close></div>
<div class="p-selection-modal__dialog" role="dialog" aria-modal="true" aria-label="选型表">
<div class="p-selection-modal__dialog" role="dialog" aria-modal="true" aria-label="Selection table">
<div class="p-selection-modal__head"> <div class="p-selection-modal__head">
<h2 class="p-selection-modal__title">选型表</h2>
<button type="button" class="p-selection-modal__close" aria-label="关闭" data-selection-close>
<h2 class="p-selection-modal__title">Selection table</h2>
<button type="button" class="p-selection-modal__close" aria-label="Close" data-selection-close>
<svg <svg
viewBox="0 0 24 24" viewBox="0 0 24 24"
width="24" width="24"

34
public/themes/website/1/en/demo/search.html

@ -9,7 +9,7 @@ dd('此页面废弃');
<!DOCTYPE html> <!DOCTYPE html>
<html lang="zh-CN">
<html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
@ -69,37 +69,37 @@ dd('此页面废弃');
<main class="main-search" data-header-dark> <main class="main-search" data-header-dark>
<div class="sr-page section__wrap"> <div class="sr-page section__wrap">
<div class="sr-hero"> <div class="sr-hero">
<h1 class="sr-hero__title">搜索</h1>
<h1 class="sr-hero__title">Search</h1>
<form class="s-search sr-search" action="/search.html" method="get" role="search"> <form class="s-search sr-search" action="/search.html" method="get" role="search">
<img class="s-search__icon" src="data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='24.000000'%20height='24.000000'%20fill='none'%3e%3crect%20id='搜索'%20width='24.000000'%20height='24.000000'%20x='0.000000'%20y='0.000000'%20fill='rgb(255,255,255)'%20fill-opacity='0'%20/%3e%3cpath%20id='矢量%203'%20d='M15.8481%2017.1208C14.4808%2018.2114%2012.7482%2018.8633%2010.8633%2018.8633C6.44506%2018.8633%202.86328%2015.2816%202.86328%2010.8633C2.86328%206.445%206.44506%202.86328%2010.8633%202.86328C15.2815%202.86328%2018.8633%206.445%2018.8633%2010.8633C18.8633%2012.7482%2018.2114%2014.4808%2017.1208%2015.8481L21.136%2019.8633L19.8633%2021.136L15.8481%2017.1208ZM17.0632%2010.8633C17.0632%207.43908%2014.2874%204.66326%2010.8633%204.66326C7.4392%204.66326%204.66332%207.43908%204.66332%2010.8633C4.66332%2014.2875%207.4392%2017.0633%2010.8633%2017.0633C14.2874%2017.0633%2017.0632%2014.2875%2017.0632%2010.8633Z'%20fill='rgb(175,181,185)'%20fill-rule='evenodd'%20/%3e%3c/svg%3e" alt="" width="24" height="24" /> <img class="s-search__icon" src="data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='24.000000'%20height='24.000000'%20fill='none'%3e%3crect%20id='搜索'%20width='24.000000'%20height='24.000000'%20x='0.000000'%20y='0.000000'%20fill='rgb(255,255,255)'%20fill-opacity='0'%20/%3e%3cpath%20id='矢量%203'%20d='M15.8481%2017.1208C14.4808%2018.2114%2012.7482%2018.8633%2010.8633%2018.8633C6.44506%2018.8633%202.86328%2015.2816%202.86328%2010.8633C2.86328%206.445%206.44506%202.86328%2010.8633%202.86328C15.2815%202.86328%2018.8633%206.445%2018.8633%2010.8633C18.8633%2012.7482%2018.2114%2014.4808%2017.1208%2015.8481L21.136%2019.8633L19.8633%2021.136L15.8481%2017.1208ZM17.0632%2010.8633C17.0632%207.43908%2014.2874%204.66326%2010.8633%204.66326C7.4392%204.66326%204.66332%207.43908%204.66332%2010.8633C4.66332%2014.2875%207.4392%2017.0633%2010.8633%2017.0633C14.2874%2017.0633%2017.0632%2014.2875%2017.0632%2010.8633Z'%20fill='rgb(175,181,185)'%20fill-rule='evenodd'%20/%3e%3c/svg%3e" alt="" width="24" height="24" />
<input class="s-search__input" type="search" name="q" value="{$keywords}" placeholder="请输入您想了解的内容" autocomplete="off" />
<button class="s-search__btn" type="submit">搜索</button>
<input class="s-search__input" type="search" name="q" value="{$keywords}" placeholder="Search what you want to know" autocomplete="off" />
<button class="s-search__btn" type="submit">Search</button>
</form> </form>
<div class="sr-hot"> <div class="sr-hot">
<span class="sr-hot__label">热门搜索:</span>
<span class="sr-hot__label">Popular searches:</span>
<div class="sr-hot__list"> <div class="sr-hot__list">
<button type="button" class="sr-hot__tag" data-keyword="HMI">HMI</button> <button type="button" class="sr-hot__tag" data-keyword="HMI">HMI</button>
<button type="button" class="sr-hot__tag" data-keyword="伺服系统">伺服系统</button>
<button type="button" class="sr-hot__tag" data-keyword="纺织行业产品">纺织行业产品</button>
<button type="button" class="sr-hot__tag" data-keyword="Servo systems">Servo systems</button>
<button type="button" class="sr-hot__tag" data-keyword="Textile products">Textile products</button>
</div> </div>
</div> </div>
</div> </div>
<div class="sr-tabs" role="tablist" aria-label="结果分类">
<div class="sr-tabs" role="tablist" aria-label="Result categories">
<button type="button" class="sr-tabs__item is-active" role="tab" aria-selected="true" data-type="all"> <button type="button" class="sr-tabs__item is-active" role="tab" aria-selected="true" data-type="all">
全部 ( <span data-count="all">0</span> )
All ( <span data-count="all">0</span> )
</button> </button>
<button type="button" class="sr-tabs__item" role="tab" aria-selected="false" data-type="product"> <button type="button" class="sr-tabs__item" role="tab" aria-selected="false" data-type="product">
产品 ( <span data-count="product">0</span> )
Products ( <span data-count="product">0</span> )
</button> </button>
<button type="button" class="sr-tabs__item" role="tab" aria-selected="false" data-type="solution"> <button type="button" class="sr-tabs__item" role="tab" aria-selected="false" data-type="solution">
解决方案 ( <span data-count="solution">0</span> )
Solutions ( <span data-count="solution">0</span> )
</button> </button>
<button type="button" class="sr-tabs__item" role="tab" aria-selected="false" data-type="news"> <button type="button" class="sr-tabs__item" role="tab" aria-selected="false" data-type="news">
新闻 ( <span data-count="news">0</span> )
News ( <span data-count="news">0</span> )
</button> </button>
<button type="button" class="sr-tabs__item" role="tab" aria-selected="false" data-type="faq"> <button type="button" class="sr-tabs__item" role="tab" aria-selected="false" data-type="faq">
常见问题 ( <span data-count="faq">0</span> )
FAQ ( <span data-count="faq">0</span> )
</button> </button>
</div> </div>
@ -133,7 +133,7 @@ dd('此页面废弃');
<div class="sr-item__body"> <div class="sr-item__body">
<div class="sr-item__main"> <div class="sr-item__main">
<div class="sr-item__meta"> <div class="sr-item__meta">
<span class="sr-item__type">{if !empty($vo['category'][0]['title'])}{$vo.category.0.title}{else /}内容{/if}</span>
<span class="sr-item__type">{if !empty($vo['category'][0]['title'])}{$vo.category.0.title}{else /}Content{/if}</span>
<span class="sr-item__sep" aria-hidden="true"></span> <span class="sr-item__sep" aria-hidden="true"></span>
<time class="sr-item__date" datetime="{$sr_date}">{$sr_date}</time> <time class="sr-item__date" datetime="{$sr_date}">{$sr_date}</time>
</div> </div>
@ -145,7 +145,7 @@ dd('此页面废弃');
{/notempty} {/notempty}
</div> </div>
<a class="sr-item__more" href="{$sr_url}"> <a class="sr-item__more" href="{$sr_url}">
<span>探索更多</span>
<span>Explore more</span>
<svg viewBox="0 0 16.502 6.66113" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.501953" height="6.661133" fill="none" customFrame="#000000"> <svg viewBox="0 0 16.502 6.66113" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.501953" height="6.661133" fill="none" customFrame="#000000">
<path id="箭头 2" d="M0 2.83057L16 2.83057L16 3.83057L0 3.83057L0 2.83057ZM15.2929 3.33057L12.818 0.855693C12.62 0.657703 12.62 0.346575 12.818 0.148586C13.016 -0.0494041 13.3271 -0.0494046 13.5251 0.148585L16.3536 2.97701C16.5515 3.175 16.5515 3.48613 16.3536 3.68412L13.5251 6.51255C13.3271 6.71054 13.016 6.71054 12.818 6.51255C12.62 6.31456 12.62 6.00343 12.818 5.80544L15.2929 3.33057Z" fill="rgb(102,102,102)" fill-rule="nonzero" /> <path id="箭头 2" d="M0 2.83057L16 2.83057L16 3.83057L0 3.83057L0 2.83057ZM15.2929 3.33057L12.818 0.855693C12.62 0.657703 12.62 0.346575 12.818 0.148586C13.016 -0.0494041 13.3271 -0.0494046 13.5251 0.148585L16.3536 2.97701C16.5515 3.175 16.5515 3.48613 16.3536 3.68412L13.5251 6.51255C13.3271 6.71054 13.016 6.71054 12.818 6.51255C12.62 6.31456 12.62 6.00343 12.818 5.80544L15.2929 3.33057Z" fill="rgb(102,102,102)" fill-rule="nonzero" />
</svg> </svg>
@ -157,13 +157,13 @@ dd('此页面废弃');
</div> </div>
<div class="s-empty sr-tabs-empty" hidden> <div class="s-empty sr-tabs-empty" hidden>
<p class="s-empty__text">当前分类下暂无结果</p>
<p class="s-empty__text">No results in this category</p>
</div> </div>
{php} {php}
$list_empty = isHcListEmpty($list ?? null); $list_empty = isHcListEmpty($list ?? null);
if ($list_empty) { if ($list_empty) {
$empty_text = '未找到相关结果,请尝试其他关键词';
$empty_text = 'No matching results. Try another keyword';
} }
{/php} {/php}
{if $list_empty} {if $list_empty}

28
public/themes/website/1/en/demo/single_index.html

@ -1,5 +1,5 @@
<!doctype html> <!doctype html>
<html lang="zh-CN">
<html lang="en">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
@ -76,7 +76,7 @@
<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="333" 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 ?? '/'}">Explore more</a>
{/hcTaglib:category} {/hcTaglib:category}
</div> </div>
{if !empty($news[$key-1])} {if !empty($news[$key-1])}
@ -84,7 +84,7 @@
<div class="section-banner__award-card"> <div class="section-banner__award-card">
<p class="section-banner__award-text">{$news[$key-1]['title']}</p> <p class="section-banner__award-text">{$news[$key-1]['title']}</p>
<span class="section-banner__award-link"> <span class="section-banner__award-link">
探索更多
Explore more
<svg <svg
viewBox="0 0 15.502 6.66113" viewBox="0 0 15.502 6.66113"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
@ -118,7 +118,7 @@
<div class="section-1__header"> <div class="section-1__header">
<h2 class="section__title">{$sub_cates[1]['description'] ?? ''}</h2> <h2 class="section__title">{$sub_cates[1]['description'] ?? ''}</h2>
<div class="s-arrows"> <div class="s-arrows">
<button type="button" class="s-arrows__prev" aria-label="上一项">
<button type="button" class="s-arrows__prev" aria-label="Previous">
<svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none" customFrame="#000000"> <svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none" customFrame="#000000">
<path <path
id="合并" id="合并"
@ -128,7 +128,7 @@
/> />
</svg> </svg>
</button> </button>
<button type="button" class="s-arrows__next" aria-label="下一项">
<button type="button" class="s-arrows__next" aria-label="Next">
<svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none" customFrame="#000000"> <svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none" customFrame="#000000">
<path <path
id="合并" id="合并"
@ -731,12 +731,12 @@
</div> </div>
<div class="section-1__more"> <div class="section-1__more">
{hcTaglib:category id="333" item="vo" field="*"} {hcTaglib:category id="333" 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 ?? '/'}">Explore more</a>
{/hcTaglib:category} {/hcTaglib:category}
</div> </div>
<div class="section-1__more mobile"> <div class="section-1__more mobile">
<div class="s-arrows"> <div class="s-arrows">
<button type="button" class="s-arrows__prev" aria-label="上一项">
<button type="button" class="s-arrows__prev" aria-label="Previous">
<svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none" customFrame="#000000"> <svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none" customFrame="#000000">
<path <path
id="合并" id="合并"
@ -746,7 +746,7 @@
/> />
</svg> </svg>
</button> </button>
<button type="button" class="s-arrows__next" aria-label="下一项">
<button type="button" class="s-arrows__next" aria-label="Next">
<svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none" customFrame="#000000"> <svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none" customFrame="#000000">
<path <path
id="合并" id="合并"
@ -781,20 +781,20 @@
<li class="glass-card">{$vv.title}</li> <li class="glass-card">{$vv.title}</li>
{/volist} {/volist}
</ul> </ul>
<a class="s-btn s-btn--light s-btn--pill" href="{$vo.children.0.alias ?? 'solution2.html'}">探索更多</a>
<a class="s-btn s-btn--light s-btn--pill" href="{$vo.children.0.alias ?? 'solution2.html'}">Explore more</a>
</div> </div>
</article> </article>
{/hcTaglib:allSubCategory} {/hcTaglib:allSubCategory}
</div> </div>
</div> </div>
<nav class="section-2__nav section__wrap" aria-label="应用场景">
<nav class="section-2__nav section__wrap" aria-label="Application scenarios">
{hcTaglib:allSubCategory pid="345" field="*" max-level="2" item="vo" sort="" key="key} {hcTaglib:allSubCategory pid="345" field="*" max-level="2" item="vo" sort="" key="key}
<button type="button" data-index="{$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>
{/hcTaglib:allSubCategory} {/hcTaglib:allSubCategory}
<button type="button" class="section-2__nav-arrow" aria-label="下一屏">
<button type="button" class="section-2__nav-arrow" aria-label="Next slide">
<img <img
src="data:image/svg+xml,%3csvg%20viewBox='0%200%2075.4141%2041.4141'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='75.414062'%20height='41.414062'%20fill='none'%20customFrame='%23000000'%3e%3cg%20id='组合%202'%20opacity='0.799999952'%3e%3cpath%20id='矢量%201'%20d='M54%200.707031L74%2020.707L54%2040.707'%20stroke='rgb(255,255,255)'%20stroke-width='2.000000'%20/%3e%3crect%20id='矩形%2016'%20width='73.000000'%20height='2.000000'%20x='0.000000'%20y='19.707031'%20fill='rgb(255,255,255)'%20/%3e%3c/g%3e%3c/svg%3e" src="data:image/svg+xml,%3csvg%20viewBox='0%200%2075.4141%2041.4141'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='75.414062'%20height='41.414062'%20fill='none'%20customFrame='%23000000'%3e%3cg%20id='组合%202'%20opacity='0.799999952'%3e%3cpath%20id='矢量%201'%20d='M54%200.707031L74%2020.707L54%2040.707'%20stroke='rgb(255,255,255)'%20stroke-width='2.000000'%20/%3e%3crect%20id='矩形%2016'%20width='73.000000'%20height='2.000000'%20x='0.000000'%20y='19.707031'%20fill='rgb(255,255,255)'%20/%3e%3c/g%3e%3c/svg%3e"
alt="" alt=""
@ -825,7 +825,7 @@
<h3 class="section-3__card-title">{$vo.title ?? ''}</h3> <h3 class="section-3__card-title">{$vo.title ?? ''}</h3>
<p class="section-3__card-desc">{$vo.description ?? ''}</p> <p class="section-3__card-desc">{$vo.description ?? ''}</p>
<a class="section-3__link" href="{$vo.url ?? ''}"> <a class="section-3__link" href="{$vo.url ?? ''}">
探索更多
Explore more
<svg viewBox="0 0 16.502 6.66113" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.501953" height="6.661133" fill="none" customFrame="#000000"> <svg viewBox="0 0 16.502 6.66113" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.501953" height="6.661133" fill="none" customFrame="#000000">
<path <path
id="箭头 2" id="箭头 2"
@ -880,7 +880,7 @@
<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="361" 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 ?? '/'}">Explore more</a>
{/hcTaglib:category} {/hcTaglib:category}
</div> </div>
<div class="section-5__body"> <div class="section-5__body">
@ -939,7 +939,7 @@
</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="361" 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 ?? ''}">Explore more</a>
{/hcTaglib:category} {/hcTaglib:category}
</div> </div>
</div> </div>

44
public/themes/website/1/en/demo/single_search.html

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="zh-CN">
<html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
@ -61,14 +61,14 @@
<main class="main-search" data-header-dark> <main class="main-search" data-header-dark>
<div class="sr-page section__wrap"> <div class="sr-page section__wrap">
<div class="sr-hero"> <div class="sr-hero">
<h1 class="sr-hero__title">搜索</h1>
<h1 class="sr-hero__title">Search</h1>
<form class="s-search sr-search" action="/search.html" method="get" role="search"> <form class="s-search sr-search" action="/search.html" method="get" role="search">
<img class="s-search__icon" src="data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='24.000000'%20height='24.000000'%20fill='none'%3e%3crect%20id='搜索'%20width='24.000000'%20height='24.000000'%20x='0.000000'%20y='0.000000'%20fill='rgb(255,255,255)'%20fill-opacity='0'%20/%3e%3cpath%20id='矢量%203'%20d='M15.8481%2017.1208C14.4808%2018.2114%2012.7482%2018.8633%2010.8633%2018.8633C6.44506%2018.8633%202.86328%2015.2816%202.86328%2010.8633C2.86328%206.445%206.44506%202.86328%2010.8633%202.86328C15.2815%202.86328%2018.8633%206.445%2018.8633%2010.8633C18.8633%2012.7482%2018.2114%2014.4808%2017.1208%2015.8481L21.136%2019.8633L19.8633%2021.136L15.8481%2017.1208ZM17.0632%2010.8633C17.0632%207.43908%2014.2874%204.66326%2010.8633%204.66326C7.4392%204.66326%204.66332%207.43908%204.66332%2010.8633C4.66332%2014.2875%207.4392%2017.0633%2010.8633%2017.0633C14.2874%2017.0633%2017.0632%2014.2875%2017.0632%2010.8633Z'%20fill='rgb(175,181,185)'%20fill-rule='evenodd'%20/%3e%3c/svg%3e" alt="" width="24" height="24" /> <img class="s-search__icon" src="data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='24.000000'%20height='24.000000'%20fill='none'%3e%3crect%20id='搜索'%20width='24.000000'%20height='24.000000'%20x='0.000000'%20y='0.000000'%20fill='rgb(255,255,255)'%20fill-opacity='0'%20/%3e%3cpath%20id='矢量%203'%20d='M15.8481%2017.1208C14.4808%2018.2114%2012.7482%2018.8633%2010.8633%2018.8633C6.44506%2018.8633%202.86328%2015.2816%202.86328%2010.8633C2.86328%206.445%206.44506%202.86328%2010.8633%202.86328C15.2815%202.86328%2018.8633%206.445%2018.8633%2010.8633C18.8633%2012.7482%2018.2114%2014.4808%2017.1208%2015.8481L21.136%2019.8633L19.8633%2021.136L15.8481%2017.1208ZM17.0632%2010.8633C17.0632%207.43908%2014.2874%204.66326%2010.8633%204.66326C7.4392%204.66326%204.66332%207.43908%204.66332%2010.8633C4.66332%2014.2875%207.4392%2017.0633%2010.8633%2017.0633C14.2874%2017.0633%2017.0632%2014.2875%2017.0632%2010.8633Z'%20fill='rgb(175,181,185)'%20fill-rule='evenodd'%20/%3e%3c/svg%3e" alt="" width="24" height="24" />
<input class="s-search__input" type="search" name="q" value="{$keywords}" placeholder="请输入您想了解的内容" autocomplete="off" />
<button class="s-search__btn" type="submit">搜索</button>
<input class="s-search__input" type="search" name="q" value="{$keywords}" placeholder="Search what you want to know" autocomplete="off" />
<button class="s-search__btn" type="submit">Search</button>
</form> </form>
<div class="sr-hot"> <div class="sr-hot">
<span class="sr-hot__label">热门搜索:</span>
<span class="sr-hot__label">Popular searches:</span>
<div class="sr-hot__list"> <div class="sr-hot__list">
{hcTaglib:category id="679" item="vo" field="id,title,description"} {hcTaglib:category id="679" item="vo" field="id,title,description"}
{php} {php}
@ -101,26 +101,26 @@
$sr_tabs[$tabType] = '/search.html?' . http_build_query($query); $sr_tabs[$tabType] = '/search.html?' . http_build_query($query);
} }
{/php} {/php}
<div class="sr-tabs" role="tablist" aria-label="结果分类">
<div class="sr-tabs" role="tablist" aria-label="Result categories">
<a class="sr-tabs__item {if $sr_type_cur=='all'}is-active{/if}" role="tab" aria-selected="{if $sr_type_cur=='all'}true{else /}false{/if}" <a class="sr-tabs__item {if $sr_type_cur=='all'}is-active{/if}" role="tab" aria-selected="{if $sr_type_cur=='all'}true{else /}false{/if}"
href="{$sr_tabs.all}"> href="{$sr_tabs.all}">
全部 ( <span data-count="all">{$sr_counts.all}</span> )
All ( <span data-count="all">{$sr_counts.all}</span> )
</a> </a>
<a class="sr-tabs__item {if $sr_type_cur=='product'}is-active{/if}" role="tab" aria-selected="{if $sr_type_cur=='product'}true{else /}false{/if}" <a class="sr-tabs__item {if $sr_type_cur=='product'}is-active{/if}" role="tab" aria-selected="{if $sr_type_cur=='product'}true{else /}false{/if}"
href="{$sr_tabs.product}"> href="{$sr_tabs.product}">
产品 ( <span data-count="product">{$sr_counts.product}</span> )
Products ( <span data-count="product">{$sr_counts.product}</span> )
</a> </a>
<a class="sr-tabs__item {if $sr_type_cur=='news'}is-active{/if}" role="tab" aria-selected="{if $sr_type_cur=='news'}true{else /}false{/if}" <a class="sr-tabs__item {if $sr_type_cur=='news'}is-active{/if}" role="tab" aria-selected="{if $sr_type_cur=='news'}true{else /}false{/if}"
href="{$sr_tabs.news}"> href="{$sr_tabs.news}">
新闻 ( <span data-count="news">{$sr_counts.news}</span> )
News ( <span data-count="news">{$sr_counts.news}</span> )
</a> </a>
<a class="sr-tabs__item {if $sr_type_cur=='faq'}is-active{/if}" role="tab" aria-selected="{if $sr_type_cur=='faq'}true{else /}false{/if}" <a class="sr-tabs__item {if $sr_type_cur=='faq'}is-active{/if}" role="tab" aria-selected="{if $sr_type_cur=='faq'}true{else /}false{/if}"
href="{$sr_tabs.faq}"> href="{$sr_tabs.faq}">
常见问题 ( <span data-count="faq">{$sr_counts.faq}</span> )
FAQ ( <span data-count="faq">{$sr_counts.faq}</span> )
</a> </a>
<a class="sr-tabs__item {if $sr_type_cur=='other'}is-active{/if}" role="tab" aria-selected="{if $sr_type_cur=='other'}true{else /}false{/if}" <a class="sr-tabs__item {if $sr_type_cur=='other'}is-active{/if}" role="tab" aria-selected="{if $sr_type_cur=='other'}true{else /}false{/if}"
href="{$sr_tabs.other}"> href="{$sr_tabs.other}">
其他 ( <span data-count="other">{$sr_counts.other}</span> )
Other ( <span data-count="other">{$sr_counts.other}</span> )
</a> </a>
</div> </div>
@ -145,13 +145,13 @@
$sr_url = hcUrl('detail/index', ['id' => $vo['id'], 'cid' => $sr_cid]); $sr_url = hcUrl('detail/index', ['id' => $vo['id'], 'cid' => $sr_cid]);
$sr_file = $vo['url'] ?? ''; $sr_file = $vo['url'] ?? '';
$sr_title = $vo['title'] ?? ''; $sr_title = $vo['title'] ?? '';
$sr_type_name = $vo['sr_tab_name'] ?? '内容';
$sr_type_name = $vo['sr_tab_name'] ?? 'Content';
$sr_show_desc = ($sr_kind === 'news' || $sr_kind === 'content'); $sr_show_desc = ($sr_kind === 'news' || $sr_kind === 'content');
$sr_show_more = ($sr_kind === 'news' || $sr_kind === 'content'); $sr_show_more = ($sr_kind === 'news' || $sr_kind === 'content');
{/php} {/php}
<article class="sr-item sr-item--{$sr_kind}" data-keywords="{$sr_title}" data-kind="{$sr_kind}"> <article class="sr-item sr-item--{$sr_kind}" data-keywords="{$sr_title}" data-kind="{$sr_kind}">
{if $sr_kind == 'video'} {if $sr_kind == 'video'}
<button type="button" class="sr-item__media sr-item__media--video" data-video-src="{$vo.cover.url ?? ''}" aria-label="播放:{$sr_title}">
<button type="button" class="sr-item__media sr-item__media--video" data-video-src="{$vo.cover.url ?? ''}" aria-label="Play: {$sr_title}">
<span class="v-card__media"> <span class="v-card__media">
<img class="v-card__cover" src="{$sr_thumb}" alt="" width="300" height="200" loading="lazy" /> <img class="v-card__cover" src="{$sr_thumb}" alt="" width="300" height="200" loading="lazy" />
<span class="v-card__play" aria-hidden="true"> <span class="v-card__play" aria-hidden="true">
@ -160,7 +160,7 @@
</span> </span>
</button> </button>
{elseif $sr_kind == 'download' /} {elseif $sr_kind == 'download' /}
<a class="sr-item__media" href="{$sr_file}" target="_blank" rel="noopener" title="预览">
<a class="sr-item__media" href="{$sr_file}" target="_blank" rel="noopener" title="Preview">
<img src="{$sr_thumb}" alt="" width="300" height="200" loading="lazy" /> <img src="{$sr_thumb}" alt="" width="300" height="200" loading="lazy" />
</a> </a>
{elseif $sr_kind == 'announce' /} {elseif $sr_kind == 'announce' /}
@ -201,7 +201,7 @@
{if $sr_kind == 'video'} {if $sr_kind == 'video'}
{$sr_title} {$sr_title}
{elseif $sr_kind == 'download' /} {elseif $sr_kind == 'download' /}
<a href="{$sr_file}" target="_blank" rel="noopener" title="预览">{$sr_title}</a>
<a href="{$sr_file}" target="_blank" rel="noopener" title="Preview">{$sr_title}</a>
{elseif $sr_kind == 'announce' /} {elseif $sr_kind == 'announce' /}
<a href="{$sr_file}" target="_blank" rel="noopener">{$sr_title}</a> <a href="{$sr_file}" target="_blank" rel="noopener">{$sr_title}</a>
{else /} {else /}
@ -219,26 +219,26 @@
{if $sr_kind == 'download'} {if $sr_kind == 'download'}
<a class="sr-item__more sr-item__more--download" href="{$sr_file}" download="{$sr_title}"> <a class="sr-item__more sr-item__more--download" href="{$sr_file}" download="{$sr_title}">
<span>立即下载</span>
<span>Download</span>
<img src="data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20fill='none'%3e%3cpath%20d='M16.667%209.333H22V22H2V9.333h5.333'%20stroke='rgb(46,53,58)'%20stroke-linejoin='round'%20stroke-width='1.5'/%3e%3cpath%20d='M16%2014l-4%204-4-4M12%202v16'%20stroke='rgb(239,67,53)'%20stroke-width='1.5'/%3e%3c/svg%3e" alt="" width="20" height="20" /> <img src="data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20fill='none'%3e%3cpath%20d='M16.667%209.333H22V22H2V9.333h5.333'%20stroke='rgb(46,53,58)'%20stroke-linejoin='round'%20stroke-width='1.5'/%3e%3cpath%20d='M16%2014l-4%204-4-4M12%202v16'%20stroke='rgb(239,67,53)'%20stroke-width='1.5'/%3e%3c/svg%3e" alt="" width="20" height="20" />
</a> </a>
{elseif $sr_kind == 'product' /} {elseif $sr_kind == 'product' /}
<a class="sr-item__more sr-item__more--product" href="{$sr_url}"> <a class="sr-item__more sr-item__more--product" href="{$sr_url}">
<span>了解产品</span>
<span>Learn more</span>
<span class="s-product-card__arrow" aria-hidden="true"> <span class="s-product-card__arrow" aria-hidden="true">
<img src="data:image/svg+xml,%3csvg%20viewBox='0%200%2012.2529%2011.314'%20xmlns='http://www.w3.org/2000/svg'%20width='12.252930'%20height='11.313965'%20fill='none'%3e%3cpath%20d='M5.18202%201.41422L6.59622%200L12.2531%205.65686L12.2529%205.65702L10.8389%207.07108L6.59608%2011.3139L5.18186%209.89966L8.4245%206.65702L-0%206.65702L0%204.657L8.42482%204.65702L5.18202%201.41422Z'%20fill='rgb(239,67,53)'%20fill-rule='evenodd'/%3e%3c/svg%3e" alt="" width="12" height="11" /> <img src="data:image/svg+xml,%3csvg%20viewBox='0%200%2012.2529%2011.314'%20xmlns='http://www.w3.org/2000/svg'%20width='12.252930'%20height='11.313965'%20fill='none'%3e%3cpath%20d='M5.18202%201.41422L6.59622%200L12.2531%205.65686L12.2529%205.65702L10.8389%207.07108L6.59608%2011.3139L5.18186%209.89966L8.4245%206.65702L-0%206.65702L0%204.657L8.42482%204.65702L5.18202%201.41422Z'%20fill='rgb(239,67,53)'%20fill-rule='evenodd'/%3e%3c/svg%3e" alt="" width="12" height="11" />
</span> </span>
</a> </a>
{elseif $sr_kind == 'announce' /} {elseif $sr_kind == 'announce' /}
<a class="sr-item__more" href="{$sr_file}" target="_blank" rel="noopener"> <a class="sr-item__more" href="{$sr_file}" target="_blank" rel="noopener">
<span>探索更多</span>
<span>Explore more</span>
<svg viewBox="0 0 16.502 6.66113" xmlns="http://www.w3.org/2000/svg" width="16.501953" height="6.661133" fill="none"> <svg viewBox="0 0 16.502 6.66113" xmlns="http://www.w3.org/2000/svg" width="16.501953" height="6.661133" fill="none">
<path d="M0 2.83057L16 2.83057L16 3.83057L0 3.83057L0 2.83057ZM15.2929 3.33057L12.818 0.855693C12.62 0.657703 12.62 0.346575 12.818 0.148586C13.016 -0.0494041 13.3271 -0.0494046 13.5251 0.148585L16.3536 2.97701C16.5515 3.175 16.5515 3.48613 16.3536 3.68412L13.5251 6.51255C13.3271 6.71054 13.016 6.71054 12.818 6.51255C12.62 6.31456 12.62 6.00343 12.818 5.80544L15.2929 3.33057Z" fill="rgb(102,102,102)" fill-rule="nonzero" /> <path d="M0 2.83057L16 2.83057L16 3.83057L0 3.83057L0 2.83057ZM15.2929 3.33057L12.818 0.855693C12.62 0.657703 12.62 0.346575 12.818 0.148586C13.016 -0.0494041 13.3271 -0.0494046 13.5251 0.148585L16.3536 2.97701C16.5515 3.175 16.5515 3.48613 16.3536 3.68412L13.5251 6.51255C13.3271 6.71054 13.016 6.71054 12.818 6.51255C12.62 6.31456 12.62 6.00343 12.818 5.80544L15.2929 3.33057Z" fill="rgb(102,102,102)" fill-rule="nonzero" />
</svg> </svg>
</a> </a>
{elseif $sr_show_more /} {elseif $sr_show_more /}
<a class="sr-item__more" href="{$sr_url}"> <a class="sr-item__more" href="{$sr_url}">
<span>探索更多</span>
<span>Explore more</span>
<svg viewBox="0 0 16.502 6.66113" xmlns="http://www.w3.org/2000/svg" width="16.501953" height="6.661133" fill="none"> <svg viewBox="0 0 16.502 6.66113" xmlns="http://www.w3.org/2000/svg" width="16.501953" height="6.661133" fill="none">
<path d="M0 2.83057L16 2.83057L16 3.83057L0 3.83057L0 2.83057ZM15.2929 3.33057L12.818 0.855693C12.62 0.657703 12.62 0.346575 12.818 0.148586C13.016 -0.0494041 13.3271 -0.0494046 13.5251 0.148585L16.3536 2.97701C16.5515 3.175 16.5515 3.48613 16.3536 3.68412L13.5251 6.51255C13.3271 6.71054 13.016 6.71054 12.818 6.51255C12.62 6.31456 12.62 6.00343 12.818 5.80544L15.2929 3.33057Z" fill="rgb(102,102,102)" fill-rule="nonzero" /> <path d="M0 2.83057L16 2.83057L16 3.83057L0 3.83057L0 2.83057ZM15.2929 3.33057L12.818 0.855693C12.62 0.657703 12.62 0.346575 12.818 0.148586C13.016 -0.0494041 13.3271 -0.0494046 13.5251 0.148585L16.3536 2.97701C16.5515 3.175 16.5515 3.48613 16.3536 3.68412L13.5251 6.51255C13.3271 6.71054 13.016 6.71054 12.818 6.51255C12.62 6.31456 12.62 6.00343 12.818 5.80544L15.2929 3.33057Z" fill="rgb(102,102,102)" fill-rule="nonzero" />
</svg> </svg>
@ -252,7 +252,7 @@
{php} {php}
$list_empty = isHcListEmpty($list ?? null); $list_empty = isHcListEmpty($list ?? null);
if ($list_empty) { if ($list_empty) {
$empty_text = '未找到相关结果,请尝试其他关键词';
$empty_text = 'No matching results. Try another keyword';
} }
{/php} {/php}
{if $list_empty} {if $list_empty}
@ -265,8 +265,8 @@
<div class="v-modal__backdrop" data-v-modal-close></div> <div class="v-modal__backdrop" data-v-modal-close></div>
<div class="v-modal__dialog" role="dialog" aria-modal="true" aria-labelledby="v-modal-title"> <div class="v-modal__dialog" role="dialog" aria-modal="true" aria-labelledby="v-modal-title">
<div class="v-modal__head"> <div class="v-modal__head">
<h2 class="v-modal__title" id="v-modal-title">视频播放</h2>
<button type="button" class="v-modal__close" data-v-modal-close aria-label="关闭">
<h2 class="v-modal__title" id="v-modal-title">Video</h2>
<button type="button" class="v-modal__close" data-v-modal-close aria-label="Close">
<img src="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%3e%3cpath%20d='M1.5%201.5L14.5%2014.5M14.5%201.5L1.5%2014.5'%20stroke='%23fff'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3c/svg%3e" alt="" width="16" height="16" aria-hidden="true" /> <img src="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%3e%3cpath%20d='M1.5%201.5L14.5%2014.5M14.5%201.5L1.5%2014.5'%20stroke='%23fff'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3c/svg%3e" alt="" width="16" height="16" aria-hidden="true" />
</button> </button>
</div> </div>

14
public/themes/website/1/en/demo/solution.html

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="zh-CN">
<html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
@ -96,13 +96,13 @@
<div class="sl-core__head"> <div class="sl-core__head">
<h2 class="sl-core__title">{$sub_cates[3]['title'] ?? ''}</h2> <h2 class="sl-core__title">{$sub_cates[3]['title'] ?? ''}</h2>
<div class="s-arrows"> <div class="s-arrows">
<button type="button" class="s-arrows__prev" aria-label="上一项">
<button type="button" class="s-arrows__prev" aria-label="Previous">
<svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none" customFrame="#000000"> <svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none" customFrame="#000000">
<path id="合并" d="M5.18202 1.41422L6.59622 0L12.2531 5.65686L12.2529 5.65702L10.8389 7.07108L6.59608 11.3139L5.18186 9.89966L8.4245 6.65702L-0 6.65702L0 4.657L8.42482 4.65702L5.18202 1.41422Z" fill="rgb(239,67,53)" fill-rule="evenodd" /> <path id="合并" d="M5.18202 1.41422L6.59622 0L12.2531 5.65686L12.2529 5.65702L10.8389 7.07108L6.59608 11.3139L5.18186 9.89966L8.4245 6.65702L-0 6.65702L0 4.657L8.42482 4.65702L5.18202 1.41422Z" fill="rgb(239,67,53)" fill-rule="evenodd" />
</svg> </svg>
</button> </button>
<button type="button" class="s-arrows__next" aria-label="下一项">
<button type="button" class="s-arrows__next" aria-label="Next">
<svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none" customFrame="#000000"> <svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none" customFrame="#000000">
<path id="合并" d="M5.18202 1.41422L6.59622 0L12.2531 5.65686L12.2529 5.65702L10.8389 7.07108L6.59608 11.3139L5.18186 9.89966L8.4245 6.65702L-0 6.65702L0 4.657L8.42482 4.65702L5.18202 1.41422Z" fill="rgb(239,67,53)" fill-rule="evenodd" /> <path id="合并" d="M5.18202 1.41422L6.59622 0L12.2531 5.65686L12.2529 5.65702L10.8389 7.07108L6.59608 11.3139L5.18186 9.89966L8.4245 6.65702L-0 6.65702L0 4.657L8.42482 4.65702L5.18202 1.41422Z" fill="rgb(239,67,53)" fill-rule="evenodd" />
</svg> </svg>
@ -135,13 +135,13 @@
</div> </div>
<div class="sl-core__arrows-mobile"> <div class="sl-core__arrows-mobile">
<div class="s-arrows"> <div class="s-arrows">
<button type="button" class="s-arrows__prev" aria-label="上一项">
<button type="button" class="s-arrows__prev" aria-label="Previous">
<svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none" customFrame="#000000"> <svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none" customFrame="#000000">
<path id="合并" d="M5.18202 1.41422L6.59622 0L12.2531 5.65686L12.2529 5.65702L10.8389 7.07108L6.59608 11.3139L5.18186 9.89966L8.4245 6.65702L-0 6.65702L0 4.657L8.42482 4.65702L5.18202 1.41422Z" fill="rgb(239,67,53)" fill-rule="evenodd" /> <path id="合并" d="M5.18202 1.41422L6.59622 0L12.2531 5.65686L12.2529 5.65702L10.8389 7.07108L6.59608 11.3139L5.18186 9.89966L8.4245 6.65702L-0 6.65702L0 4.657L8.42482 4.65702L5.18202 1.41422Z" fill="rgb(239,67,53)" fill-rule="evenodd" />
</svg> </svg>
</button> </button>
<button type="button" class="s-arrows__next" aria-label="下一项">
<button type="button" class="s-arrows__next" aria-label="Next">
<svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none" customFrame="#000000"> <svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none" customFrame="#000000">
<path id="合并" d="M5.18202 1.41422L6.59622 0L12.2531 5.65686L12.2529 5.65702L10.8389 7.07108L6.59608 11.3139L5.18186 9.89966L8.4245 6.65702L-0 6.65702L0 4.657L8.42482 4.65702L5.18202 1.41422Z" fill="rgb(239,67,53)" fill-rule="evenodd" /> <path id="合并" d="M5.18202 1.41422L6.59622 0L12.2531 5.65686L12.2529 5.65702L10.8389 7.07108L6.59608 11.3139L5.18186 9.89966L8.4245 6.65702L-0 6.65702L0 4.657L8.42482 4.65702L5.18202 1.41422Z" fill="rgb(239,67,53)" fill-rule="evenodd" />
</svg> </svg>
@ -215,13 +215,13 @@
</div> </div>
<div class="sl-cases__nav"> <div class="sl-cases__nav">
<div class="s-arrows"> <div class="s-arrows">
<button type="button" class="s-arrows__prev" aria-label="上一项">
<button type="button" class="s-arrows__prev" aria-label="Previous">
<svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none" customFrame="#000000"> <svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none" customFrame="#000000">
<path id="合并" d="M5.18202 1.41422L6.59622 0L12.2531 5.65686L12.2529 5.65702L10.8389 7.07108L6.59608 11.3139L5.18186 9.89966L8.4245 6.65702L-0 6.65702L0 4.657L8.42482 4.65702L5.18202 1.41422Z" fill="rgb(239,67,53)" fill-rule="evenodd" /> <path id="合并" d="M5.18202 1.41422L6.59622 0L12.2531 5.65686L12.2529 5.65702L10.8389 7.07108L6.59608 11.3139L5.18186 9.89966L8.4245 6.65702L-0 6.65702L0 4.657L8.42482 4.65702L5.18202 1.41422Z" fill="rgb(239,67,53)" fill-rule="evenodd" />
</svg> </svg>
</button> </button>
<button type="button" class="s-arrows__next" aria-label="下一项">
<button type="button" class="s-arrows__next" aria-label="Next">
<svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none" customFrame="#000000"> <svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none" customFrame="#000000">
<path id="合并" d="M5.18202 1.41422L6.59622 0L12.2531 5.65686L12.2529 5.65702L10.8389 7.07108L6.59608 11.3139L5.18186 9.89966L8.4245 6.65702L-0 6.65702L0 4.657L8.42482 4.65702L5.18202 1.41422Z" fill="rgb(239,67,53)" fill-rule="evenodd" /> <path id="合并" d="M5.18202 1.41422L6.59622 0L12.2531 5.65686L12.2529 5.65702L10.8389 7.07108L6.59608 11.3139L5.18186 9.89966L8.4245 6.65702L-0 6.65702L0 4.657L8.42482 4.65702L5.18202 1.41422Z" fill="rgb(239,67,53)" fill-rule="evenodd" />
</svg> </svg>

26
public/themes/website/1/en/demo/solution2.html

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="zh-CN">
<html lang="en">
{php} {php}
$current_cate_id = $current_cate['id'] ?? 0; $current_cate_id = $current_cate['id'] ?? 0;
@ -104,13 +104,13 @@ $current_cate_id = $current_cate['id'] ?? 0;
<div class="sl2-core__head"> <div class="sl2-core__head">
<h2 class="sl2-core__title">{$sub_cates[3]['title'] ?? ''}</h2> <h2 class="sl2-core__title">{$sub_cates[3]['title'] ?? ''}</h2>
<div class="s-arrows"> <div class="s-arrows">
<button type="button" class="s-arrows__prev" aria-label="上一项">
<button type="button" class="s-arrows__prev" aria-label="Previous">
<svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none" customFrame="#000000"> <svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none" customFrame="#000000">
<path id="合并" d="M5.18202 1.41422L6.59622 0L12.2531 5.65686L12.2529 5.65702L10.8389 7.07108L6.59608 11.3139L5.18186 9.89966L8.4245 6.65702L-0 6.65702L0 4.657L8.42482 4.65702L5.18202 1.41422Z" fill="rgb(239,67,53)" fill-rule="evenodd" /> <path id="合并" d="M5.18202 1.41422L6.59622 0L12.2531 5.65686L12.2529 5.65702L10.8389 7.07108L6.59608 11.3139L5.18186 9.89966L8.4245 6.65702L-0 6.65702L0 4.657L8.42482 4.65702L5.18202 1.41422Z" fill="rgb(239,67,53)" fill-rule="evenodd" />
</svg> </svg>
</button> </button>
<button type="button" class="s-arrows__next" aria-label="下一项">
<button type="button" class="s-arrows__next" aria-label="Next">
<svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none" customFrame="#000000"> <svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none" customFrame="#000000">
<path id="合并" d="M5.18202 1.41422L6.59622 0L12.2531 5.65686L12.2529 5.65702L10.8389 7.07108L6.59608 11.3139L5.18186 9.89966L8.4245 6.65702L-0 6.65702L0 4.657L8.42482 4.65702L5.18202 1.41422Z" fill="rgb(239,67,53)" fill-rule="evenodd" /> <path id="合并" d="M5.18202 1.41422L6.59622 0L12.2531 5.65686L12.2529 5.65702L10.8389 7.07108L6.59608 11.3139L5.18186 9.89966L8.4245 6.65702L-0 6.65702L0 4.657L8.42482 4.65702L5.18202 1.41422Z" fill="rgb(239,67,53)" fill-rule="evenodd" />
</svg> </svg>
@ -128,7 +128,7 @@ $current_cate_id = $current_cate['id'] ?? 0;
<div class="sl2-core__content"> <div class="sl2-core__content">
<h3 class="sl2-core__name">{$vo.title ?? ''}</h3> <h3 class="sl2-core__name">{$vo.title ?? ''}</h3>
<p class="sl2-core__desc">{$vo.description ?? ''}</p> <p class="sl2-core__desc">{$vo.description ?? ''}</p>
<a class="s-btn s-btn--primary s-btn--pill" href="{:hcUrl('detail/index',['id'=>$vo['id'],'cid'=>$vo['category_id']])}">探索更多</a>
<a class="s-btn s-btn--primary s-btn--pill" href="{:hcUrl('detail/index',['id'=>$vo['id'],'cid'=>$vo['category_id']])}">Explore more</a>
</div> </div>
<div class="sl2-core__media"> <div class="sl2-core__media">
<img src="{$vo.thumbnail.url ?? ''}" alt="{$vo.title ?? ''}" width="520" height="520" <img src="{$vo.thumbnail.url ?? ''}" alt="{$vo.title ?? ''}" width="520" height="520"
@ -146,13 +146,13 @@ $current_cate_id = $current_cate['id'] ?? 0;
<div class="sl2-scene__head"> <div class="sl2-scene__head">
<h2 class="sl2-scene__title">{$sub_cates[4]['title'] ?? ''}</h2> <h2 class="sl2-scene__title">{$sub_cates[4]['title'] ?? ''}</h2>
<div class="s-arrows"> <div class="s-arrows">
<button type="button" class="s-arrows__prev" aria-label="上一项">
<button type="button" class="s-arrows__prev" aria-label="Previous">
<svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none" customFrame="#000000"> <svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none" customFrame="#000000">
<path id="合并" d="M5.18202 1.41422L6.59622 0L12.2531 5.65686L12.2529 5.65702L10.8389 7.07108L6.59608 11.3139L5.18186 9.89966L8.4245 6.65702L-0 6.65702L0 4.657L8.42482 4.65702L5.18202 1.41422Z" fill="rgb(239,67,53)" fill-rule="evenodd" /> <path id="合并" d="M5.18202 1.41422L6.59622 0L12.2531 5.65686L12.2529 5.65702L10.8389 7.07108L6.59608 11.3139L5.18186 9.89966L8.4245 6.65702L-0 6.65702L0 4.657L8.42482 4.65702L5.18202 1.41422Z" fill="rgb(239,67,53)" fill-rule="evenodd" />
</svg> </svg>
</button> </button>
<button type="button" class="s-arrows__next" aria-label="下一项">
<button type="button" class="s-arrows__next" aria-label="Next">
<svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none" customFrame="#000000"> <svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none" customFrame="#000000">
<path id="合并" d="M5.18202 1.41422L6.59622 0L12.2531 5.65686L12.2529 5.65702L10.8389 7.07108L6.59608 11.3139L5.18186 9.89966L8.4245 6.65702L-0 6.65702L0 4.657L8.42482 4.65702L5.18202 1.41422Z" fill="rgb(239,67,53)" fill-rule="evenodd" /> <path id="合并" d="M5.18202 1.41422L6.59622 0L12.2531 5.65686L12.2529 5.65702L10.8389 7.07108L6.59608 11.3139L5.18186 9.89966L8.4245 6.65702L-0 6.65702L0 4.657L8.42482 4.65702L5.18202 1.41422Z" fill="rgb(239,67,53)" fill-rule="evenodd" />
</svg> </svg>
@ -182,13 +182,13 @@ $current_cate_id = $current_cate['id'] ?? 0;
</div> </div>
<div class="sl2-scene__arrows-mobile"> <div class="sl2-scene__arrows-mobile">
<div class="s-arrows"> <div class="s-arrows">
<button type="button" class="s-arrows__prev" aria-label="上一项">
<button type="button" class="s-arrows__prev" aria-label="Previous">
<svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none" customFrame="#000000"> <svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none" customFrame="#000000">
<path id="合并" d="M5.18202 1.41422L6.59622 0L12.2531 5.65686L12.2529 5.65702L10.8389 7.07108L6.59608 11.3139L5.18186 9.89966L8.4245 6.65702L-0 6.65702L0 4.657L8.42482 4.65702L5.18202 1.41422Z" fill="rgb(239,67,53)" fill-rule="evenodd" /> <path id="合并" d="M5.18202 1.41422L6.59622 0L12.2531 5.65686L12.2529 5.65702L10.8389 7.07108L6.59608 11.3139L5.18186 9.89966L8.4245 6.65702L-0 6.65702L0 4.657L8.42482 4.65702L5.18202 1.41422Z" fill="rgb(239,67,53)" fill-rule="evenodd" />
</svg> </svg>
</button> </button>
<button type="button" class="s-arrows__next" aria-label="下一项">
<button type="button" class="s-arrows__next" aria-label="Next">
<svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none" customFrame="#000000"> <svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none" customFrame="#000000">
<path id="合并" d="M5.18202 1.41422L6.59622 0L12.2531 5.65686L12.2529 5.65702L10.8389 7.07108L6.59608 11.3139L5.18186 9.89966L8.4245 6.65702L-0 6.65702L0 4.657L8.42482 4.65702L5.18202 1.41422Z" fill="rgb(239,67,53)" fill-rule="evenodd" /> <path id="合并" d="M5.18202 1.41422L6.59622 0L12.2531 5.65686L12.2529 5.65702L10.8389 7.07108L6.59608 11.3139L5.18186 9.89966L8.4245 6.65702L-0 6.65702L0 4.657L8.42482 4.65702L5.18202 1.41422Z" fill="rgb(239,67,53)" fill-rule="evenodd" />
</svg> </svg>
@ -204,13 +204,13 @@ $current_cate_id = $current_cate['id'] ?? 0;
<div class="sl2-more__head"> <div class="sl2-more__head">
<h2 class="sl2-more__title">{$sub_cates[5]['title'] ?? ''}</h2> <h2 class="sl2-more__title">{$sub_cates[5]['title'] ?? ''}</h2>
<div class="s-arrows"> <div class="s-arrows">
<button type="button" class="s-arrows__prev" aria-label="上一项">
<button type="button" class="s-arrows__prev" aria-label="Previous">
<svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none" customFrame="#000000"> <svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none" customFrame="#000000">
<path id="合并" d="M5.18202 1.41422L6.59622 0L12.2531 5.65686L12.2529 5.65702L10.8389 7.07108L6.59608 11.3139L5.18186 9.89966L8.4245 6.65702L-0 6.65702L0 4.657L8.42482 4.65702L5.18202 1.41422Z" fill="rgb(239,67,53)" fill-rule="evenodd" /> <path id="合并" d="M5.18202 1.41422L6.59622 0L12.2531 5.65686L12.2529 5.65702L10.8389 7.07108L6.59608 11.3139L5.18186 9.89966L8.4245 6.65702L-0 6.65702L0 4.657L8.42482 4.65702L5.18202 1.41422Z" fill="rgb(239,67,53)" fill-rule="evenodd" />
</svg> </svg>
</button> </button>
<button type="button" class="s-arrows__next" aria-label="下一项">
<button type="button" class="s-arrows__next" aria-label="Next">
<svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none" customFrame="#000000"> <svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none" customFrame="#000000">
<path id="合并" d="M5.18202 1.41422L6.59622 0L12.2531 5.65686L12.2529 5.65702L10.8389 7.07108L6.59608 11.3139L5.18186 9.89966L8.4245 6.65702L-0 6.65702L0 4.657L8.42482 4.65702L5.18202 1.41422Z" fill="rgb(239,67,53)" fill-rule="evenodd" /> <path id="合并" d="M5.18202 1.41422L6.59622 0L12.2531 5.65686L12.2529 5.65702L10.8389 7.07108L6.59608 11.3139L5.18186 9.89966L8.4245 6.65702L-0 6.65702L0 4.657L8.42482 4.65702L5.18202 1.41422Z" fill="rgb(239,67,53)" fill-rule="evenodd" />
</svg> </svg>
@ -231,7 +231,7 @@ $current_cate_id = $current_cate['id'] ?? 0;
<div class="sl2-more__body"> <div class="sl2-more__body">
<h3 class="sl2-more__name">{$vo.title ?? ''}</h3> <h3 class="sl2-more__name">{$vo.title ?? ''}</h3>
<span class="sl2-more__link"> <span class="sl2-more__link">
<span>探索更多</span>
<span>Explore more</span>
<svg viewBox="0 0 16.502 6.66113" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.501953" height="6.661133" fill="none" customFrame="#000000"> <svg viewBox="0 0 16.502 6.66113" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.501953" height="6.661133" fill="none" customFrame="#000000">
<path id="箭头 2" d="M0 2.83057L16 2.83057L16 3.83057L0 3.83057L0 2.83057ZM15.2929 3.33057L12.818 0.855693C12.62 0.657703 12.62 0.346575 12.818 0.148586C13.016 -0.0494041 13.3271 -0.0494046 13.5251 0.148585L16.3536 2.97701C16.5515 3.175 16.5515 3.48613 16.3536 3.68412L13.5251 6.51255C13.3271 6.71054 13.016 6.71054 12.818 6.51255C12.62 6.31456 12.62 6.00343 12.818 5.80544L15.2929 3.33057Z" fill="rgb(102,102,102)" fill-rule="nonzero" /> <path id="箭头 2" d="M0 2.83057L16 2.83057L16 3.83057L0 3.83057L0 2.83057ZM15.2929 3.33057L12.818 0.855693C12.62 0.657703 12.62 0.346575 12.818 0.148586C13.016 -0.0494041 13.3271 -0.0494046 13.5251 0.148585L16.3536 2.97701C16.5515 3.175 16.5515 3.48613 16.3536 3.68412L13.5251 6.51255C13.3271 6.71054 13.016 6.71054 12.818 6.51255C12.62 6.31456 12.62 6.00343 12.818 5.80544L15.2929 3.33057Z" fill="rgb(102,102,102)" fill-rule="nonzero" />
</svg> </svg>
@ -244,13 +244,13 @@ $current_cate_id = $current_cate['id'] ?? 0;
</div> </div>
<div class="sl2-more__arrows-mobile"> <div class="sl2-more__arrows-mobile">
<div class="s-arrows"> <div class="s-arrows">
<button type="button" class="s-arrows__prev" aria-label="上一项">
<button type="button" class="s-arrows__prev" aria-label="Previous">
<svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none" customFrame="#000000"> <svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none" customFrame="#000000">
<path id="合并" d="M5.18202 1.41422L6.59622 0L12.2531 5.65686L12.2529 5.65702L10.8389 7.07108L6.59608 11.3139L5.18186 9.89966L8.4245 6.65702L-0 6.65702L0 4.657L8.42482 4.65702L5.18202 1.41422Z" fill="rgb(239,67,53)" fill-rule="evenodd" /> <path id="合并" d="M5.18202 1.41422L6.59622 0L12.2531 5.65686L12.2529 5.65702L10.8389 7.07108L6.59608 11.3139L5.18186 9.89966L8.4245 6.65702L-0 6.65702L0 4.657L8.42482 4.65702L5.18202 1.41422Z" fill="rgb(239,67,53)" fill-rule="evenodd" />
</svg> </svg>
</button> </button>
<button type="button" class="s-arrows__next" aria-label="下一项">
<button type="button" class="s-arrows__next" aria-label="Next">
<svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none" customFrame="#000000"> <svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none" customFrame="#000000">
<path id="合并" d="M5.18202 1.41422L6.59622 0L12.2531 5.65686L12.2529 5.65702L10.8389 7.07108L6.59608 11.3139L5.18186 9.89966L8.4245 6.65702L-0 6.65702L0 4.657L8.42482 4.65702L5.18202 1.41422Z" fill="rgb(239,67,53)" fill-rule="evenodd" /> <path id="合并" d="M5.18202 1.41422L6.59622 0L12.2531 5.65686L12.2529 5.65702L10.8389 7.07108L6.59608 11.3139L5.18186 9.89966L8.4245 6.65702L-0 6.65702L0 4.657L8.42482 4.65702L5.18202 1.41422Z" fill="rgb(239,67,53)" fill-rule="evenodd" />
</svg> </svg>

16
public/themes/website/1/en/demo/video.html

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="zh-CN">
<html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
@ -66,13 +66,13 @@
<div class="v-toolbar"> <div class="v-toolbar">
<div class="v-filter__group"> <div class="v-filter__group">
<button type="button" class="v-filter" aria-haspopup="listbox" aria-expanded="false" data-filter-trigger> <button type="button" class="v-filter" aria-haspopup="listbox" aria-expanded="false" data-filter-trigger>
<span>按产品筛选</span>
<span>Filter by product</span>
<svg class="v-filter__chevron" viewBox="0 0 11.2728 6.90918" width="11" height="7" fill="none" aria-hidden="true"> <svg class="v-filter__chevron" viewBox="0 0 11.2728 6.90918" width="11" height="7" fill="none" aria-hidden="true">
<path d="M0.636353 0.636272L5.63635 5.63627L10.6364 0.63623" stroke="currentColor" stroke-width="1.8" /> <path d="M0.636353 0.636272L5.63635 5.63627L10.6364 0.63623" stroke="currentColor" stroke-width="1.8" />
</svg> </svg>
</button> </button>
<div class="v-filter__dropdown" data-filter-dropdown hidden> <div class="v-filter__dropdown" data-filter-dropdown hidden>
<button type="button" class="v-filter__dropdown-item is-active" data-tab="{$current_cate.id}" data-filter-clear>全部</button>
<button type="button" class="v-filter__dropdown-item is-active" data-tab="{$current_cate.id}" data-filter-clear>All</button>
{volist name="sub_cates" id="vo"} {volist name="sub_cates" id="vo"}
<button type="button" data-tab="{$vo.id}" class="v-filter__dropdown-item">{$vo.title}</button> <button type="button" data-tab="{$vo.id}" class="v-filter__dropdown-item">{$vo.title}</button>
{/volist} {/volist}
@ -80,8 +80,8 @@
</div> </div>
<form class="s-search" role="search" data-tab-search> <form class="s-search" role="search" data-tab-search>
<img class="s-search__icon" src="data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='24.000000'%20height='24.000000'%20fill='none'%3e%3crect%20id='搜索'%20width='24.000000'%20height='24.000000'%20x='0.000000'%20y='0.000000'%20fill='rgb(255,255,255)'%20fill-opacity='0'%20/%3e%3cpath%20id='矢量%203'%20d='M15.8481%2017.1208C14.4808%2018.2114%2012.7482%2018.8633%2010.8633%2018.8633C6.44506%2018.8633%202.86328%2015.2816%202.86328%2010.8633C2.86328%206.445%206.44506%202.86328%2010.8633%202.86328C15.2815%202.86328%2018.8633%206.445%2018.8633%2010.8633C18.8633%2012.7482%2018.2114%2014.4808%2017.1208%2015.8481L21.136%2019.8633L19.8633%2021.136L15.8481%2017.1208ZM17.0632%2010.8633C17.0632%207.43908%2014.2874%204.66326%2010.8633%204.66326C7.4392%204.66326%204.66332%207.43908%204.66332%2010.8633C4.66332%2014.2875%207.4392%2017.0633%2010.8633%2017.0633C14.2874%2017.0633%2017.0632%2014.2875%2017.0632%2010.8633Z'%20fill='rgb(175,181,185)'%20fill-rule='evenodd'%20/%3e%3c/svg%3e" alt="" width="24" height="24" /> <img class="s-search__icon" src="data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='24.000000'%20height='24.000000'%20fill='none'%3e%3crect%20id='搜索'%20width='24.000000'%20height='24.000000'%20x='0.000000'%20y='0.000000'%20fill='rgb(255,255,255)'%20fill-opacity='0'%20/%3e%3cpath%20id='矢量%203'%20d='M15.8481%2017.1208C14.4808%2018.2114%2012.7482%2018.8633%2010.8633%2018.8633C6.44506%2018.8633%202.86328%2015.2816%202.86328%2010.8633C2.86328%206.445%206.44506%202.86328%2010.8633%202.86328C15.2815%202.86328%2018.8633%206.445%2018.8633%2010.8633C18.8633%2012.7482%2018.2114%2014.4808%2017.1208%2015.8481L21.136%2019.8633L19.8633%2021.136L15.8481%2017.1208ZM17.0632%2010.8633C17.0632%207.43908%2014.2874%204.66326%2010.8633%204.66326C7.4392%204.66326%204.66332%207.43908%204.66332%2010.8633C4.66332%2014.2875%207.4392%2017.0633%2010.8633%2017.0633C14.2874%2017.0633%2017.0632%2014.2875%2017.0632%2010.8633Z'%20fill='rgb(175,181,185)'%20fill-rule='evenodd'%20/%3e%3c/svg%3e" alt="" width="24" height="24" />
<input class="s-search__input" type="search" name="keywords" placeholder="请输入您想搜索视频的关键词" autocomplete="off" />
<button class="s-search__btn" type="submit">搜索</button>
<input class="s-search__input" type="search" name="keywords" placeholder="Search video keywords" autocomplete="off" />
<button class="s-search__btn" type="submit">Search</button>
</form> </form>
</div> </div>
@ -104,7 +104,7 @@
{php} {php}
$list_empty = isHcListEmpty($hc_content ?? null); $list_empty = isHcListEmpty($hc_content ?? null);
if ($list_empty) { if ($list_empty) {
$empty_text = '暂无相关视频';
$empty_text = 'No matching videos';
} }
{/php} {/php}
{if $list_empty} {if $list_empty}
@ -117,8 +117,8 @@
<div class="v-modal__backdrop" data-v-modal-close></div> <div class="v-modal__backdrop" data-v-modal-close></div>
<div class="v-modal__dialog" role="dialog" aria-modal="true" aria-labelledby="v-modal-title"> <div class="v-modal__dialog" role="dialog" aria-modal="true" aria-labelledby="v-modal-title">
<div class="v-modal__head"> <div class="v-modal__head">
<h2 class="v-modal__title" id="v-modal-title">视频播放</h2>
<button type="button" class="v-modal__close" data-v-modal-close aria-label="关闭">
<h2 class="v-modal__title" id="v-modal-title">Video</h2>
<button type="button" class="v-modal__close" data-v-modal-close aria-label="Close">
<img src="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%3e%3cpath%20d='M1.5%201.5L14.5%2014.5M14.5%201.5L1.5%2014.5'%20stroke='%23fff'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3c/svg%3e" alt="" width="16" height="16" aria-hidden="true" /> <img src="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%3e%3cpath%20d='M1.5%201.5L14.5%2014.5M14.5%201.5L1.5%2014.5'%20stroke='%23fff'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3c/svg%3e" alt="" width="16" height="16" aria-hidden="true" />
</button> </button>
</div> </div>

Loading…
Cancel
Save