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 d20ea23826
commit 49b259d4c5
6 changed files with 112 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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;

138
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 {