jsasg/orico-official-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 3 Wiki Activity

stlye:首页 nas首页样式调整

Browse Source
This commit is contained in:
杨丹华
2025-05-22 17:14:13 +08:00
parent 8ed90c9c1c
commit 3ebc455be3
5 changed files with 28 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
app/index/view/index/index.html
View File

@@ -349,8 +349,9 @@
if (slideCount === 0) return; if (slideCount === 0) return;
// 计算分页点间距 // 计算分页点间距
const bulletMargin = ((100 / slideCount) - 2) + "%"; const bulletMargin = ((100 / slideCount) - 2) + "%";
$(".orico_Page_index .pageMain .brandStory .bs_swiperasd .bs_swcontainer .bs_pagination .swiper-pagination-bullet") $(".orico_Page_index .pageMain .brandStory .bs_swiperasd .bs_swcontainer .bs_pagination .swiper-pagination-bullet").css("margin-right", bulletMargin);
.css("margin-right", bulletMargin); // 最后一个分页点的 margin-right 设为 0
$(".orico_Page_index .pageMain .brandStory .bs_swiperasd .bs_swcontainer .bs_pagination .swiper-pagination-bullet:last-child").css("margin-right", "0");
// 计算年份位置（固定间隔21%） // 计算年份位置（固定间隔21%）
const timeSpans = $(".orico_Page_index .pageMain .brandStory .bs_swiperasd .bs_swcontainer .time"); const timeSpans = $(".orico_Page_index .pageMain .brandStory .bs_swiperasd .bs_swcontainer .time");
var tag = 0 var tag = 0

4
app/index/view/topic_nas/download.html
View File

@@ -51,10 +51,10 @@
</div> </div>
{/notempty} {/notempty}
{notempty name="data.weline.down_items"} {notempty name="data.weline.down_items"}
<div class="nDtopIt2"> <div class="nDtopIt2" >
{volist name="data.weline.down_items" id="it"} {volist name="data.weline.down_items" id="it"}
<a {notempty name="it.link"}href="{$it.link}"{/notempty}> <a {notempty name="it.link"}href="{$it.link}"{/notempty}>
<div class="nDitImg"><img src="{$it.image}" /></div> <div class="nDitImg {eq name='Request.cookie.think_lang' value='zh-cn'}nDitImg1{/eq}"><img src="{$it.image}" /></div>
</a> </a>
{/volist} {/volist}
</div> </div>

10
public/static/index/css/article_category.css
View File

@@ -83,7 +83,7 @@
height: auto; height: auto;
margin: 0 0 1.4% 0; margin: 0 0 1.4% 0;
background: #f5f5f5; background: #f5f5f5;
padding: 1rem; padding: 1.2%;
position: relative; position: relative;
/* min-height: 32rem; */ /* min-height: 32rem; */
overflow: hidden; overflow: hidden;
@@ -157,3 +157,11 @@
background-color: #444444; background-color: #444444;
color: #ffffff; color: #ffffff;
} }
/*屏幕兼容性*/
@media screen and (min-width:750px) and (max-width:1280px){}
@media screen and (min-width:1281px) and (max-width:1360px) {}
@media screen and (min-width:1361px) and (max-width:1460px) {}
@media screen and (min-width:1461px) and (max-width:1660px) {}
@media screen and (min-width:1661px) and (max-width:1760px) {}
@media screen and (min-width:1761px) and (max-width:1960px) {}
@media screen and (min-width:1980px) {}

12
public/static/index/css/index.css
View File

@@ -339,7 +339,7 @@
} }
.orico_Page_index .pageMain .featuredProducts .fpSwiper .swiperasd { .orico_Page_index .pageMain .featuredProducts .fpSwiper .swiperasd {
display: flex; display: flex;
width: 85%; width: 75%;
position: relative; position: relative;
height: 6.25rem; height: 6.25rem;
} }
@@ -1132,4 +1132,12 @@
} }
.orico_Page_index .ba-slider .handle.ba-draggable:after { .orico_Page_index .ba-slider .handle.ba-draggable:after {
transform: scale(.8) transform: scale(.8)
} }
/*屏幕兼容性*/
@media screen and (min-width:750px) and (max-width:1280px){}
@media screen and (min-width:1281px) and (max-width:1360px) {}
@media screen and (min-width:1361px) and (max-width:1460px) {}
@media screen and (min-width:1461px) and (max-width:1660px) {}
@media screen and (min-width:1661px) and (max-width:1760px) {}
@media screen and (min-width:1761px) and (max-width:1960px) {}
@media screen and (min-width:1980px) {}

4
public/static/index/css/topic_nas_download.css
View File

@@ -93,11 +93,15 @@
.narswljshow { .narswljshow {
display: none; display: none;
} }
.narsDowloadPc .narssben-us .nDtopIt2 .nDitImg { .narsDowloadPc .narssben-us .nDtopIt2 .nDitImg {
width: 291px; width: 291px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
.narsDowloadPc .nDtopCtMian .nDtopIt2 .nDitImg1{
width: 291px;
}
.narsDowloadPc .narssben-us .nDtopIt2 .nDitImg img{ .narsDowloadPc .narssben-us .nDtopIt2 .nDitImg img{
width:70px !important; width:70px !important;
height:70px!important; height:70px!important;