Files
orico-official-website-old/app/usmobile/view/tops_nas/download.phtml

154 lines
2.9 KiB
PHTML
Executable File

<!DOCTYPE html>
<html>
<head>
<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">
.icon-menu-svg,
.icon-search-svg,
.icon-lag-svg {
color: #000 !important;
}
.header {
color: #fff;
}
.narsDowloadPc {
/*height: 100vh;*/
background: #F5F5F5;
/*position: relative;*/
display: flex;
flex-direction: column;
overflow-y: auto;
}
.narsDowloadPc .narsDtabs {
margin: 0 1.25rem;
margin-top: 1rem;
display: flex;
flex-direction: row;
justify-content: center;
height: 2.625rem;
}
.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;
}
.narsDowloadPc .narsDtabs .narsDtabIt:first-child {
margin-right: 0.9375rem;
}
.narsDowloadPc .narsDtabs .narsDtabIt_active {
color: #fff;
background: #004CFA;
}
.narsDowloadPc .narsDmainConten {
margin: 0 1.25rem;
background: #fff;
margin-bottom: 10px;
position: relative;
}
.narsDowloadPc .nDtopCtMian {
padding-top: 1.25rem;
position: relative;
overflow: hideen;
margin: 0 1.25rem;
height: auto;
}
.narsDowloadPc .nDtopCtMian .nDtopIt {
width: 100%;
background: #fff;
margin-bottom: 10px;
box-sizing: border-box;
}
.narsDowloadPc .nDtopCtMian .nDtopIt .tpimg {
width: 100%;
height: 100%;
}
.narsDowloadPc .nDtopCtMian .nDtopIt .tpimg {
width: 100%;
height: 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;
justify-content: center;
align-items: center;
cursor: pointer;
margin-bottom: 0.625rem;
}
.narsDowloadPc .nDtopCtMian .nDtopIt2 .nDitImg img {
width: 6.25rem;
height: 6.25rem;
padding: 1.25rem;
}
.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'/}
<div class="narsDowloadPc">
<div class="narsDtabs"></div>
<!-- 微链接-->
<div class="nDtopCtMian narswljshow">
{if condition="!empty($focus_image)"}
<div class="nDtopIt">
<img src="{$focus_image[0]['picture']}" class="tpimg" />
</div>
{/if}
{if condition="!empty($downloads)"}
<div class="nDtopIt2" style="margin-bottom: 25px;">
{volist name="downloads" id="vo"}
<a class="nDitImg" href="{$vo.link}" download="{$vo.desc}">
<div class="nDitImg"><img src="{$vo.picture}" /></div>
</a>
{/volist}
</div>
{/if}
</div>
{include file='include/bottom'/}
</div>
</body>
</html>