All checks were successful
Gitea Actions Official-website / deploy-dev (push) Successful in 4s
44 lines
1.6 KiB
HTML
44 lines
1.6 KiB
HTML
{extend name="public/base" /}
|
||
{block name="style"}
|
||
<link rel="stylesheet" href="__CSS__/topic_laptop/header.css">
|
||
<link rel="stylesheet" href="__CSS__/topic_laptop/footer.css">
|
||
<link rel="stylesheet" href="__CSS__/topic_ssd/index.css">
|
||
<!-- 将rem适配JS移到这里,确保优先执行 -->
|
||
<script type="text/javascript">
|
||
(function (doc, win)
|
||
{
|
||
var docEl = doc.documentElement;
|
||
var resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';
|
||
|
||
function setRootFontSize ()
|
||
{
|
||
var clientWidth = docEl.clientWidth;
|
||
if (!clientWidth) return;
|
||
var fontSize = clientWidth / 7.5;
|
||
// 直接修改内联样式,优先级最高
|
||
docEl.setAttribute('style', 'font-size: ' + fontSize + 'px !important;');
|
||
}
|
||
|
||
setRootFontSize();
|
||
win.addEventListener(resizeEvt, setRootFontSize);
|
||
doc.addEventListener('DOMContentLoaded', setRootFontSize);
|
||
})(document, window);
|
||
</script>
|
||
{/block}
|
||
{block name="main"}
|
||
<div class="m-sc-main" style="margin-top:42px;">
|
||
{volist name="data.top_focus_images" id="item"}
|
||
<a href="{$item.link}" target="_blank" class="m-sc-mt20">
|
||
<img src="{$item.image}" alt="" class="m-sc-main-img" loading="lazy">
|
||
</a>
|
||
{/volist}
|
||
<div class="m-sc-main-imgs m-sc-mt20 m-sc-mb34">
|
||
{volist name="data.products" id="item"}
|
||
<a href="{$item.link}" target="_blank" class="">
|
||
<img src="{$item.image}" alt="" class="m-sc-main-img1" loading="lazy">
|
||
</a>
|
||
{/volist}
|
||
</div>
|
||
</div>
|
||
{/block}
|