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

Merge branch 'dev'

Browse Source
This commit is contained in:
liqian
2025-01-24 10:32:55 +08:00
parent e993caaa2c b5636674fe
commit ed58ffa3d6
15 changed files with 1640 additions and 271 deletions
Download Patch File Download Diff File Expand all files Collapse all files

385
app/mobile/view/tops_nas/download_cyber.phtml
View File

@@ -4,267 +4,186 @@
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>元创官网</title>
{include file='include/head-nas' /}
<style type="text/css">
.header {
color: #fff;
}
</style>
{include file='include/head-nas'/}
<style type="text/css">
.narsMBpage {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
position: relative;
overflow-x: hidden;
}
.narsDowloadPc {
/*height: 100vh;*/
background: #F5F5F5;
/*position: relative;*/
display: flex;
flex-direction: column;
overflow-y: auto;
}
.narsMBpage .narsMB-banner {
width: 100%;
}
.narsMBpage .narsmb-img {
max-width: 100%;
height: auto;
display: block;
}
.narsMBpage .narsmb-cate {
margin-top: 2.8125rem;
margin: 0 0.4375rem;
display: flex;
flex-direction: column;
}
.narsMBpage .narsmb-cate .narsmbcatetop,
.narsMBpage .narsmb-cate .narsmbcate-it {
background: #e0e2e6;
color: #000;
border-radius: 0.3125rem;
height: 5.8125rem;
width: 100%;
line-height: 1rem;
font-size: 0.75rem;
font-weight: bold;
margin-top: 2.8125rem;
display: flex;
align-items: center;
}
.narsMBpage .narsmb-cate .narsmbcateits {
height: 5.8125rem;
display: flex;
flex-direction: row;
justify-content: space-between;
margin-bottom: 0.4375rem;
}
.narsMBpage .narsmb-cate .narsmbcateits .narsmbcate-it {
width: 49%;
margin-top: 0.4375rem;
}
.narsMBpage .narsmb-cate .narsmbcate-sp {
.narsDowloadPc .narsDtabs {
margin: 0 1.25rem;
}
margin-top: 7rem;
display: flex;
flex-direction: row;
justify-content: center;
height: 2.625rem;
}
.narsMBpage .narsmbvd {
width: 100%;
height: 14.5625rem;
margin-top: 2.5rem;
}
.narsDowloadPc .narsDtabs .narsDtabIt {
color: #001717;
font-size: 1rem;
height: 2.625rem;
line-height: 2.625rem;
width: 25rem;
background: #fff;
text-align: center;
border-radius: 28px;
cursor: pointer;
}
.narsMBpage .narsmbvd .narsmbvideo {
height: 100%;
width: 100%;
object-fit: fill;
}
.narsDowloadPc .narsDtabs .narsDtabIt:first-child {
margin-right: 0.9375rem;
}
.narsMBpage .narsmb-jjfa {
width: 100%;
display: flex;
flex-direction: column;
}
.narsDowloadPc .narsDtabs .narsDtabIt_active {
color: #fff;
background: #004CFA;
}
.narsMBpage .narsmb-jjfa .narsmbjjfa-title {
text-align: center;
font-size: 1.6875rem;
font-weight: bold;
padding-top: 2.0625rem;
padding-bottom: 1.3125rem;
}
.narsDowloadPc .narsDmainConten {
margin: 0 1.25rem;
background: #fff;
margin-bottom: 10px;
position: relative;
}
.narsMBpage .narsmb-jjfa .narsmbjjfaSwiper {
margin-left: 0.4375rem;
}
.narsMBpage .narsmb-jjfa .narsmbjjfa-slide {
width: 10rem;
height: 18.375rem;
border-radius: 0.125rem;
position: relative;
}
.narsMBpage .narsmb-jjfa .narsmbjjfa-slide .narsmb-jjfa-ct {
color: #000;
.narsDowloadPc .nDtopCtMian {
padding-top: 1.25rem;
position: relative;
overflow: hideen;
margin: 0 1.25rem;
font-size: 1rem;
font-weight: bold;
margin-top: 1.875rem;
line-height: 1.5625rem;
}
height: auto;
}
.narsMBpage .narsmb-jjfa .narsmbjjfa-slide .narsmb-jjfa-info {
background: #131b28;
position: absolute;
top: 0;
height: 18.375rem;
padding: 0 1.3rem;
display: none;
flex-direction: column;
justify-content: center;
border-radius: 0.125rem;
z-index: 11;
overflow-y: hidden;
color: #fff;
}
.narsDowloadPc .nDtopCtMian .nDtopIt {
width: 100%;
background: #fff;
margin-bottom: 10px;
box-sizing: border-box;
}
.narsMBpage .narsmb-jjfa .narsmbjjfa-slide .narsmb-jjfa-info .narsmbjjfatt {
width: 100%;
font-weight: bold;
text-align: center;
font-size: 0.875rem;
margin-bottom: 1.6875rem;
}
.narsDowloadPc .nDtopCtMian .nDtopIt .tpimg {
width: 100%;
height: 100%;
}
.narsMBpage .narsmb-jjfa .narsmbjjfa-slide .narsmb-jjfa-info .narsmbjjfa-txt {
font-size: 0.75rem;
line-height: 1rem;
text-indent: 2em;
}
.narsDowloadPc .nDtopCtMian .nDtopIt .tpimg {
width: 100%;
height: 100%;
}
.narsMBpage .narsmb-jjfa .narsmb-jjfabgimg {
width: 9.9375rem;
height: 18.375rem;
position: absolute;
top: 0;
z-index: -1;
}
.narsmb-wlj {
width: 100%;
.narsDowloadPc .nDtopCtMian .nDtopIt2 {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
.narsDowloadPc .nDtopCtMian .nDtopIt2 .nDitImg {
width: 48.5%;
background: #fff;
display: flex;
flex-direction: column;
}
.narsmb-wlj .narsmbwlj-title {
text-align: center;
font-size: 1.6875rem;
font-weight: bold;
padding-top: 2.0625rem;
padding-bottom: 1.3125rem;
}
.narsmb-wlj .narsmbwltitem {
margin: 0 0.4375rem;
height: 9.0625rem;
background: #131b28;
display: flex;
flex-direction: row;
justify-content: space-between;
margin-bottom: 0.5rem;
}
.narsmb-wlj .narsmbwltitem .narsmbwljcp {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
height: inherit;
}
.narsmb-wlj .narsmbwltitem .narsmbwljcp .narsmbtt {
font-size: 1.0625rem;
font-weight: bold;
color: #fff;
width: 35.5rem;
text-align: center;
margin-left: 35%;
}
.narsmb-wlj .narsmbwltitem .narsmbwljcp .narsmbwljimg {
height: inherit;
}
.narsmb-wlj .narsmbwltitem .narsmbwljcpinfo {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
color: #fff;
flex: 1;
margin: 0 1.25rem;
}
.narsmb-wlj .narsmbwltitem .narsmbwljcpinfo .narsmbif-title {
font-weight: bold;
font-size: 1.0625rem;
padding-bottom: 1rem;
}
.narsmb-wlj .narsmbwltitem .narsmbwljcpinfo .narsmbif-info {
font-size: 0.625rem;
line-height: 1rem;
text-align: center;
}
.narsmb-wlj .narsmbwltitem .narsmbwljcpinfo .narsmbwlj-xzbt {
width: 7.25rem;
height: 2.1875rem;
border-radius: 3.25rem;
line-height: 2.1875rem;
border: 1px solid #ffffff;
font-size: 0.875rem;
text-align: center;
cursor: pointer;
margin: 0 1.25rem;
margin-bottom: 0.625rem;
}
.narsmb-wlj .narsmbwltitem .narsmbwljcpinfo .narsmbtt {
font-size: 1.0625rem;
font-weight: bold;
color: #fff;
text-align: center;
.narsDowloadPc .nDtopCtMian .nDtopIt2 .nDitImg img{
width: 6.25rem;
height: 6.25rem;
padding: 1.25rem;
}
.narsMBbannerSwiper {
padding-top: 0px;
.narswljshow{
display: none;
}
</style>
.narswljshow .nDtopIt2 .nDitImg{
/* width: 291px !important; */
}
.narssbshow .nrowimg {
width: 100%;
background: #fff;
display: flex;
justify-content: center;
}
.narssbshow .nrowimg img{
width: 50%;
height: 50%;
}
</style>
</head>
<body>
{include file='include/top_nas'/}
<!--nars 手机 -->
<div class="narsMBpage">
<!--轮播 banner-->
<div class="narsMB-banner">
<div class="swiper-container narsMBbannerSwiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="/uploads/nas/mobile-beta.png" alt="" class="narsmb-img" />
</div>
</div>
{include file='include/top_nas'/}
<div class="narsDowloadPc">
<div class="narsDtabs">
<div class="narsDtabIt narsDtabIt_active">CyberData赛博云空间</div>
<div class="narsDtabIt">Weline微链接</div>
</div>
<!-- 赛博云-->
<div class="nDtopCtMian narssbshow">
<div class="nDtopIt">
<img src="__PUBLIC__/m_web/images/nas/narsdlapp-sbimg.jpg" class="tpimg" />
</div>
<div class="nDtopIt2">
<a class="nDitImg" href="http://demo.orico.com.cn/static/download/赛博云空间_v1.1.0_24054.apk" download="赛博云空间_v1.1.0_24054.apk">
<div class="nDitImg"><img src="__PUBLIC__/m_web/images/nas/narsdlapp_d1.png" /></div>
</a>
<a class="nDitImg" href="https://apps.apple.com/cn/app/%E8%B5%9B%E5%8D%9A%E4%BA%91%E7%A9%BA%E9%97%B4/id6695746746" target="_blank">
<div class="nDitImg"><img src="__PUBLIC__/m_web/images/nas/narsdlapp-d2.png" /></div>
</a>
<a class="nDitImg" href="http://demo.orico.com.cn/static/download/赛博云空间_v1.1.0_24057.exe" download="赛博云空间_v1.1.0_24057.exe">
<div class="nDitImg"><img src="__PUBLIC__/m_web/images/nas/narsdlapp_d3.png" /></div>
</a>
<a class="nDitImg" href="https://apps.apple.com/cn/app/%E8%B5%9B%E5%8D%9A%E4%BA%91%E7%A9%BA%E9%97%B4/id6695746746" target="_blank">
<div class="nDitImg"><img src="__PUBLIC__/m_web/images/nas/narsdlapp_d4.png" /></div>
</a>
</div>
<div class="nDitImg nrowimg" style="margin-bottom: 25px;"><img src="__PUBLIC__/m_web/images/nas/narsdlapp_d5.png" /></div>
</div>
<!-- 微链接-->
<div class="nDtopCtMian narswljshow">
<div class="nDtopIt">
<img src="__PUBLIC__/m_web/images/nas/narsdlapp-wljimg.jpg" class="tpimg" />
</div>
<div class="nDtopIt2" style="margin-bottom: 25px;">
<a class="nDitImg" href="http://demo.orico.com.cn/static/download/WeLine_r5.4.11.8553_2024091916.apk" download="WeLine_r5.4.11.8553_2024091916.apk">
<div class="nDitImg"><img src="__PUBLIC__/m_web/images/nas/narsdlapp_d1.png" /></div>
</a>
<a class="nDitImg" href="https://apps.apple.com/us/app/weline-io/id1495146123" target="_blank">
<div class="nDitImg"><img src="__PUBLIC__/m_web/images/nas/narsdlapp-d2.png" /></div>
</a>
<a class="nDitImg" href="http://demo.orico.com.cn/static/download/Weline_PC_v5.4.7.20240929.exe" download="Weline_PC_v5.4.7.20240929.exe">
<div class="nDitImg"><img src="__PUBLIC__/m_web/images/nas/narsdlapp_d3.png" /></div>
</a>
<a class="nDitImg" href="http://demo.orico.com.cn/static/download/Weline_Mac_v5.4.7.20240929.dmg" download="Weline_Mac_v5.4.7.20240929.dmg">
<div class="nDitImg"><img src="__PUBLIC__/m_web/images/nas/narsdlapp_d4.png" /></div>
</a>
</div>
</div>
{include file='include/bottom1'/}
</div>
</div>
</body>
<script>
$(document).ready(function () {
$('.narsDtabIt').click(function () {
$('.narsDtabIt').removeClass('narsDtabIt_active');
$(this).addClass('narsDtabIt_active');
if ($(this).index() === 0) {
$('.narssbshow').show();
$('.narswljshow').hide();
} else {
$('.narssbshow').hide();
$('.narswljshow').show();
}
});
});
</script>
</html>

1
app/mobile/view/tops_nas/index.phtml
View File

@@ -452,6 +452,7 @@
</a>
</div>
{/volist}
</div>
{include file='include/bottom1'/}
</div>