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 b44bf2362b
commit 4eb972e2d1
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>
<!-- 赛博云 -->
{notempty name="data.cyber"}
<div class="nDtopCtMian narssbshow">
<div class="nDtopCtMian narssbshow narssben-us">
{notempty name="data.cyber.focus_image"}
<div class="nDtopIt">
<img src="{$data.cyber.focus_image.image}" class="tpimg" />
@@ -27,6 +27,12 @@
{/notempty}
{notempty name="data.cyber.down_items"}
<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"}
<a {notempty name="it.link"}href="{$it.link}"{/notempty}>
<div class="nDitImg">
@@ -40,6 +46,7 @@
{/volist}
</div>
{/notempty}
</div>
{/notempty}
<!-- 微链接 -->

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

@@ -54,6 +54,7 @@
<div class="nhlp-lxwm">
<h1 class="lxwmtitle">{:lang('topic_nas_help.contact_section_title')}</h1>
<div class="nhlp-row">
<div class="nhlp-row-content">
{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}>
<img src="{$co.image}" class="lximg" />
@@ -66,6 +67,8 @@
{/if}
</a>
{/volist}
</div>
<div class="nhlp-row-content">
{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}>
<img src="{$co.image}" class="lximg" />
@@ -78,6 +81,7 @@
{/if}
</a>
{/volist}
</div>
</div>
</div>
{/notempty}

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

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

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

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

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

@@ -1,99 +1,123 @@
.narsDowloadPc {
width: 100%;
height: 100vh;
background: #F5F5F5;
position: relative;
display: flex;
flex-direction: column;
overflow-y: auto;
width: 100%;
height: 100vh;
background: #f5f5f5;
position: relative;
display: flex;
flex-direction: column;
overflow-y: auto;
}
.narsDowloadPc .narsDtabs {
display: flex;
flex-direction: row;
justify-content: center;
margin-top: 70px;
margin-bottom: 30px;
display: flex;
flex-direction: row;
justify-content: center;
margin-top: 70px;
margin-bottom: 30px;
}
.narsDowloadPc .narsDtabs .narsDtabIt {
color: #001717;
font-size: 24px;
height: 52px;
line-height: 52px;
width: 300px;
background: #fff;
text-align: center;
border-radius: 28px;
cursor: pointer;
color: #001717;
font-size: 24px;
height: 52px;
line-height: 52px;
width: 300px;
background: #fff;
text-align: center;
border-radius: 28px;
cursor: pointer;
}
.narsDowloadPc .narsDtabs .narsDtabIt:first-child {
margin-right: 60px;
margin-right: 60px;
}
.narsDowloadPc .narsDtabs .narsDtabIt_active {
color: #fff;
background: #004CFA;
color: #fff;
background: #004cfa;
}
.narsDowloadPc .narsDmainConten {
width: 1200px;
height: 409px;
background: #fff;
margin-bottom: 10px;
width: 1200px;
height: 409px;
background: #fff;
margin-bottom: 10px;
}
.narsDowloadPc .nDtopCtMian {
width: 1200px;
margin: 0 auto;
height: auto;
width: 1200px;
margin: 0 auto;
height: auto;
}
.narsDowloadPc .nDtopCtMian .nDtopIt {
width: 1200px;
height: 409px;
background: #fff;
margin-bottom: 10px;
width: 1200px;
height: 409px;
background: #fff;
margin-bottom: 10px;
}
.narsDowloadPc .nDtopCtMian .nDtopIt .tpimg {
width: 100%;
height: 100%;
width: 100%;
height: 100%;
}
.narsDowloadPc .nDtopCtMian .nDtopIt .tpimg {
width: 100%;
height: 100%;
width: 100%;
height: 100%;
}
.narsDowloadPc .nDtopCtMian .nDtopIt2 {
width: 1200px;
height: 205px;
display: flex;
flex-direction: row;
justify-content: space-between;
width: 1200px;
height: 205px;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.narsDowloadPc .nDtopCtMian .nDtopIt2 .nDitImg {
width: 231px;
height: 205px;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
width: 231px;
height: 205px;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.narsDowloadPc .nDtopCtMian .nDtopIt2 .nDitImg img {
width: 126px;
height: 126px;
width: 126px;
height: 126px;
}
.narswljshow {
display: none;
display: none;
}
.narswljshow .nDtopIt2 .nDitImg {
width: 291px !important;
.narssben-us .nDtopIt2 .nDitImg {
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 {
width: 27.4%;
min-width: 27.4%;
flex:1;
padding: 2.25rem;
background: #fafafa;
border-radius: 8px;
@@ -205,6 +206,16 @@
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 {
background: #f9f9f9;
width: 392px;
@@ -244,11 +255,13 @@
}
.narshelpCenterPc .nhlp-lxwm .nhlp-row .nhlplxwmit-w1 {
width: 32.7%;
/* width: 32.7%; */
flex:1;
}
.narshelpCenterPc .nhlp-lxwm .nhlp-row .nhlplxwmit-w2 {
width: 24.3%;
/* width: 24.3%; */
flex:1;
}
.narshelpCenterPc .dropdown {