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-13 16:54:43 +08:00
parent 568158c790
commit 0ad11500a0
6 changed files with 112 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -19,7 +19,7 @@
</div> </div>
<!-- 赛博云 --> <!-- 赛博云 -->
{notempty name="data.cyber"} {notempty name="data.cyber"}
<div class="nDtopCtMian narssbshow"> <div class="nDtopCtMian narssbshow narssben-us">
{notempty name="data.cyber.focus_image"} {notempty name="data.cyber.focus_image"}
<div class="nDtopIt"> <div class="nDtopIt">
<img src="{$data.cyber.focus_image.image}" class="tpimg" /> <img src="{$data.cyber.focus_image.image}" class="tpimg" />
@@ -27,6 +27,12 @@
{/notempty} {/notempty}
{notempty name="data.cyber.down_items"} {notempty name="data.cyber.down_items"}
<div class="nDtopIt2"> <div class="nDtopIt2">
<a href="https://appversion.oriconas.com/api/latest/url?appcode=cyberdata&amp;platform=android" download="">
<div class="nDitImg"><img src="/uploads/default/2025/0417/组 259.png">
<div class="yy_name">Android</div>
<div class="dwbt">Download</div>
</div>
</a>
{volist name="data.cyber.down_items" id="it"} {volist name="data.cyber.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"> <div class="nDitImg">
@@ -40,6 +46,7 @@
{/volist} {/volist}
</div> </div>
{/notempty} {/notempty}
</div> </div>
{/notempty} {/notempty}
<!-- 微链接 --> <!-- 微链接 -->

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

@@ -54,6 +54,7 @@
<div class="nhlp-lxwm"> <div class="nhlp-lxwm">
<h1 class="lxwmtitle">{:lang('topic_nas_help.contact_section_title')}</h1> <h1 class="lxwmtitle">{:lang('topic_nas_help.contact_section_title')}</h1>
<div class="nhlp-row"> <div class="nhlp-row">
<div class="nhlp-row-content">
{volist name="contacts" id="co" key="idx" offset="0" length="3"} {volist name="contacts" id="co" key="idx" offset="0" length="3"}
<a class="nhlplxwmit nhlplxwmit-w1" {notempty name="co.link"}href="{$co.link}"{/notempty} {eq name="idx" value="3"}style="margin-right: 0;"{/eq}> <a class="nhlplxwmit nhlplxwmit-w1" {notempty name="co.link"}href="{$co.link}"{/notempty} {eq name="idx" value="3"}style="margin-right: 0;"{/eq}>
<img src="{$co.image}" class="lximg" /> <img src="{$co.image}" class="lximg" />
@@ -66,6 +67,8 @@
{/if} {/if}
</a> </a>
{/volist} {/volist}
</div>
<div class="nhlp-row-content">
{volist name="contacts" id="co" key="idx" offset="3"} {volist name="contacts" id="co" key="idx" offset="3"}
<a class="nhlplxwmit nhlplxwmit-w2" {notempty name="co.link"}href="{$co.link}"{/notempty} {eq name="idx%4" value="0"}style="margin-right: 0;"{/eq}> <a class="nhlplxwmit nhlplxwmit-w2" {notempty name="co.link"}href="{$co.link}"{/notempty} {eq name="idx%4" value="0"}style="margin-right: 0;"{/eq}>
<img src="{$co.image}" class="lximg" /> <img src="{$co.image}" class="lximg" />
@@ -78,6 +81,7 @@
{/if} {/if}
</a> </a>
{/volist} {/volist}
</div>
</div> </div>
</div> </div>
{/notempty} {/notempty}

6
public/static/index/css/category.css
View File

@@ -30,7 +30,7 @@
margin: 0 auto; margin: 0 auto;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding-top: 3.75rem; padding-top: 6.2rem;
} }
.orico_Page_products .pageMain .ori-pd-title { .orico_Page_products .pageMain .ori-pd-title {
font-size: 1.5em; font-size: 1.5em;
@@ -70,7 +70,7 @@
} }
.orico_Page_products .pageMain .ori-pd-list .oripditem .prdName { .orico_Page_products .pageMain .ori-pd-list .oripditem .prdName {
color: #101010; color: #101010;
font-size: 0.875rem; font-size: 0.875em;
padding-bottom: 0.625rem; padding-bottom: 0.625rem;
width:80%; width:80%;
text-align: center; text-align: center;
@@ -79,7 +79,7 @@
text-overflow: ellipsis; text-overflow: ellipsis;
} }
.orico_Page_products .pageMain .ori-pd-list .oripditem .prddec { .orico_Page_products .pageMain .ori-pd-list .oripditem .prddec {
font-size: 0.875rem; font-size: 0.875em;
color: #737373; color: #737373;
width:80%; width:80%;
text-align: center; text-align: center;

1
public/static/index/css/product_search.css
View File

@@ -1,7 +1,6 @@
.orico_Page_search { .orico_Page_search {
width: 100%; width: 100%;
position: relative; position: relative;
height: 100vh;
overflow-y: auto; overflow-y: auto;
overflow-x: hidden; overflow-x: hidden;
background: #f1f1f1; background: #f1f1f1;

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

@@ -1,99 +1,123 @@
.narsDowloadPc { .narsDowloadPc {
width: 100%; width: 100%;
height: 100vh; height: 100vh;
background: #F5F5F5; background: #f5f5f5;
position: relative; position: relative;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
overflow-y: auto; overflow-y: auto;
} }
.narsDowloadPc .narsDtabs { .narsDowloadPc .narsDtabs {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: center; justify-content: center;
margin-top: 70px; margin-top: 70px;
margin-bottom: 30px; margin-bottom: 30px;
} }
.narsDowloadPc .narsDtabs .narsDtabIt { .narsDowloadPc .narsDtabs .narsDtabIt {
color: #001717; color: #001717;
font-size: 24px; font-size: 24px;
height: 52px; height: 52px;
line-height: 52px; line-height: 52px;
width: 300px; width: 300px;
background: #fff; background: #fff;
text-align: center; text-align: center;
border-radius: 28px; border-radius: 28px;
cursor: pointer; cursor: pointer;
} }
.narsDowloadPc .narsDtabs .narsDtabIt:first-child { .narsDowloadPc .narsDtabs .narsDtabIt:first-child {
margin-right: 60px; margin-right: 60px;
} }
.narsDowloadPc .narsDtabs .narsDtabIt_active { .narsDowloadPc .narsDtabs .narsDtabIt_active {
color: #fff; color: #fff;
background: #004CFA; background: #004cfa;
} }
.narsDowloadPc .narsDmainConten { .narsDowloadPc .narsDmainConten {
width: 1200px; width: 1200px;
height: 409px; height: 409px;
background: #fff; background: #fff;
margin-bottom: 10px; margin-bottom: 10px;
} }
.narsDowloadPc .nDtopCtMian { .narsDowloadPc .nDtopCtMian {
width: 1200px; width: 1200px;
margin: 0 auto; margin: 0 auto;
height: auto; height: auto;
} }
.narsDowloadPc .nDtopCtMian .nDtopIt { .narsDowloadPc .nDtopCtMian .nDtopIt {
width: 1200px; width: 1200px;
height: 409px; height: 409px;
background: #fff; background: #fff;
margin-bottom: 10px; margin-bottom: 10px;
} }
.narsDowloadPc .nDtopCtMian .nDtopIt .tpimg { .narsDowloadPc .nDtopCtMian .nDtopIt .tpimg {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.narsDowloadPc .nDtopCtMian .nDtopIt .tpimg { .narsDowloadPc .nDtopCtMian .nDtopIt .tpimg {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.narsDowloadPc .nDtopCtMian .nDtopIt2 { .narsDowloadPc .nDtopCtMian .nDtopIt2 {
width: 1200px; width: 1200px;
height: 205px; height: 205px;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
} }
.narsDowloadPc .nDtopCtMian .nDtopIt2 .nDitImg { .narsDowloadPc .nDtopCtMian .nDtopIt2 .nDitImg {
width: 231px; width: 231px;
height: 205px; height: 205px;
background: #fff; background: #fff;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
cursor: pointer; cursor: pointer;
} }
.narsDowloadPc .nDtopCtMian .nDtopIt2 .nDitImg img { .narsDowloadPc .nDtopCtMian .nDtopIt2 .nDitImg img {
width: 126px; width: 126px;
height: 126px; height: 126px;
} }
.narswljshow { .narswljshow {
display: none; display: none;
} }
.narswljshow .nDtopIt2 .nDitImg { .narssben-us .nDtopIt2 .nDitImg {
width: 291px !important; width: 291px !important;
} display: flex;
flex-direction: column;
}
.narssben-us .nDtopIt2 .nDitImg img{
width:70px !important;
height:70px !important;
}
.narssben-us .nDtopIt2 .nDitImg .dwbt {
padding: 6px 38px;
background: #a1a7bf;
border-radius: 20px;
color: #fff;
margin-top: 10px;
font-size: 16px;
cursor: pointer;
}
.narssbshow .nDtopIt2 .nDitImg .dwbtactive {
background: #004cfa;
}
.narssbshow .nDtopIt2 .nDitImg .yy_name {
font-size: 18px;
padding-bottom: 10px;
padding-top: 5px;
font-weight: bold;
}

19
public/static/index/css/topic_nas_help.css
View File

@@ -96,7 +96,8 @@
} }
.narshelpCenterPc .nhlppart1 .nhlp-row .nhlpit { .narshelpCenterPc .nhlppart1 .nhlp-row .nhlpit {
width: 27.4%; min-width: 27.4%;
flex:1;
padding: 2.25rem; padding: 2.25rem;
background: #fafafa; background: #fafafa;
border-radius: 8px; border-radius: 8px;
@@ -205,6 +206,16 @@
margin-bottom: 4.625rem; margin-bottom: 4.625rem;
} }
.narshelpCenterPc .nhlp-lxwm .nhlp-row-content{
display: flex;
flex-direction: row;
justify-content: space-between;
width: 100%;
}
.narshelpCenterPc .nhlp-lxwm .nhlp-row-content .nhlplxwmit-w1:last-child,
.narshelpCenterPc .nhlp-lxwm .nhlp-row-content .nhlplxwmit-w2:last-child{
margin-right: 0;
}
.narshelpCenterPc .nhlp-lxwm .nhlp-row .nhlplxwmit { .narshelpCenterPc .nhlp-lxwm .nhlp-row .nhlplxwmit {
background: #f9f9f9; background: #f9f9f9;
width: 392px; width: 392px;
@@ -244,11 +255,13 @@
} }
.narshelpCenterPc .nhlp-lxwm .nhlp-row .nhlplxwmit-w1 { .narshelpCenterPc .nhlp-lxwm .nhlp-row .nhlplxwmit-w1 {
width: 32.7%; /* width: 32.7%; */
flex:1;
} }
.narshelpCenterPc .nhlp-lxwm .nhlp-row .nhlplxwmit-w2 { .narshelpCenterPc .nhlp-lxwm .nhlp-row .nhlplxwmit-w2 {
width: 24.3%; /* width: 24.3%; */
flex:1;
} }
.narshelpCenterPc .dropdown { .narshelpCenterPc .dropdown {