xiuos_IoT/xiuosiot-frontend/src/views/product/RV400-SR100/index.vue

220 lines
7.2 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<template>
<div>
<Cover :current="1" :show-website="false" />
<div class="body-container">
<div class="info mt100">
<h1>产品介绍</h1>
<el-row>
<el-col :span="18" :offset="3">
<img src="@/assets/images/SR100.png" width="60%"></img>
<p class="intro">
矽灵通终端设备采用多核异构设计集成了一个Hi3559A主核和可选的 RISCV架构从核
其中Hi3559AV100 包含了丰富的计算资源包括单核的 A53 双核 A73 和双核 A53 组成的 big.LITTLE 系统
一个 M7 一个 GPU 两个 DSP NNIE 加速引擎功能齐全技术指标高工艺先进且整体性能相当均衡
可以满足多个行业的需求Hi3559A具有极高的ISP图像质量编解码质量广泛用于安防和范安防行业等多种领域内
</p>
</el-col>
</el-row>
</div>
<div class="arch">
<h1>技术架构</h1>
<el-row>
<el-col :span="5" :offset="2">
<el-card>
<img src="@/assets/images/size.png"></img>
<h3>尺寸规格</h3>
<p class="intro">200 * 170 * 35 MM</p>
</el-card>
</el-col>
<el-col :span="5"><el-card>
<img src="@/assets/images/power.png"></img>
<h3>电源输入</h3>
<p class="intro">12V / 5A</p>
</el-card></el-col>
<el-col :span="5"><el-card>
<img src="@/assets/images/server.png"></img>
<h3>CPU</h3>
<p class="intro">多核arm架构Hi3559A 1.6GHZ + 双核risc-v架构K210</p>
</el-card></el-col>
<el-col :span="5"><el-card>
<img src="@/assets/images/save.png"></img>
<h3>存储能力</h3>
<p class="intro">8GB LPDDR464GB EMMC FLASH</p>
</el-card></el-col>
</el-row>
<el-row>
<el-col :span="5" :offset="2"><el-card>
<img src="@/assets/images/screen.png"></img>
<h3>显示屏</h3>
<p class="intro">HDMI接口1024*768触摸屏</p>
</el-card></el-col>
<el-col :span="5"><el-card>
<img src="@/assets/images/exchange.png"></img>
<h3>传感器模块</h3>
<p class="intro">根据需要配置</p>
</el-card></el-col>
<el-col :span="5"><el-card>
<img src="@/assets/images/recycle.png"></img>
<h3>调试接口</h3>
<p class="intro">UART1 * 1用于ttl debugSD卡用于系统烧录 </p>
</el-card></el-col>
<el-col :span="5"><el-card>
<img src="@/assets/images/connection.png"></img>
<h3>外部接口</h3>
<p class="intro">UartCo-CPU-Uart485USB2.0USB3.0SDCANI2CCo-CPU-I2CGPIO</p>
</el-card></el-col>
</el-row>
<el-row>
<el-col :span="5" :offset="2"><el-card>
<img src="@/assets/images/world.png"></img>
<h3>网络组件</h3>
<p class="intro">WiFi4G/5GETHERNET</p>
</el-card></el-col>
<el-col :span="5"><el-card>
<img src="@/assets/images/robot.png"></img>
<h3>操作系统支持</h3>
<p class="intro">Ubuntu XiUOS RT-Thread NuttX </p>
</el-card></el-col>
</el-row>
</div>
<div class="advantage">
<h1>产品优势</h1>
<el-row class="advantage_row">
<el-col :span="6" :offset="2">
<div>
<img class="img" src="@/assets/images/interface.png"></img>
<h3>强大的机器学习性能</h3>
<p class="intro">双核 NNIE@840MHZ神经网络加速引擎内置双目深度检测单元</p>
</div>
</el-col>
<el-col :span="6" :offset="4">
<div>
<img class="img" src="@/assets/images/hexagon.png"></img>
<h3>强大的视频处理能力</h3>
<p class="intro">四核 DSP@700MHZ, 32K I-Cache/32K IRAM/512KB支持多码流实时编码JPEG/MJPEG解码</p>
</div>
</el-col>
</el-row>
<el-row class="advantage_row">
<el-col :span="6" :offset="6">
<div>
<img class="img" src="@/assets/images/cubic.png"></img>
<h3>多核处理器架构</h3>
<p class="intro">Hi3559A主核与从核之间通过uart/spi接口连接通信通过松耦合的方式多处理器协调工作达到负载均衡节省功耗</p>
</div>
</el-col>
<el-col :span="6" :offset="4">
<div>
<img class="img" src="@/assets/images/cloud.png"></img>
<h3>多操作系统支持</h3>
<p class="intro">支持ARM架构linux桌面操作系统也支持多样RTOS</p>
</div>
</el-col>
</el-row>
</div>
<div class="scene">
<h1>应用场景</h1>
<el-row style="margin-top:70px">
<el-col :span="4" :offset="4">
<div class="content">
<img class="img" width="100%" src="@/assets/images/tile.png"></img>
<span>瓷砖检测</span>
</div>
</el-col>
<el-col :span="4" :offset="2">
<div class="content">
<img class="img" width="100%" src="@/assets/images/img_flow.png"></img>
<span>图像流识别</span>
</div>
</el-col>
<el-col :span="4" :offset="2">
<div class="content">
<img class="img" width="100%" src="@/assets/images/security.png"></img>
<span>智能安防</span>
</div>
</el-col>
</el-row>
</div>
</div>
<Footer />
</div>
</template>
<script>
import Cover from '@/views/components/Cover'
import Footer from '@/views/components/Footer'
export default {
components: { Cover, Footer },
data() {
return {}
},
mounted() {},
methods: {}
}
</script>
<style lang="scss" scoped>
.body-container {
min-width: 1340px;
color: #2e2e2e;
text-align: center;
font-family: Nunito;
.info {
.intro {
text-align: justify;
text-indent: 2em;
font-size: 20px;
line-height: 2.5;
letter-spacing: 2px;
}
}
.arch {
min-height: 100vh;
background: url('~@/assets/images/advantage_bg.png') no-repeat;
background-size: 100% 100%;
margin-top: 50px;
padding-top: 20px;
padding-bottom: 30px;
.intro {
font-size: 14px;
line-height: 1.5;
}
}
.advantage{
.advantage_row{
height: 20vh;
&:first-of-type{
margin-top: 50px;
}
.img{
float: left;
margin-right: 20px;
}
.intro{
font-size: 14px;
line-height: 1.5;
overflow: hidden;
}
}
}
.scene{
padding-top: 70px;
padding-bottom: 120px;
background: url('~@/assets/images/scene_bg.png') no-repeat;
background-size: 100% 100%;
.content{
background-color: #fff;
span{
font-size: 20px;
}
}
}
}
.el-card {
margin: 20px;
height: 23vh;
min-height: 250px;
}
</style>