mirror of
https://github.com/sipeed/sipeed_wiki.git
synced 2026-11-09 17:44:31 -06:00
merge upstream/main
This commit is contained in:
Rosemary_HSN
714
layout/home.html
714
layout/home.html
@@ -1,357 +1,357 @@
|
||||
<!-- 翻译:
|
||||
1. teedoc serve 预览
|
||||
2. 使用 {{_("翻译内容")}} 标记需要翻译的文字
|
||||
3. 由于 teedoc 对翻译文件还没有做实时监测更改,需要:
|
||||
保存一下此页面，teedoc 会自动搜索需要翻译的文字
|
||||
4. 在 layout/locales 目录下手动翻译 po 文件
|
||||
5. 最后保存一下本页面预览会自动刷新
|
||||
-->
|
||||
{% extends "page_base.html" %} {% block content %}
|
||||
|
||||
<script src="/static/css/tailwind.css"></script>
|
||||
{% include "style.html" %}
|
||||
|
||||
<script src="/static/js/vue.global.prod.js"></script>
|
||||
<script src="/static/js/naive-ui.prod.js"></script>
|
||||
|
||||
<div id="root">
|
||||
<div id="products" class="flex flex-col lg:flex-row justify-center">
|
||||
<div id="products_menu">
|
||||
<ul id="menuItems">
|
||||
<li
|
||||
v-for="(item, key) in data.products"
|
||||
class="menuItem menuItem1"
|
||||
@click="setContent(item)"
|
||||
:id="'menu_'+item.content"
|
||||
>
|
||||
<span>{[ item.label ]}</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div
|
||||
id="content"
|
||||
style="overflow-wrap: anywhere"
|
||||
>
|
||||
<!-- 修改完以下字页面到本文档来保存一下即可刷新页面 -->
|
||||
<div id="page_maix" class="hidden h-full w-full">
|
||||
{% include "maix.html" %}
|
||||
</div>
|
||||
<div id="page_tang" class="hidden h-full w-full">
|
||||
{% include "tang.html" %}
|
||||
</div>
|
||||
<div id="page_licheepi" class="hidden h-full w-full">
|
||||
{% include "licheepi.html" %}
|
||||
</div>
|
||||
<div id="page_maixsense" class="hidden h-full w-full">
|
||||
{% include "maixsense.html" %}
|
||||
</div>
|
||||
<div id="page_others" class="hidden h-full w-full">
|
||||
{% include "others.html" %}
|
||||
</div>
|
||||
|
||||
<div id="page_news" class="hidden h-full w-full">
|
||||
<n-carousel
|
||||
show-arrow
|
||||
dot-type="line"
|
||||
dot-placement="bottom"
|
||||
class="carousel"
|
||||
:show-dots="true"
|
||||
:draggable="true"
|
||||
:autoplay="true"
|
||||
:interval="6000"
|
||||
>
|
||||
<!-- for item, key is index -->
|
||||
<n-carousel-item
|
||||
class="carousel_item"
|
||||
v-for="(item, key) in data.head"
|
||||
>
|
||||
<img class="carousel-img" :src="item.img" />
|
||||
<div class="carousel_item_bottom">
|
||||
<div class="btn_contrainer">
|
||||
<a
|
||||
v-for="(btn, key2) in item.btns"
|
||||
:href="btn.link"
|
||||
target="_blank"
|
||||
:class="key2 === item.btns.length - 1? 'btn_home_head btn_home_head_last' : 'btn_home_head'"
|
||||
>
|
||||
{[ btn.lable ]}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</n-carousel-item>
|
||||
</n-carousel>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script lang="ts">
|
||||
const data = {
|
||||
head: [
|
||||
// 图片分辨率为： 1800x600， 左右两边各留 200px 不包含实际内容只有背景，中间 1400px 是内容
|
||||
{
|
||||
img: "{{_('/static/home/banner_maixcam.jpg')}}",
|
||||
btns: [
|
||||
{
|
||||
lable: "{{_('硬件文档')}}",
|
||||
link: "{{_('/maixcam')}}",
|
||||
},
|
||||
{
|
||||
lable: "软件 MaixPy",
|
||||
link: "{{_('/maixpy')}}",
|
||||
},
|
||||
{
|
||||
lable: "{{_('购买')}}",
|
||||
link: "{{_('https://item.taobao.com/item.htm?id=784724795837')}}",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
img: "{{_('/static/home/banner_nanokvm_zh.jpg')}}",
|
||||
btns: [
|
||||
{
|
||||
lable: "{{_('文档')}}",
|
||||
link: "{{_('/nanokvm')}}",
|
||||
},
|
||||
{
|
||||
lable: "{{_('购买')}}",
|
||||
link: "{{_('https://item.taobao.com/item.htm?id=811206560480')}}",
|
||||
}
|
||||
],
|
||||
},
|
||||
{
|
||||
img: "{{_('/static/home/LicheeRV-Nano.jpg')}}",
|
||||
btns: [
|
||||
{
|
||||
lable: "{{_('文档')}}",
|
||||
link: "/licheerv-nano",
|
||||
},
|
||||
{
|
||||
lable: "{{_('购买')}}",
|
||||
link: "{{_('https://item.taobao.com/item.htm?id=764939520376')}}",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
img: "{{_('/static/home/LonganPi3H.jpg')}}",
|
||||
btns: [
|
||||
{
|
||||
lable: "{{_('文档')}}",
|
||||
link: "/lpi3h.html",
|
||||
},
|
||||
{
|
||||
lable: "{{_('购买')}}",
|
||||
link: "{{_('https://item.taobao.com/item.htm?ft=t&id=758221950525')}}",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
img: "{{_('/static/home/console-4A.jpg')}}",
|
||||
btns: [
|
||||
{
|
||||
lable: "{{_('文档')}}",
|
||||
link: "/licheeconsole4a",
|
||||
},
|
||||
{
|
||||
lable: "{{_('购买')}}",
|
||||
link: "/store",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
img: "/static/home/25K.jpg",
|
||||
btns: [
|
||||
{
|
||||
lable: "{{_('文档')}}",
|
||||
link: "/tang25k",
|
||||
},
|
||||
{
|
||||
lable: "{{_('购买')}}",
|
||||
link: "/store",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
img: "/static/home/138K.jpg",
|
||||
btns: [
|
||||
{
|
||||
lable: "{{_('文档')}}",
|
||||
link: "/tang138k",
|
||||
},
|
||||
{
|
||||
lable: "{{_('购买')}}",
|
||||
link: "/store",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
img: "/static/home/banner_slogic.jpg",
|
||||
btns: [
|
||||
{
|
||||
lable: "{{_('文档')}}",
|
||||
link: "/slogic",
|
||||
},
|
||||
{
|
||||
lable: "{{_('购买')}}",
|
||||
link: "{{_('https://item.taobao.com/item.htm?id=737788586308')}}",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
img: "/static/home/LicheePi-4A.jpg",
|
||||
btns: [
|
||||
{
|
||||
lable: "{{_('文档')}}",
|
||||
link: "/licheepi4a",
|
||||
},
|
||||
{
|
||||
lable: "{{_('购买')}}",
|
||||
link: "{{_('https://item.taobao.com/item.htm?id=737788586308')}}",
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
products: [
|
||||
// 只写公司重点运营的，不是重点推的产品不要写在这里，文档里面可以有，但是这里不写
|
||||
// 改了需要同步改前面的 include 部分
|
||||
{
|
||||
label: "{{_('产品动态')}}",
|
||||
content: "news",
|
||||
},
|
||||
{
|
||||
label: "{{_('Maix AI 视觉')}}",
|
||||
content: "maix", // maix.html
|
||||
},
|
||||
{
|
||||
label: "Lichee / Longan",
|
||||
content: "licheepi",
|
||||
},
|
||||
{
|
||||
label: "Tang FPGA",
|
||||
content: "tang",
|
||||
},
|
||||
{
|
||||
label: "{{_('MaixSense 传感器')}}",
|
||||
content: "maixsense",
|
||||
},
|
||||
{
|
||||
label: "{{_('其它')}}",
|
||||
content: "others",
|
||||
},
|
||||
],
|
||||
};
|
||||
|
||||
function isLimitedNetwork() {
|
||||
var connection = navigator.connection ||
|
||||
navigator.mozConnection ||
|
||||
navigator.webkitConnection || { type: "unknown" };
|
||||
const notLimitTypes = ["ethernet", "wifi", "wimax"];
|
||||
const limitTypes = ["bluetooth", "cellular"];
|
||||
var system = {
|
||||
win: false,
|
||||
mac: false,
|
||||
x11: false,
|
||||
ipad: false,
|
||||
};
|
||||
var p = navigator.platform;
|
||||
system.win = p.indexOf("Win") == 0;
|
||||
system.mac = p.indexOf("Mac") == 0;
|
||||
system.x11 = p == "X11" || p.indexOf("Linux") == 0;
|
||||
system.ipad = navigator.userAgent.match(/iPad/i) != null ? true : false;
|
||||
if (notLimitTypes.indexOf(connection.type) >= 0) {
|
||||
return false;
|
||||
}
|
||||
if (
|
||||
(system.win || system.mac || system.x11 || system.ipad) &&
|
||||
limitTypes.indexOf(connection.type) < 0
|
||||
) {
|
||||
return false;
|
||||
}
|
||||
return true;
|
||||
}
|
||||
|
||||
const allHandling = {
|
||||
compilerOptions: {
|
||||
delimiters: ["{[", "]}"],
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
data: data,
|
||||
deviceWidth: window.innerWidth,
|
||||
data_maix: data_maix,
|
||||
data_maixcam: data_maixcam,
|
||||
data_lichee: data_lichee,
|
||||
data_arm: data_arm,
|
||||
data_tang: data_tang,
|
||||
data_maixsense: data_maixsense,
|
||||
data_others: data_others,
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
var isWechat = window.WeixinJSBridge;
|
||||
if (!isWechat) {
|
||||
document.addEventListener(
|
||||
"WeixinJSBridgeReady",
|
||||
function () {
|
||||
var players_mask = document.getElementsByClassName("play_mask");
|
||||
for (var i = 0; i < players_mask.length; ++i) {
|
||||
players_mask[i].style.display = "block";
|
||||
}
|
||||
},
|
||||
false
|
||||
);
|
||||
}
|
||||
if (isLimitedNetwork() || isWechat) {
|
||||
var players_mask = document.getElementsByClassName("play_mask");
|
||||
for (var i = 0; i < players_mask.length; ++i) {
|
||||
players_mask[i].style.display = "block";
|
||||
}
|
||||
} else {
|
||||
var players = document.getElementsByClassName("video_player");
|
||||
for (var i = 0; i < players.length; ++i) {
|
||||
players[i].play();
|
||||
}
|
||||
}
|
||||
// set content default page
|
||||
this.setContent(this.data.products[0]);
|
||||
},
|
||||
methods: {
|
||||
playVideo(event) {
|
||||
// remove play button and paly video
|
||||
el = event.target;
|
||||
el.style.display = "none";
|
||||
player = el.parentElement.getElementsByTagName("video")[0];
|
||||
player.play();
|
||||
},
|
||||
setContent(item) {
|
||||
// set page_{item.content} in content visible, others hidden
|
||||
let contentEl = document.getElementById("content");
|
||||
// data.products
|
||||
for (var i = 0; i < this.data.products.length; ++i) {
|
||||
let el = document.getElementById(
|
||||
"page_" + this.data.products[i].content
|
||||
);
|
||||
if (this.data.products[i].content == item.content) {
|
||||
el.style.display = "block";
|
||||
} else {
|
||||
el.style.display = "none";
|
||||
}
|
||||
}
|
||||
// set menu active
|
||||
var ul = document.getElementById("menuItems");
|
||||
var items = ul.getElementsByTagName("li");
|
||||
for (var i = 0; i < items.length; ++i) {
|
||||
items[i].classList.remove("active");
|
||||
if (items[i].id == "menu_" + item.content) {
|
||||
items[i].classList.add("active");
|
||||
}
|
||||
}
|
||||
},
|
||||
},
|
||||
};
|
||||
var app = Vue.createApp(allHandling);
|
||||
app.use(naive);
|
||||
var vm = app.mount("#root");
|
||||
</script>
|
||||
|
||||
{{ body|safe }} {% endblock%}
|
||||
<!-- 翻译:
|
||||
1. teedoc serve 预览
|
||||
2. 使用 {{_("翻译内容")}} 标记需要翻译的文字
|
||||
3. 由于 teedoc 对翻译文件还没有做实时监测更改,需要:
|
||||
保存一下此页面，teedoc 会自动搜索需要翻译的文字
|
||||
4. 在 layout/locales 目录下手动翻译 po 文件
|
||||
5. 最后保存一下本页面预览会自动刷新
|
||||
-->
|
||||
{% extends "page_base.html" %} {% block content %}
|
||||
|
||||
<script src="/static/css/tailwind.css"></script>
|
||||
{% include "style.html" %}
|
||||
|
||||
<script src="/static/js/vue.global.prod.js"></script>
|
||||
<script src="/static/js/naive-ui.prod.js"></script>
|
||||
|
||||
<div id="root">
|
||||
<div id="products" class="flex flex-col lg:flex-row justify-center">
|
||||
<div id="products_menu">
|
||||
<ul id="menuItems">
|
||||
<li
|
||||
v-for="(item, key) in data.products"
|
||||
class="menuItem menuItem1"
|
||||
@click="setContent(item)"
|
||||
:id="'menu_'+item.content"
|
||||
>
|
||||
<span>{[ item.label ]}</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div
|
||||
id="content"
|
||||
style="overflow-wrap: anywhere"
|
||||
>
|
||||
<!-- 修改完以下字页面到本文档来保存一下即可刷新页面 -->
|
||||
<div id="page_maix" class="hidden h-full w-full">
|
||||
{% include "maix.html" %}
|
||||
</div>
|
||||
<div id="page_tang" class="hidden h-full w-full">
|
||||
{% include "tang.html" %}
|
||||
</div>
|
||||
<div id="page_licheepi" class="hidden h-full w-full">
|
||||
{% include "licheepi.html" %}
|
||||
</div>
|
||||
<div id="page_maixsense" class="hidden h-full w-full">
|
||||
{% include "maixsense.html" %}
|
||||
</div>
|
||||
<div id="page_others" class="hidden h-full w-full">
|
||||
{% include "others.html" %}
|
||||
</div>
|
||||
|
||||
<div id="page_news" class="hidden h-full w-full">
|
||||
<n-carousel
|
||||
show-arrow
|
||||
dot-type="line"
|
||||
dot-placement="bottom"
|
||||
class="carousel"
|
||||
:show-dots="true"
|
||||
:draggable="true"
|
||||
:autoplay="true"
|
||||
:interval="6000"
|
||||
>
|
||||
<!-- for item, key is index -->
|
||||
<n-carousel-item
|
||||
class="carousel_item"
|
||||
v-for="(item, key) in data.head"
|
||||
>
|
||||
<img class="carousel-img" :src="item.img" />
|
||||
<div class="carousel_item_bottom">
|
||||
<div class="btn_contrainer">
|
||||
<a
|
||||
v-for="(btn, key2) in item.btns"
|
||||
:href="btn.link"
|
||||
target="_blank"
|
||||
:class="key2 === item.btns.length - 1? 'btn_home_head btn_home_head_last' : 'btn_home_head'"
|
||||
>
|
||||
{[ btn.lable ]}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</n-carousel-item>
|
||||
</n-carousel>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script lang="ts">
|
||||
const data = {
|
||||
head: [
|
||||
// 图片分辨率为： 1800x600， 左右两边各留 200px 不包含实际内容只有背景，中间 1400px 是内容
|
||||
{
|
||||
img: "{{_('/static/home/banner_maixcam.jpg')}}",
|
||||
btns: [
|
||||
{
|
||||
lable: "{{_('硬件文档')}}",
|
||||
link: "{{_('/maixcam')}}",
|
||||
},
|
||||
{
|
||||
lable: "软件 MaixPy",
|
||||
link: "{{_('/maixpy')}}",
|
||||
},
|
||||
{
|
||||
lable: "{{_('购买')}}",
|
||||
link: "{{_('https://item.taobao.com/item.htm?id=784724795837')}}",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
img: "{{_('/static/home/banner_nanokvm_zh.jpg')}}",
|
||||
btns: [
|
||||
{
|
||||
lable: "{{_('文档')}}",
|
||||
link: "{{_('/nanokvm')}}",
|
||||
},
|
||||
{
|
||||
lable: "{{_('购买')}}",
|
||||
link: "{{_('https://item.taobao.com/item.htm?id=811206560480')}}",
|
||||
}
|
||||
],
|
||||
},
|
||||
{
|
||||
img: "{{_('/static/home/LicheeRV-Nano.jpg')}}",
|
||||
btns: [
|
||||
{
|
||||
lable: "{{_('文档')}}",
|
||||
link: "/licheerv-nano",
|
||||
},
|
||||
{
|
||||
lable: "{{_('购买')}}",
|
||||
link: "{{_('https://item.taobao.com/item.htm?id=764939520376')}}",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
img: "{{_('/static/home/LonganPi3H.jpg')}}",
|
||||
btns: [
|
||||
{
|
||||
lable: "{{_('文档')}}",
|
||||
link: "/lpi3h.html",
|
||||
},
|
||||
{
|
||||
lable: "{{_('购买')}}",
|
||||
link: "{{_('https://item.taobao.com/item.htm?ft=t&id=758221950525')}}",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
img: "{{_('/static/home/console-4A.jpg')}}",
|
||||
btns: [
|
||||
{
|
||||
lable: "{{_('文档')}}",
|
||||
link: "/licheeconsole4a",
|
||||
},
|
||||
{
|
||||
lable: "{{_('购买')}}",
|
||||
link: "/store",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
img: "/static/home/25K.jpg",
|
||||
btns: [
|
||||
{
|
||||
lable: "{{_('文档')}}",
|
||||
link: "/tang25k",
|
||||
},
|
||||
{
|
||||
lable: "{{_('购买')}}",
|
||||
link: "/store",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
img: "/static/home/138K.jpg",
|
||||
btns: [
|
||||
{
|
||||
lable: "{{_('文档')}}",
|
||||
link: "/tang138k",
|
||||
},
|
||||
{
|
||||
lable: "{{_('购买')}}",
|
||||
link: "/store",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
img: "/static/home/banner_slogic.jpg",
|
||||
btns: [
|
||||
{
|
||||
lable: "{{_('文档')}}",
|
||||
link: "/slogic",
|
||||
},
|
||||
{
|
||||
lable: "{{_('购买')}}",
|
||||
link: "{{_('https://item.taobao.com/item.htm?id=737788586308')}}",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
img: "/static/home/LicheePi-4A.jpg",
|
||||
btns: [
|
||||
{
|
||||
lable: "{{_('文档')}}",
|
||||
link: "/licheepi4a",
|
||||
},
|
||||
{
|
||||
lable: "{{_('购买')}}",
|
||||
link: "{{_('https://item.taobao.com/item.htm?id=737788586308')}}",
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
products: [
|
||||
// 只写公司重点运营的，不是重点推的产品不要写在这里，文档里面可以有，但是这里不写
|
||||
// 改了需要同步改前面的 include 部分
|
||||
{
|
||||
label: "{{_('产品动态')}}",
|
||||
content: "news",
|
||||
},
|
||||
{
|
||||
label: "{{_('Maix AI 视觉')}}",
|
||||
content: "maix", // maix.html
|
||||
},
|
||||
{
|
||||
label: "Lichee / Longan",
|
||||
content: "licheepi",
|
||||
},
|
||||
{
|
||||
label: "Tang FPGA",
|
||||
content: "tang",
|
||||
},
|
||||
{
|
||||
label: "{{_('MaixSense 传感器')}}",
|
||||
content: "maixsense",
|
||||
},
|
||||
{
|
||||
label: "{{_('其它')}}",
|
||||
content: "others",
|
||||
},
|
||||
],
|
||||
};
|
||||
|
||||
function isLimitedNetwork() {
|
||||
var connection = navigator.connection ||
|
||||
navigator.mozConnection ||
|
||||
navigator.webkitConnection || { type: "unknown" };
|
||||
const notLimitTypes = ["ethernet", "wifi", "wimax"];
|
||||
const limitTypes = ["bluetooth", "cellular"];
|
||||
var system = {
|
||||
win: false,
|
||||
mac: false,
|
||||
x11: false,
|
||||
ipad: false,
|
||||
};
|
||||
var p = navigator.platform;
|
||||
system.win = p.indexOf("Win") == 0;
|
||||
system.mac = p.indexOf("Mac") == 0;
|
||||
system.x11 = p == "X11" || p.indexOf("Linux") == 0;
|
||||
system.ipad = navigator.userAgent.match(/iPad/i) != null ? true : false;
|
||||
if (notLimitTypes.indexOf(connection.type) >= 0) {
|
||||
return false;
|
||||
}
|
||||
if (
|
||||
(system.win || system.mac || system.x11 || system.ipad) &&
|
||||
limitTypes.indexOf(connection.type) < 0
|
||||
) {
|
||||
return false;
|
||||
}
|
||||
return true;
|
||||
}
|
||||
|
||||
const allHandling = {
|
||||
compilerOptions: {
|
||||
delimiters: ["{[", "]}"],
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
data: data,
|
||||
deviceWidth: window.innerWidth,
|
||||
data_maix: data_maix,
|
||||
data_maixcam: data_maixcam,
|
||||
data_lichee: data_lichee,
|
||||
data_arm: data_arm,
|
||||
data_tang: data_tang,
|
||||
data_maixsense: data_maixsense,
|
||||
data_others: data_others,
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
var isWechat = window.WeixinJSBridge;
|
||||
if (!isWechat) {
|
||||
document.addEventListener(
|
||||
"WeixinJSBridgeReady",
|
||||
function () {
|
||||
var players_mask = document.getElementsByClassName("play_mask");
|
||||
for (var i = 0; i < players_mask.length; ++i) {
|
||||
players_mask[i].style.display = "block";
|
||||
}
|
||||
},
|
||||
false
|
||||
);
|
||||
}
|
||||
if (isLimitedNetwork() || isWechat) {
|
||||
var players_mask = document.getElementsByClassName("play_mask");
|
||||
for (var i = 0; i < players_mask.length; ++i) {
|
||||
players_mask[i].style.display = "block";
|
||||
}
|
||||
} else {
|
||||
var players = document.getElementsByClassName("video_player");
|
||||
for (var i = 0; i < players.length; ++i) {
|
||||
players[i].play();
|
||||
}
|
||||
}
|
||||
// set content default page
|
||||
this.setContent(this.data.products[0]);
|
||||
},
|
||||
methods: {
|
||||
playVideo(event) {
|
||||
// remove play button and paly video
|
||||
el = event.target;
|
||||
el.style.display = "none";
|
||||
player = el.parentElement.getElementsByTagName("video")[0];
|
||||
player.play();
|
||||
},
|
||||
setContent(item) {
|
||||
// set page_{item.content} in content visible, others hidden
|
||||
let contentEl = document.getElementById("content");
|
||||
// data.products
|
||||
for (var i = 0; i < this.data.products.length; ++i) {
|
||||
let el = document.getElementById(
|
||||
"page_" + this.data.products[i].content
|
||||
);
|
||||
if (this.data.products[i].content == item.content) {
|
||||
el.style.display = "block";
|
||||
} else {
|
||||
el.style.display = "none";
|
||||
}
|
||||
}
|
||||
// set menu active
|
||||
var ul = document.getElementById("menuItems");
|
||||
var items = ul.getElementsByTagName("li");
|
||||
for (var i = 0; i < items.length; ++i) {
|
||||
items[i].classList.remove("active");
|
||||
if (items[i].id == "menu_" + item.content) {
|
||||
items[i].classList.add("active");
|
||||
}
|
||||
}
|
||||
},
|
||||
},
|
||||
};
|
||||
var app = Vue.createApp(allHandling);
|
||||
app.use(naive);
|
||||
var vm = app.mount("#root");
|
||||
</script>
|
||||
|
||||
{{ body|safe }} {% endblock%}
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
[python: **.py]
|
||||
|
||||
[jinja2: **.html]
|
||||
extensions=jinja2.ext.i18n
|
||||
[python: **.py]
|
||||
|
||||
[jinja2: **.html]
|
||||
extensions=jinja2.ext.i18n
|
||||
|
||||
@@ -1 +1 @@
|
||||
locales=["zh", "en"]
|
||||
locales=["zh", "en"]
|
||||
|
||||
@@ -1,319 +1,319 @@
|
||||
<!-- 修改后保存一下 include 这个文件的 html 模板就会渲染 -->
|
||||
|
||||
<div class="w-full flex flex-col justify-center items-center">
|
||||
<h2 class="text-2xl font-bold my-8 block_simple">{{_('Linux RISC-V SBC 系列')}}</h2>
|
||||
<div class="cards">
|
||||
<!-- cards risc-v-->
|
||||
<div class="card" v-for="item in data_lichee.cards">
|
||||
<img class="card_img" :src="item.img" />
|
||||
<h3 class="card_title" class="text-lg">{[item.title]}</h3>
|
||||
<div class="card_brief">{[item.brief]}</div>
|
||||
<div class="card_btns">
|
||||
<a
|
||||
v-for="btn in item.btns"
|
||||
:href="btn.link"
|
||||
:target="btn.new_tab ? '_blank' : '_self'"
|
||||
>{[btn.label]}</a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- cards end -->
|
||||
<!-- cards arm-->
|
||||
<h2 class="text-2xl font-bold my-8 block_simple">{{_('Linux ARM SBC 系列')}}</h2>
|
||||
<div class="cards">
|
||||
<!-- cards -->
|
||||
<div class="card" v-for="item in data_arm.cards">
|
||||
<img class="card_img" :src="item.img" />
|
||||
<h3 class="card_title" class="text-lg">{[item.title]}</h3>
|
||||
<div class="card_brief">{[item.brief]}</div>
|
||||
<div class="card_btns">
|
||||
<a
|
||||
v-for="btn in item.btns"
|
||||
:href="btn.link"
|
||||
:target="btn.new_tab ? '_blank' : '_self'"
|
||||
>{[btn.label]}</a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- cards end -->
|
||||
<h3 class="text-2xl font-bold my-8">{{_('RISC-V SBC 系列产品参数对比')}}</h3>
|
||||
<div class="w-full my-8 overflow-auto px-2">
|
||||
<!-- a table to compare upper products' parameters -->
|
||||
<!-- RISC-V -->
|
||||
<div class="table_wrapper">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>{{_('参数')}}</th>
|
||||
<th>LicheePi 4A</th>
|
||||
<th>LicheeRV-Nano</th>
|
||||
<th>LicheeRV</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>{{_('处理器')}}</td>
|
||||
<td>TH1520: 4xC910@1.85GHz RV64GCV</td>
|
||||
<td>SG2002: C906@1.0GHz/ARM A53 + C906@700MHz + 8051@25~300MHz</td>
|
||||
<td>D1: C906@1.0GHz</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{_('内存')}}</td>
|
||||
<td>8GB/16GB 64bits LPDDR4X</td>
|
||||
<td>256MB DDR3 SIP</td>
|
||||
<td>512MB/1GB DDR3, 792MHz</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{_('储存')}}</td>
|
||||
<td>{{_('预留')}} EMMC/TF {{_('卡')}}</td>
|
||||
<td>{{_('预留')}} SD-NAND/TF {{_('卡')}}</td>
|
||||
<td>{{_('预留')}} SD-NAND/TF {{_('卡')}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{_('GPU和显示')}}</td>
|
||||
<td>
|
||||
IMG BXM-4-64,<br />OpenCL 1.1/1.2/2.0<br />OpenGL ES
|
||||
3.0/3.1/3.2<br />Vulkan 1.1/1.2,<br />HDMI2.0/4-lane MIPI DSI ·
|
||||
Android NN HAL
|
||||
</td>
|
||||
<td>{{_('无')}} GPU, MIPI 2-lane MIPI DSI 31pin, 6pin touchscreen</td>
|
||||
<td>{{_('无')}} GPU, MIPI 4-lane MIPI DSI/ RGB888/MCUI80/SPI</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{_('编解码器')}}</td>
|
||||
<td>
|
||||
H.265 4K@40FPS/H.264 4K@40FPS/VP9/8/7/6/AVS/AVS+/AVS2.0/VC1/MPEG4
|
||||
{{_('解码')}}<br />H.264 4K@40FPS/H.265 4K@40FPS {{_('编码')}}
|
||||
</td>
|
||||
<td>
|
||||
H.264 H.265 2k@30FPS {{_('解码')}}<br />H.264 H.265 2k@30FPS {{_('编码')}}
|
||||
</td>
|
||||
<td>
|
||||
H.264 1080p@30FPS/MJPEG 1080@30FPS {{_('解码')}}<br />1080p@40FPS/1080p@30FPS+VGA@30FPS
|
||||
H.264 {{_('编码')}}
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{_('操作系统')}}</td>
|
||||
<td>{{_('主线')}} Linux/Android/Deepin/Ubuntu/OpenWrt etc.</td>
|
||||
<td>{{_('主线')}} Linux/BuildRoot/Debian etc.</td>
|
||||
<td>Tina Linux/Debian/Ubuntu/RTOS</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>NPU</td>
|
||||
<td>4Tops@INT8 1GHz</td>
|
||||
<td>1Tops@INT8, BF16 support</td>
|
||||
<td>{{_('无')}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{_('典型外设')}}</td>
|
||||
<td>
|
||||
USB3.0x4/UART/I2C/SPI/PWM/GPIO/ADC<br />2x2-lane MIPI CSI/1x4-lane
|
||||
MIPI CSI/1000M Ethx2
|
||||
</td>
|
||||
<td>
|
||||
USB2.0/UART/I2C/SPI/PWM/GPIO/ADC<br />2lane MIPI DSI/4lane MIPI CSI/100M Eth/WiFi6+BLE5
|
||||
</td>
|
||||
<td>OTG USB/UART/I2C/SPI/PWM/GPIO/TWI/ADC</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<!-- ARM -->
|
||||
<h3 class="text-2xl font-bold my-8">{{_('ARM SBC 系列产品参数对比')}}</h3>
|
||||
<div class="w-full my-8 overflow-auto px-2">
|
||||
<div class="table_wrapper">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>{{_('参数')}}</th>
|
||||
<th>LonganPi 3H</th>
|
||||
<th>LicheePi Zero</th>
|
||||
<th>LicheePi Nano</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>{{_('处理器')}}</td>
|
||||
<td>H618: Cortex-A53x4@1.5GHz</td>
|
||||
<td>V3S: Cortex-A7@1.2GHz</td>
|
||||
<td>F1C100s: ARM9@408MHz</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{_('内存')}}</td>
|
||||
<td>1/2/4GB 64bits LPDDR4</td>
|
||||
<td>64MB DDR2</td>
|
||||
<td>32MB DDR</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{_('储存')}}</td>
|
||||
<td>{{_('预留')}} eMMC/TF {{_('卡')}}</td>
|
||||
<td>{{_('预留')}} SOP8 SPI Flash/TF {{_('卡')}}</td>
|
||||
<td>{{_('板载')}} 16MB NOR Flash, TF {{_('卡')}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{_('GPU和显示')}}</td>
|
||||
<td>Arm Mali-G31 OpenCL2.0 OpenGL ES 1.0/2.0/3.2 Vulkan 1.1</td>
|
||||
<td>{{_('无')}} GPU, 40P RGB LCD</td>
|
||||
<td>{{_('无')}} GPU, 40P RGB LCD</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{_('编解码器')}}</td>
|
||||
<td>
|
||||
H.264 BP/MP/HP 4k@60FPS {{_('解码')}}<br>H.264 BP/MP/HP 4k@25FPS {{_('编码')}}
|
||||
</td>
|
||||
<td>
|
||||
H.264 1280x720@30FPS/MPEG1/2/4 1280x720@30FPS {{_('解码')}}<br />MJPEG
|
||||
1280x720@30FPS/JPEG 8192x8192 {{_('编码')}}
|
||||
</td>
|
||||
<td>
|
||||
H.264 1280x720@30FPS {{_('解码')}}<br />MPEG1/2/4 1280x720@30FPS {{_('解码')}}<br />MJPEG
|
||||
1280x720@30 FPS {{_('解码')}}<br />JPEG 8192x8192 {{_('编码')}}
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{_('操作系统')}}</td>
|
||||
<td>Linux {{_('主线')}}/Debian</td>
|
||||
<td>Linux</td>
|
||||
<td>4.19 {{_('主线')}} Linux/3.10 BSP Linux/Xboot/RT-Thread</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>NPU</td>
|
||||
<td>{{_('无')}}</td>
|
||||
<td>{{_('无')}}</td>
|
||||
<td>{{_('无')}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{_('典型外设')}}</td>
|
||||
<td>
|
||||
USB2.0x2/OTG USB2.0x1/UART/SPI/1000M ETH
|
||||
</td>
|
||||
<td>
|
||||
OTG USBx1/UARTx3/SPIx1/PWMx2/<br />GPIO/LRADCx1/SDIOx2/TWI/I2Cx2/100M
|
||||
Eth+EPHY/MIPI CSIx1
|
||||
</td>
|
||||
<td>
|
||||
OTG USBx1/UARTx3/SPIx2/PWMx2/<br />GPIO/LRADCx1/SDIO/TWIx3/TV out
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script lang="ts">
|
||||
const data_lichee = {
|
||||
cards: [
|
||||
{
|
||||
img: "/static/image/LicheePi_4A.png",
|
||||
title: "LicheePi 4A",
|
||||
brief: "{{_('高性能 RISC-V@1.85GHz x4 开发板/平板/笔记本电脑')}}",
|
||||
btns: [
|
||||
{
|
||||
label: "{{_('文档')}}",
|
||||
link: "/hardware/zh/lichee/th1520/lpi4a/1_intro.html",
|
||||
},
|
||||
{
|
||||
label: "{{_('购买')}}",
|
||||
link: "{{_('https://item.taobao.com/item.htm?id=715508771884')}}",
|
||||
new_tab: true,
|
||||
},
|
||||
{
|
||||
label: "{{_('更多')}}",
|
||||
link: "https://sipeed.com/licheepi4a",
|
||||
new_tab: true,
|
||||
}
|
||||
],
|
||||
},
|
||||
{
|
||||
img: "/static/image/licheerv_nano.png",
|
||||
title: "LicheeRV-Nano",
|
||||
brief: "{{_('高性价比迷你 RISC-V IPC/屏显开发板')}}",
|
||||
btns: [
|
||||
{
|
||||
label: "{{_('文档')}}",
|
||||
link: "/licheerv-nano",
|
||||
},
|
||||
{
|
||||
label: "{{_('购买')}}",
|
||||
link: "{{_('https://item.taobao.com/item.htm?id=764939520376')}}",
|
||||
new_tab: true,
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
img: "/static/image/licheeRV_dock.png",
|
||||
title: "LicheeRV",
|
||||
brief: "{{_('高集成度入门级 RISC-V Linux 开发板')}}",
|
||||
btns: [
|
||||
{
|
||||
label: "{{_('文档')}}",
|
||||
link: "/hardware/zh/lichee/RV/Dock.html",
|
||||
},
|
||||
{
|
||||
label: "{{_('购买')}}",
|
||||
link: "https://item.taobao.com/item.htm?spm=a1z10.1-c-s.w21412213-24984936557.39.5a6752b1QHS1PQ&id=666274331852",
|
||||
new_tab: true,
|
||||
},
|
||||
],
|
||||
}
|
||||
],
|
||||
};
|
||||
|
||||
const data_arm = {
|
||||
cards: [
|
||||
{
|
||||
img: "/static/image/longan_3h.png",
|
||||
title: "LonganPi 3H",
|
||||
brief: "{{_('H618 4核A53@1.5GHz 小电脑')}}",
|
||||
btns: [
|
||||
{
|
||||
label: "{{_('文档')}}",
|
||||
link: "{{_('/lpi3h.html')}}",
|
||||
},
|
||||
{
|
||||
label: "{{_('购买')}}",
|
||||
link: "{{_('https://item.taobao.com/item.htm?ft=t&id=758221950525')}}",
|
||||
new_tab: true,
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
img: "/static/home/lichee_zero.png",
|
||||
title: "LicheePi Zero",
|
||||
brief: "Cortex-A7 {{_('迷你')}} Linux {{_('开发板')}}",
|
||||
btns: [
|
||||
{
|
||||
label: "{{_('文档')}}",
|
||||
link: "/hardware/zh/lichee/Zero/Zero.html",
|
||||
},
|
||||
{
|
||||
label: "{{_('购买')}}",
|
||||
link: "https://item.taobao.com/item.htm?spm=a1z10.5-c-s.w4002-24984936573.16.49e92935JOImvv&id=585033586770",
|
||||
new_tab: true,
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
img: "/static/home/lichee_nano.png",
|
||||
title: "LicheePi Nano",
|
||||
brief: "ARM9 {{_('迷你')}} Linux {{_('开发板')}}",
|
||||
btns: [
|
||||
{
|
||||
label: "{{_('文档')}}",
|
||||
link: "/hardware/zh/lichee/Nano/Nano.html",
|
||||
},
|
||||
{
|
||||
label: "{{_('购买')}}",
|
||||
link: "https://item.taobao.com/item.htm?spm=a1z10.5-c-s.w4002-24984936573.14.49e92935JOImvv&id=584657396198",
|
||||
new_tab: true,
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
};
|
||||
</script>
|
||||
<!-- 修改后保存一下 include 这个文件的 html 模板就会渲染 -->
|
||||
|
||||
<div class="w-full flex flex-col justify-center items-center">
|
||||
<h2 class="text-2xl font-bold my-8 block_simple">{{_('Linux RISC-V SBC 系列')}}</h2>
|
||||
<div class="cards">
|
||||
<!-- cards risc-v-->
|
||||
<div class="card" v-for="item in data_lichee.cards">
|
||||
<img class="card_img" :src="item.img" />
|
||||
<h3 class="card_title" class="text-lg">{[item.title]}</h3>
|
||||
<div class="card_brief">{[item.brief]}</div>
|
||||
<div class="card_btns">
|
||||
<a
|
||||
v-for="btn in item.btns"
|
||||
:href="btn.link"
|
||||
:target="btn.new_tab ? '_blank' : '_self'"
|
||||
>{[btn.label]}</a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- cards end -->
|
||||
<!-- cards arm-->
|
||||
<h2 class="text-2xl font-bold my-8 block_simple">{{_('Linux ARM SBC 系列')}}</h2>
|
||||
<div class="cards">
|
||||
<!-- cards -->
|
||||
<div class="card" v-for="item in data_arm.cards">
|
||||
<img class="card_img" :src="item.img" />
|
||||
<h3 class="card_title" class="text-lg">{[item.title]}</h3>
|
||||
<div class="card_brief">{[item.brief]}</div>
|
||||
<div class="card_btns">
|
||||
<a
|
||||
v-for="btn in item.btns"
|
||||
:href="btn.link"
|
||||
:target="btn.new_tab ? '_blank' : '_self'"
|
||||
>{[btn.label]}</a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- cards end -->
|
||||
<h3 class="text-2xl font-bold my-8">{{_('RISC-V SBC 系列产品参数对比')}}</h3>
|
||||
<div class="w-full my-8 overflow-auto px-2">
|
||||
<!-- a table to compare upper products' parameters -->
|
||||
<!-- RISC-V -->
|
||||
<div class="table_wrapper">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>{{_('参数')}}</th>
|
||||
<th>LicheePi 4A</th>
|
||||
<th>LicheeRV-Nano</th>
|
||||
<th>LicheeRV</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>{{_('处理器')}}</td>
|
||||
<td>TH1520: 4xC910@1.85GHz RV64GCV</td>
|
||||
<td>SG2002: C906@1.0GHz/ARM A53 + C906@700MHz + 8051@25~300MHz</td>
|
||||
<td>D1: C906@1.0GHz</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{_('内存')}}</td>
|
||||
<td>8GB/16GB 64bits LPDDR4X</td>
|
||||
<td>256MB DDR3 SIP</td>
|
||||
<td>512MB/1GB DDR3, 792MHz</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{_('储存')}}</td>
|
||||
<td>{{_('预留')}} EMMC/TF {{_('卡')}}</td>
|
||||
<td>{{_('预留')}} SD-NAND/TF {{_('卡')}}</td>
|
||||
<td>{{_('预留')}} SD-NAND/TF {{_('卡')}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{_('GPU和显示')}}</td>
|
||||
<td>
|
||||
IMG BXM-4-64,<br />OpenCL 1.1/1.2/2.0<br />OpenGL ES
|
||||
3.0/3.1/3.2<br />Vulkan 1.1/1.2,<br />HDMI2.0/4-lane MIPI DSI ·
|
||||
Android NN HAL
|
||||
</td>
|
||||
<td>{{_('无')}} GPU, MIPI 2-lane MIPI DSI 31pin, 6pin touchscreen</td>
|
||||
<td>{{_('无')}} GPU, MIPI 4-lane MIPI DSI/ RGB888/MCUI80/SPI</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{_('编解码器')}}</td>
|
||||
<td>
|
||||
H.265 4K@40FPS/H.264 4K@40FPS/VP9/8/7/6/AVS/AVS+/AVS2.0/VC1/MPEG4
|
||||
{{_('解码')}}<br />H.264 4K@40FPS/H.265 4K@40FPS {{_('编码')}}
|
||||
</td>
|
||||
<td>
|
||||
H.264 H.265 2k@30FPS {{_('解码')}}<br />H.264 H.265 2k@30FPS {{_('编码')}}
|
||||
</td>
|
||||
<td>
|
||||
H.264 1080p@30FPS/MJPEG 1080@30FPS {{_('解码')}}<br />1080p@40FPS/1080p@30FPS+VGA@30FPS
|
||||
H.264 {{_('编码')}}
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{_('操作系统')}}</td>
|
||||
<td>{{_('主线')}} Linux/Android/Deepin/Ubuntu/OpenWrt etc.</td>
|
||||
<td>{{_('主线')}} Linux/BuildRoot/Debian etc.</td>
|
||||
<td>Tina Linux/Debian/Ubuntu/RTOS</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>NPU</td>
|
||||
<td>4Tops@INT8 1GHz</td>
|
||||
<td>1Tops@INT8, BF16 support</td>
|
||||
<td>{{_('无')}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{_('典型外设')}}</td>
|
||||
<td>
|
||||
USB3.0x4/UART/I2C/SPI/PWM/GPIO/ADC<br />2x2-lane MIPI CSI/1x4-lane
|
||||
MIPI CSI/1000M Ethx2
|
||||
</td>
|
||||
<td>
|
||||
USB2.0/UART/I2C/SPI/PWM/GPIO/ADC<br />2lane MIPI DSI/4lane MIPI CSI/100M Eth/WiFi6+BLE5
|
||||
</td>
|
||||
<td>OTG USB/UART/I2C/SPI/PWM/GPIO/TWI/ADC</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<!-- ARM -->
|
||||
<h3 class="text-2xl font-bold my-8">{{_('ARM SBC 系列产品参数对比')}}</h3>
|
||||
<div class="w-full my-8 overflow-auto px-2">
|
||||
<div class="table_wrapper">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>{{_('参数')}}</th>
|
||||
<th>LonganPi 3H</th>
|
||||
<th>LicheePi Zero</th>
|
||||
<th>LicheePi Nano</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>{{_('处理器')}}</td>
|
||||
<td>H618: Cortex-A53x4@1.5GHz</td>
|
||||
<td>V3S: Cortex-A7@1.2GHz</td>
|
||||
<td>F1C100s: ARM9@408MHz</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{_('内存')}}</td>
|
||||
<td>1/2/4GB 64bits LPDDR4</td>
|
||||
<td>64MB DDR2</td>
|
||||
<td>32MB DDR</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{_('储存')}}</td>
|
||||
<td>{{_('预留')}} eMMC/TF {{_('卡')}}</td>
|
||||
<td>{{_('预留')}} SOP8 SPI Flash/TF {{_('卡')}}</td>
|
||||
<td>{{_('板载')}} 16MB NOR Flash, TF {{_('卡')}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{_('GPU和显示')}}</td>
|
||||
<td>Arm Mali-G31 OpenCL2.0 OpenGL ES 1.0/2.0/3.2 Vulkan 1.1</td>
|
||||
<td>{{_('无')}} GPU, 40P RGB LCD</td>
|
||||
<td>{{_('无')}} GPU, 40P RGB LCD</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{_('编解码器')}}</td>
|
||||
<td>
|
||||
H.264 BP/MP/HP 4k@60FPS {{_('解码')}}<br>H.264 BP/MP/HP 4k@25FPS {{_('编码')}}
|
||||
</td>
|
||||
<td>
|
||||
H.264 1280x720@30FPS/MPEG1/2/4 1280x720@30FPS {{_('解码')}}<br />MJPEG
|
||||
1280x720@30FPS/JPEG 8192x8192 {{_('编码')}}
|
||||
</td>
|
||||
<td>
|
||||
H.264 1280x720@30FPS {{_('解码')}}<br />MPEG1/2/4 1280x720@30FPS {{_('解码')}}<br />MJPEG
|
||||
1280x720@30 FPS {{_('解码')}}<br />JPEG 8192x8192 {{_('编码')}}
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{_('操作系统')}}</td>
|
||||
<td>Linux {{_('主线')}}/Debian</td>
|
||||
<td>Linux</td>
|
||||
<td>4.19 {{_('主线')}} Linux/3.10 BSP Linux/Xboot/RT-Thread</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>NPU</td>
|
||||
<td>{{_('无')}}</td>
|
||||
<td>{{_('无')}}</td>
|
||||
<td>{{_('无')}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{_('典型外设')}}</td>
|
||||
<td>
|
||||
USB2.0x2/OTG USB2.0x1/UART/SPI/1000M ETH
|
||||
</td>
|
||||
<td>
|
||||
OTG USBx1/UARTx3/SPIx1/PWMx2/<br />GPIO/LRADCx1/SDIOx2/TWI/I2Cx2/100M
|
||||
Eth+EPHY/MIPI CSIx1
|
||||
</td>
|
||||
<td>
|
||||
OTG USBx1/UARTx3/SPIx2/PWMx2/<br />GPIO/LRADCx1/SDIO/TWIx3/TV out
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script lang="ts">
|
||||
const data_lichee = {
|
||||
cards: [
|
||||
{
|
||||
img: "/static/image/LicheePi_4A.png",
|
||||
title: "LicheePi 4A",
|
||||
brief: "{{_('高性能 RISC-V@1.85GHz x4 开发板/平板/笔记本电脑')}}",
|
||||
btns: [
|
||||
{
|
||||
label: "{{_('文档')}}",
|
||||
link: "/hardware/zh/lichee/th1520/lpi4a/1_intro.html",
|
||||
},
|
||||
{
|
||||
label: "{{_('购买')}}",
|
||||
link: "{{_('https://item.taobao.com/item.htm?id=715508771884')}}",
|
||||
new_tab: true,
|
||||
},
|
||||
{
|
||||
label: "{{_('更多')}}",
|
||||
link: "https://sipeed.com/licheepi4a",
|
||||
new_tab: true,
|
||||
}
|
||||
],
|
||||
},
|
||||
{
|
||||
img: "/static/image/licheerv_nano.png",
|
||||
title: "LicheeRV-Nano",
|
||||
brief: "{{_('高性价比迷你 RISC-V IPC/屏显开发板')}}",
|
||||
btns: [
|
||||
{
|
||||
label: "{{_('文档')}}",
|
||||
link: "/licheerv-nano",
|
||||
},
|
||||
{
|
||||
label: "{{_('购买')}}",
|
||||
link: "{{_('https://item.taobao.com/item.htm?id=764939520376')}}",
|
||||
new_tab: true,
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
img: "/static/image/licheeRV_dock.png",
|
||||
title: "LicheeRV",
|
||||
brief: "{{_('高集成度入门级 RISC-V Linux 开发板')}}",
|
||||
btns: [
|
||||
{
|
||||
label: "{{_('文档')}}",
|
||||
link: "/hardware/zh/lichee/RV/Dock.html",
|
||||
},
|
||||
{
|
||||
label: "{{_('购买')}}",
|
||||
link: "https://item.taobao.com/item.htm?spm=a1z10.1-c-s.w21412213-24984936557.39.5a6752b1QHS1PQ&id=666274331852",
|
||||
new_tab: true,
|
||||
},
|
||||
],
|
||||
}
|
||||
],
|
||||
};
|
||||
|
||||
const data_arm = {
|
||||
cards: [
|
||||
{
|
||||
img: "/static/image/longan_3h.png",
|
||||
title: "LonganPi 3H",
|
||||
brief: "{{_('H618 4核A53@1.5GHz 小电脑')}}",
|
||||
btns: [
|
||||
{
|
||||
label: "{{_('文档')}}",
|
||||
link: "{{_('/lpi3h.html')}}",
|
||||
},
|
||||
{
|
||||
label: "{{_('购买')}}",
|
||||
link: "{{_('https://item.taobao.com/item.htm?ft=t&id=758221950525')}}",
|
||||
new_tab: true,
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
img: "/static/home/lichee_zero.png",
|
||||
title: "LicheePi Zero",
|
||||
brief: "Cortex-A7 {{_('迷你')}} Linux {{_('开发板')}}",
|
||||
btns: [
|
||||
{
|
||||
label: "{{_('文档')}}",
|
||||
link: "/hardware/zh/lichee/Zero/Zero.html",
|
||||
},
|
||||
{
|
||||
label: "{{_('购买')}}",
|
||||
link: "https://item.taobao.com/item.htm?spm=a1z10.5-c-s.w4002-24984936573.16.49e92935JOImvv&id=585033586770",
|
||||
new_tab: true,
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
img: "/static/home/lichee_nano.png",
|
||||
title: "LicheePi Nano",
|
||||
brief: "ARM9 {{_('迷你')}} Linux {{_('开发板')}}",
|
||||
btns: [
|
||||
{
|
||||
label: "{{_('文档')}}",
|
||||
link: "/hardware/zh/lichee/Nano/Nano.html",
|
||||
},
|
||||
{
|
||||
label: "{{_('购买')}}",
|
||||
link: "https://item.taobao.com/item.htm?spm=a1z10.5-c-s.w4002-24984936573.14.49e92935JOImvv&id=584657396198",
|
||||
new_tab: true,
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
};
|
||||
</script>
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
608
layout/maix.html
608
layout/maix.html
@@ -1,304 +1,304 @@
|
||||
<!-- 修改后保存一下 include 这个文件的 html 模板就会渲染 -->
|
||||
|
||||
<div class="w-full flex flex-col justify-center items-center">
|
||||
<h2 class="text-2xl font-bold my-8 block_simple">
|
||||
{{_('全新 Maix 生态')}}
|
||||
</h2>
|
||||
|
||||
<div class="cards">
|
||||
<!-- cards -->
|
||||
<div class="card" v-for="item in data_maixcam.cards">
|
||||
<img class="card_img" :src="item.img" />
|
||||
<h3 class="card_title" class="text-lg">{[item.title]}</h3>
|
||||
<div class="card_brief">{[item.brief]}</div>
|
||||
<div class="card_btns">
|
||||
<a
|
||||
v-for="btn in item.btns"
|
||||
:href="btn.link"
|
||||
:target="btn.new_tab ? '_blank' : '_self'"
|
||||
>{[btn.label]}</a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<!-- cards end -->
|
||||
</div>
|
||||
|
||||
<h2 class="text-2xl font-bold my-8 block_simple">
|
||||
{{_('经典 Maix 视觉系列')}}
|
||||
</h2>
|
||||
<div class="cards">
|
||||
<!-- cards -->
|
||||
<div class="card" v-for="item in data_maix.cards">
|
||||
<img class="card_img" :src="item.img" />
|
||||
<h3 class="card_title" class="text-lg">{[item.title]}</h3>
|
||||
<div class="card_brief">{[item.brief]}</div>
|
||||
<div class="card_btns">
|
||||
<a
|
||||
v-for="btn in item.btns"
|
||||
:href="btn.link"
|
||||
:target="btn.new_tab ? '_blank' : '_self'"
|
||||
>{[btn.label]}</a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<!-- cards end -->
|
||||
</div>
|
||||
<h3 class="text-2xl font-bold my-8">{{_('Maix 系列产品参数对比')}}</h3>
|
||||
<div class="w-full my-8 overflow-auto px-2">
|
||||
<!-- a table to compare upper products' parameters -->
|
||||
<div class="table_wrapper">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>{{_('参数')}}</th>
|
||||
<th>MaixCAM</th>
|
||||
<th>Maix-I</th>
|
||||
<th>Maix-II</th>
|
||||
<th>Maix-III</th>
|
||||
<th>Maix-IV</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>{{_('处理器')}}</td>
|
||||
<td>SG2002: RISC-V@1GHz/ARM A53<br> + RISC-V@700MHz<br> + 8051@25~300MHz</td>
|
||||
<td>K210: {{_('双核')}} 64 {{_('位')}} RISC-V@400MHz</td>
|
||||
<td>V831: Cortex-A7@800MHz</td>
|
||||
<td>AX620A: Cortex-A7x4@1.0GHz</td>
|
||||
<td>AX650N: Cortex-A55x8@1.7GHz</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{_('内存')}}</td>
|
||||
<td>256MB DDR3</td>
|
||||
<td>SIP 8MB SRAM</td>
|
||||
<td>SIP 64MB DDR2</td>
|
||||
<td>2GB LPDDR4X 3733MHz</td>
|
||||
<td>8GB</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>NPU</td>
|
||||
<td>1Tops@INT8，{{_('支持常用')}} CNN {{_('模型')}}, {{_('支持')}} BF16</td>
|
||||
<td>0.25Tops@INT8，{{_('支持有限')}} CNN {{_('算子')}}</td>
|
||||
<td>0.2Tops@INT8，{{_('支持有限')}} CNN {{_('算子')}}</td>
|
||||
<td>3.6Tops@INT8，{{_('支持常用')}} CNN {{_('模型')}}</td>
|
||||
<td>
|
||||
10Tops@INT8，{{_('支持常用')}} CNN {{_('和')}} transformer
|
||||
{{_('模型')}}
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{_('储存')}}</td>
|
||||
<td>SDNAND {{_('或者')}} TF {{_('卡')}}</td>
|
||||
<td>{{_('板载')}} 16MB Flash，{{_('支持')}} SPI TF {{_('卡')}}</td>
|
||||
<td>{{_('板载')}} Flash {{_('或者')}} TF {{_('卡')}}</td>
|
||||
<td>EMMC {{_('或者')}} TF {{_('卡')}}</td>
|
||||
<td>EMMC {{_('或者')}} TF {{_('卡')}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{_('软件支持')}}</td>
|
||||
<td>MaixCDK, MaixPy</td>
|
||||
<td>CSDK, MaixPy</td>
|
||||
<td>CSDK, MaixPy3</td>
|
||||
<td>CSDK</td>
|
||||
<td>CSDK</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{_('操作系统')}}</td>
|
||||
<td>Linux + RTOS</td>
|
||||
<td>RTOS</td>
|
||||
<td>Tina Linux</td>
|
||||
<td>Linux</td>
|
||||
<td>Linux</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{_('典型外设')}}</td>
|
||||
<td>UART/I2C/SPI/PWM/GPIO/WDT/ADC</td>
|
||||
<td>UART/I2C/SPI/PWM/FPIOA/GPIO/FFT/I2S</td>
|
||||
<td>USB/UART/I2C/SPI/<br />PWM/GPIO/ADC</td>
|
||||
<td>USB/UART/I2C/SPI/<br />PWM/GPIO/ADC</td>
|
||||
<td>USB/UART/I2C/SPI/<br />PWM/GPIO/ADC</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="https://maixhub.com" target="_blank">MaixHub</a>
|
||||
</td>
|
||||
<td>{{_('支持度')}}：{{_('优')}}</td>
|
||||
<td>{{_('支持度')}}：{{_('中')}}</td>
|
||||
<td>{{_('支持度')}}：{{_('良')}}</td>
|
||||
<td>{{_('支持度')}}：{{_('中')}}</td>
|
||||
<td>{{_('支持度')}}：{{_('无')}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>IDE</td>
|
||||
<td>MaixVision</td>
|
||||
<td>MaixPy IDE</td>
|
||||
<td>MaixPy3 Jupyter IDE</td>
|
||||
<td>{{_('无')}}</td>
|
||||
<td>{{_('无')}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{_('文档和易用性')}}</td>
|
||||
<td>⭐️⭐️⭐️⭐️⭐️</td>
|
||||
<td>⭐️⭐️⭐️⭐️</td>
|
||||
<td>⭐️⭐️⭐️</td>
|
||||
<td>⭐️⭐️</td>
|
||||
<td>⭐️⭐️</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script lang="ts">
|
||||
const data_maixcam = {
|
||||
cards: [
|
||||
{
|
||||
img: "/static/home/maixcam.jpg",
|
||||
title: "MaixCAM",
|
||||
brief:
|
||||
"{{_('RISC-V 1GHz + 1Tops NPU, 4M高清摄像头，多种尺寸高清电容触摸屏，完美支持全新 Maix 生态所有软件')}}",
|
||||
btns: [
|
||||
{
|
||||
label: "MaixCAM-Pro",
|
||||
link: "/hardware/zh/maixcam/maixcam_pro.html",
|
||||
},
|
||||
{
|
||||
label: "{{_('购买')}}",
|
||||
link: "{{_('https://sipeed.taobao.com')}}",
|
||||
new_tab: true,
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
img: "/static/home/maixpy.jpg",
|
||||
title: "MaixPy",
|
||||
brief:
|
||||
"{{_('Python 语法，简易 API，快速落地 AI 视觉、听觉应用')}}",
|
||||
btns: [
|
||||
{
|
||||
label: "{{_('文档')}}",
|
||||
link: "https://wiki.sipeed.com/maixpy/",
|
||||
},
|
||||
{
|
||||
label: "{{_('源码')}}",
|
||||
link: "https://github.com/sipeed/MaixPy",
|
||||
new_tab: true,
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
img: "/static/home/maixcdk.jpg",
|
||||
title: "MaixCDK",
|
||||
brief:
|
||||
"{{_('C++ SDK, MaixPy 同款 API，稳定高效易上手')}}",
|
||||
btns: [
|
||||
{
|
||||
label: "{{_('文档')}}",
|
||||
link: "https://wiki.sipeed.com/maixcdk/",
|
||||
new_tab: true,
|
||||
},
|
||||
{
|
||||
label: "{{_('源码')}}",
|
||||
link: "https://github.com/sipeed/MaixCDK",
|
||||
new_tab: true,
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
img: "/static/home/maixvision.jpg",
|
||||
title: "{{_('IDE 和云平台')}}",
|
||||
brief:
|
||||
"{{_('代码编辑运行、图像实时预览，在线一键 AI 模型训练')}}",
|
||||
btns: [
|
||||
{
|
||||
label: "MaixVision",
|
||||
link: "/maixvision",
|
||||
},
|
||||
{
|
||||
label: "MaixHub",
|
||||
link: "https://maixhub.com",
|
||||
new_tab: true,
|
||||
}
|
||||
],
|
||||
},
|
||||
],
|
||||
};
|
||||
|
||||
const data_maix = {
|
||||
cards: [
|
||||
{
|
||||
img: "/static/home/maixbit.png",
|
||||
title: "Maix-I (K210)",
|
||||
brief:
|
||||
"{{_('带硬件 AI 加速的 MCU，配合易用的软件快速落地低成本 AI 应用')}}",
|
||||
btns: [
|
||||
{
|
||||
label: "{{_('文档')}}",
|
||||
link: "/hardware/zh/maix/maixpy_develop_kit_board/maix_bit.html",
|
||||
},
|
||||
{
|
||||
label: "{{_('购买')}}",
|
||||
link: "https://item.taobao.com/item.htm?id=586580351110",
|
||||
new_tab: true,
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
img: "/static/home/m2dock.png",
|
||||
title: "Maix-II (V831)",
|
||||
brief:
|
||||
"{{_('硬件 AI 加速 + Linux + 易用的软件，教育、工业视觉、智能家居场景绝配')}}",
|
||||
btns: [
|
||||
{
|
||||
label: "{{_('文档')}}",
|
||||
link: "/m2dock",
|
||||
},
|
||||
{
|
||||
label: "{{_('MaixPy3')}}",
|
||||
link: "/maixpy3",
|
||||
},
|
||||
{
|
||||
label: "{{_('购买')}}",
|
||||
link: "https://item.taobao.com/item.htm?spm=a230r.1.14.13.681570a1SllT5M&id=635874427363&ns=1&abbucket=16#detail",
|
||||
new_tab: true,
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
img: "/static/home/m3axpi.png",
|
||||
title: "Maix-III (AXeraPi)",
|
||||
brief:
|
||||
"{{_('3.6Tops AI ISP，微光夜视，大量常见 AI 模型支持，安防智能 IPC')}}",
|
||||
btns: [
|
||||
{
|
||||
label: "{{_('文档')}}",
|
||||
link: "/m3axpi",
|
||||
},
|
||||
{
|
||||
label: "{{_('购买')}}",
|
||||
link: "https://item.taobao.com/item.htm?id=682169792430",
|
||||
new_tab: true,
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
img: "/static/home/m4ndock.png",
|
||||
title: "Maix-IV (AXeraPi-Pro)",
|
||||
brief:
|
||||
"{{_('10Tops AI 算力，32 路 1080p 高清 AI 视频监控，AI 大模型支持')}}",
|
||||
btns: [
|
||||
{
|
||||
label: "{{_('文档')}}",
|
||||
link: "/m4ndock",
|
||||
},
|
||||
{
|
||||
label: "{{_('购买')}}",
|
||||
link: "{{_('https://item.taobao.com/item.htm?id=744014549573')}}",
|
||||
new_tab: true,
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
};
|
||||
</script>
|
||||
<!-- 修改后保存一下 include 这个文件的 html 模板就会渲染 -->
|
||||
|
||||
<div class="w-full flex flex-col justify-center items-center">
|
||||
<h2 class="text-2xl font-bold my-8 block_simple">
|
||||
{{_('全新 Maix 生态')}}
|
||||
</h2>
|
||||
|
||||
<div class="cards">
|
||||
<!-- cards -->
|
||||
<div class="card" v-for="item in data_maixcam.cards">
|
||||
<img class="card_img" :src="item.img" />
|
||||
<h3 class="card_title" class="text-lg">{[item.title]}</h3>
|
||||
<div class="card_brief">{[item.brief]}</div>
|
||||
<div class="card_btns">
|
||||
<a
|
||||
v-for="btn in item.btns"
|
||||
:href="btn.link"
|
||||
:target="btn.new_tab ? '_blank' : '_self'"
|
||||
>{[btn.label]}</a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<!-- cards end -->
|
||||
</div>
|
||||
|
||||
<h2 class="text-2xl font-bold my-8 block_simple">
|
||||
{{_('经典 Maix 视觉系列')}}
|
||||
</h2>
|
||||
<div class="cards">
|
||||
<!-- cards -->
|
||||
<div class="card" v-for="item in data_maix.cards">
|
||||
<img class="card_img" :src="item.img" />
|
||||
<h3 class="card_title" class="text-lg">{[item.title]}</h3>
|
||||
<div class="card_brief">{[item.brief]}</div>
|
||||
<div class="card_btns">
|
||||
<a
|
||||
v-for="btn in item.btns"
|
||||
:href="btn.link"
|
||||
:target="btn.new_tab ? '_blank' : '_self'"
|
||||
>{[btn.label]}</a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<!-- cards end -->
|
||||
</div>
|
||||
<h3 class="text-2xl font-bold my-8">{{_('Maix 系列产品参数对比')}}</h3>
|
||||
<div class="w-full my-8 overflow-auto px-2">
|
||||
<!-- a table to compare upper products' parameters -->
|
||||
<div class="table_wrapper">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>{{_('参数')}}</th>
|
||||
<th>MaixCAM</th>
|
||||
<th>Maix-I</th>
|
||||
<th>Maix-II</th>
|
||||
<th>Maix-III</th>
|
||||
<th>Maix-IV</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>{{_('处理器')}}</td>
|
||||
<td>SG2002: RISC-V@1GHz/ARM A53<br> + RISC-V@700MHz<br> + 8051@25~300MHz</td>
|
||||
<td>K210: {{_('双核')}} 64 {{_('位')}} RISC-V@400MHz</td>
|
||||
<td>V831: Cortex-A7@800MHz</td>
|
||||
<td>AX620A: Cortex-A7x4@1.0GHz</td>
|
||||
<td>AX650N: Cortex-A55x8@1.7GHz</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{_('内存')}}</td>
|
||||
<td>256MB DDR3</td>
|
||||
<td>SIP 8MB SRAM</td>
|
||||
<td>SIP 64MB DDR2</td>
|
||||
<td>2GB LPDDR4X 3733MHz</td>
|
||||
<td>8GB</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>NPU</td>
|
||||
<td>1Tops@INT8，{{_('支持常用')}} CNN {{_('模型')}}, {{_('支持')}} BF16</td>
|
||||
<td>0.25Tops@INT8，{{_('支持有限')}} CNN {{_('算子')}}</td>
|
||||
<td>0.2Tops@INT8，{{_('支持有限')}} CNN {{_('算子')}}</td>
|
||||
<td>3.6Tops@INT8，{{_('支持常用')}} CNN {{_('模型')}}</td>
|
||||
<td>
|
||||
10Tops@INT8，{{_('支持常用')}} CNN {{_('和')}} transformer
|
||||
{{_('模型')}}
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{_('储存')}}</td>
|
||||
<td>SDNAND {{_('或者')}} TF {{_('卡')}}</td>
|
||||
<td>{{_('板载')}} 16MB Flash，{{_('支持')}} SPI TF {{_('卡')}}</td>
|
||||
<td>{{_('板载')}} Flash {{_('或者')}} TF {{_('卡')}}</td>
|
||||
<td>EMMC {{_('或者')}} TF {{_('卡')}}</td>
|
||||
<td>EMMC {{_('或者')}} TF {{_('卡')}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{_('软件支持')}}</td>
|
||||
<td>MaixCDK, MaixPy</td>
|
||||
<td>CSDK, MaixPy</td>
|
||||
<td>CSDK, MaixPy3</td>
|
||||
<td>CSDK</td>
|
||||
<td>CSDK</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{_('操作系统')}}</td>
|
||||
<td>Linux + RTOS</td>
|
||||
<td>RTOS</td>
|
||||
<td>Tina Linux</td>
|
||||
<td>Linux</td>
|
||||
<td>Linux</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{_('典型外设')}}</td>
|
||||
<td>UART/I2C/SPI/PWM/GPIO/WDT/ADC</td>
|
||||
<td>UART/I2C/SPI/PWM/FPIOA/GPIO/FFT/I2S</td>
|
||||
<td>USB/UART/I2C/SPI/<br />PWM/GPIO/ADC</td>
|
||||
<td>USB/UART/I2C/SPI/<br />PWM/GPIO/ADC</td>
|
||||
<td>USB/UART/I2C/SPI/<br />PWM/GPIO/ADC</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<a href="https://maixhub.com" target="_blank">MaixHub</a>
|
||||
</td>
|
||||
<td>{{_('支持度')}}：{{_('优')}}</td>
|
||||
<td>{{_('支持度')}}：{{_('中')}}</td>
|
||||
<td>{{_('支持度')}}：{{_('良')}}</td>
|
||||
<td>{{_('支持度')}}：{{_('中')}}</td>
|
||||
<td>{{_('支持度')}}：{{_('无')}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>IDE</td>
|
||||
<td>MaixVision</td>
|
||||
<td>MaixPy IDE</td>
|
||||
<td>MaixPy3 Jupyter IDE</td>
|
||||
<td>{{_('无')}}</td>
|
||||
<td>{{_('无')}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{_('文档和易用性')}}</td>
|
||||
<td>⭐️⭐️⭐️⭐️⭐️</td>
|
||||
<td>⭐️⭐️⭐️⭐️</td>
|
||||
<td>⭐️⭐️⭐️</td>
|
||||
<td>⭐️⭐️</td>
|
||||
<td>⭐️⭐️</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script lang="ts">
|
||||
const data_maixcam = {
|
||||
cards: [
|
||||
{
|
||||
img: "/static/home/maixcam.jpg",
|
||||
title: "MaixCAM",
|
||||
brief:
|
||||
"{{_('RISC-V 1GHz + 1Tops NPU, 4M高清摄像头，多种尺寸高清电容触摸屏，完美支持全新 Maix 生态所有软件')}}",
|
||||
btns: [
|
||||
{
|
||||
label: "MaixCAM-Pro",
|
||||
link: "/hardware/zh/maixcam/maixcam_pro.html",
|
||||
},
|
||||
{
|
||||
label: "{{_('购买')}}",
|
||||
link: "{{_('https://sipeed.taobao.com')}}",
|
||||
new_tab: true,
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
img: "/static/home/maixpy.jpg",
|
||||
title: "MaixPy",
|
||||
brief:
|
||||
"{{_('Python 语法，简易 API，快速落地 AI 视觉、听觉应用')}}",
|
||||
btns: [
|
||||
{
|
||||
label: "{{_('文档')}}",
|
||||
link: "https://wiki.sipeed.com/maixpy/",
|
||||
},
|
||||
{
|
||||
label: "{{_('源码')}}",
|
||||
link: "https://github.com/sipeed/MaixPy",
|
||||
new_tab: true,
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
img: "/static/home/maixcdk.jpg",
|
||||
title: "MaixCDK",
|
||||
brief:
|
||||
"{{_('C++ SDK, MaixPy 同款 API，稳定高效易上手')}}",
|
||||
btns: [
|
||||
{
|
||||
label: "{{_('文档')}}",
|
||||
link: "https://wiki.sipeed.com/maixcdk/",
|
||||
new_tab: true,
|
||||
},
|
||||
{
|
||||
label: "{{_('源码')}}",
|
||||
link: "https://github.com/sipeed/MaixCDK",
|
||||
new_tab: true,
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
img: "/static/home/maixvision.jpg",
|
||||
title: "{{_('IDE 和云平台')}}",
|
||||
brief:
|
||||
"{{_('代码编辑运行、图像实时预览，在线一键 AI 模型训练')}}",
|
||||
btns: [
|
||||
{
|
||||
label: "MaixVision",
|
||||
link: "/maixvision",
|
||||
},
|
||||
{
|
||||
label: "MaixHub",
|
||||
link: "https://maixhub.com",
|
||||
new_tab: true,
|
||||
}
|
||||
],
|
||||
},
|
||||
],
|
||||
};
|
||||
|
||||
const data_maix = {
|
||||
cards: [
|
||||
{
|
||||
img: "/static/home/maixbit.png",
|
||||
title: "Maix-I (K210)",
|
||||
brief:
|
||||
"{{_('带硬件 AI 加速的 MCU，配合易用的软件快速落地低成本 AI 应用')}}",
|
||||
btns: [
|
||||
{
|
||||
label: "{{_('文档')}}",
|
||||
link: "/hardware/zh/maix/maixpy_develop_kit_board/maix_bit.html",
|
||||
},
|
||||
{
|
||||
label: "{{_('购买')}}",
|
||||
link: "https://item.taobao.com/item.htm?id=586580351110",
|
||||
new_tab: true,
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
img: "/static/home/m2dock.png",
|
||||
title: "Maix-II (V831)",
|
||||
brief:
|
||||
"{{_('硬件 AI 加速 + Linux + 易用的软件，教育、工业视觉、智能家居场景绝配')}}",
|
||||
btns: [
|
||||
{
|
||||
label: "{{_('文档')}}",
|
||||
link: "/m2dock",
|
||||
},
|
||||
{
|
||||
label: "{{_('MaixPy3')}}",
|
||||
link: "/maixpy3",
|
||||
},
|
||||
{
|
||||
label: "{{_('购买')}}",
|
||||
link: "https://item.taobao.com/item.htm?spm=a230r.1.14.13.681570a1SllT5M&id=635874427363&ns=1&abbucket=16#detail",
|
||||
new_tab: true,
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
img: "/static/home/m3axpi.png",
|
||||
title: "Maix-III (AXeraPi)",
|
||||
brief:
|
||||
"{{_('3.6Tops AI ISP，微光夜视，大量常见 AI 模型支持，安防智能 IPC')}}",
|
||||
btns: [
|
||||
{
|
||||
label: "{{_('文档')}}",
|
||||
link: "/m3axpi",
|
||||
},
|
||||
{
|
||||
label: "{{_('购买')}}",
|
||||
link: "https://item.taobao.com/item.htm?id=682169792430",
|
||||
new_tab: true,
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
img: "/static/home/m4ndock.png",
|
||||
title: "Maix-IV (AXeraPi-Pro)",
|
||||
brief:
|
||||
"{{_('10Tops AI 算力，32 路 1080p 高清 AI 视频监控，AI 大模型支持')}}",
|
||||
btns: [
|
||||
{
|
||||
label: "{{_('文档')}}",
|
||||
link: "/m4ndock",
|
||||
},
|
||||
{
|
||||
label: "{{_('购买')}}",
|
||||
link: "{{_('https://item.taobao.com/item.htm?id=744014549573')}}",
|
||||
new_tab: true,
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
};
|
||||
</script>
|
||||
|
||||
@@ -1,68 +1,68 @@
|
||||
<!-- 修改后保存一下 include 这个文件的 html 模板（比如home.html）就会渲染 -->
|
||||
|
||||
<div class="w-full flex flex-col justify-center items-center">
|
||||
<h2 class="text-2xl font-bold my-8 block_simple">{{_('MaixSense 传感器模组系列')}}</h2>
|
||||
<div class="w-full flex flex-col justify-center">
|
||||
<div class="cards">
|
||||
<!-- cards -->
|
||||
<div class="card" v-for="item in data_maixsense.cards">
|
||||
<div class="img_wrapper">
|
||||
<img class="card_img" :src="item.img" />
|
||||
</div>
|
||||
<h3 class="card_title" class="text-lg">{[item.title]}</h3>
|
||||
<div class="card_brief">{[item.brief]}</div>
|
||||
<div class="card_btns">
|
||||
<a
|
||||
v-for="btn in item.btns"
|
||||
:href="btn.link"
|
||||
:target="btn.new_tab ? '_blank' : '_self'"
|
||||
>{[btn.label]}</a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<!-- cards end -->
|
||||
</div>
|
||||
<div class="w-full flex flex-col justify-center items-center mt-10 mb-5">
|
||||
<!-- a table to compare upper products' parameters -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script lang="ts">
|
||||
const data_maixsense = {
|
||||
cards: [
|
||||
{
|
||||
img: "/hardware/zh/maixsense/assets/me_small.jpg",
|
||||
title: "MaixSense A010",
|
||||
brief: "100x100 3D TOF {{_('深度传感器模组')}}",
|
||||
btns: [
|
||||
{
|
||||
label: "{{_('文档')}}",
|
||||
link: "/hardware/zh/maixsense/index.html",
|
||||
},
|
||||
{
|
||||
label: "{{_('购买')}}",
|
||||
link: "https://item.taobao.com/item.htm?id=684566484141",
|
||||
new_tab: true,
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
img: "/hardware/zh/maixsense/assets/me_big.jpg",
|
||||
title: "MaixSense A075v",
|
||||
brief: "RGB 3D TOF {{_('深度摄像头模组')}}",
|
||||
btns: [
|
||||
{
|
||||
label: "{{_('文档')}}",
|
||||
link: "/hardware/zh/maixsense/index.html",
|
||||
},
|
||||
{
|
||||
label: "{{_('购买')}}",
|
||||
link: "https://item.taobao.com/item.htm?id=684566484141",
|
||||
new_tab: true,
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
};
|
||||
</script>
|
||||
<!-- 修改后保存一下 include 这个文件的 html 模板（比如home.html）就会渲染 -->
|
||||
|
||||
<div class="w-full flex flex-col justify-center items-center">
|
||||
<h2 class="text-2xl font-bold my-8 block_simple">{{_('MaixSense 传感器模组系列')}}</h2>
|
||||
<div class="w-full flex flex-col justify-center">
|
||||
<div class="cards">
|
||||
<!-- cards -->
|
||||
<div class="card" v-for="item in data_maixsense.cards">
|
||||
<div class="img_wrapper">
|
||||
<img class="card_img" :src="item.img" />
|
||||
</div>
|
||||
<h3 class="card_title" class="text-lg">{[item.title]}</h3>
|
||||
<div class="card_brief">{[item.brief]}</div>
|
||||
<div class="card_btns">
|
||||
<a
|
||||
v-for="btn in item.btns"
|
||||
:href="btn.link"
|
||||
:target="btn.new_tab ? '_blank' : '_self'"
|
||||
>{[btn.label]}</a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<!-- cards end -->
|
||||
</div>
|
||||
<div class="w-full flex flex-col justify-center items-center mt-10 mb-5">
|
||||
<!-- a table to compare upper products' parameters -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script lang="ts">
|
||||
const data_maixsense = {
|
||||
cards: [
|
||||
{
|
||||
img: "/hardware/zh/maixsense/assets/me_small.jpg",
|
||||
title: "MaixSense A010",
|
||||
brief: "100x100 3D TOF {{_('深度传感器模组')}}",
|
||||
btns: [
|
||||
{
|
||||
label: "{{_('文档')}}",
|
||||
link: "/hardware/zh/maixsense/index.html",
|
||||
},
|
||||
{
|
||||
label: "{{_('购买')}}",
|
||||
link: "https://item.taobao.com/item.htm?id=684566484141",
|
||||
new_tab: true,
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
img: "/hardware/zh/maixsense/assets/me_big.jpg",
|
||||
title: "MaixSense A075v",
|
||||
brief: "RGB 3D TOF {{_('深度摄像头模组')}}",
|
||||
btns: [
|
||||
{
|
||||
label: "{{_('文档')}}",
|
||||
link: "/hardware/zh/maixsense/index.html",
|
||||
},
|
||||
{
|
||||
label: "{{_('购买')}}",
|
||||
link: "https://item.taobao.com/item.htm?id=684566484141",
|
||||
new_tab: true,
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
};
|
||||
</script>
|
||||
|
||||
@@ -1,50 +1,50 @@
|
||||
<!-- 修改后保存一下 include 这个文件的 html 模板就会渲染 -->
|
||||
|
||||
<div class="w-full h-full flex flex-col justify-center items-center">
|
||||
<div class="w-full flex flex-col justify-center">
|
||||
<div class="cards">
|
||||
<!-- cards -->
|
||||
<div class="card" v-for="item in data_others.cards">
|
||||
<img class="card_img" :src="item.img" />
|
||||
<h3 class="card_title" class="text-lg">{[item.title]}</h3>
|
||||
<div class="card_brief">{[item.brief]}</div>
|
||||
<div class="card_btns">
|
||||
<a
|
||||
v-for="btn in item.btns"
|
||||
:href="btn.link"
|
||||
:target="btn.new_tab ? '_blank' : '_self'"
|
||||
>{[btn.label]}</a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<!-- cards end -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-xl block_simple">
|
||||
{{_('其它未列出的产品请进入')}}<a href="/hardware/zh/">{{_('产品文档')}}</a>{{_('在左侧目录查找')}}。
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script lang="ts">
|
||||
const data_others = {
|
||||
cards: [
|
||||
{
|
||||
img: "/static/home/slogic.png",
|
||||
title: "SLogic",
|
||||
brief:
|
||||
"{{_('逻辑分析仪+CKLink+DAPLink+USB转串口 多合一指尖工具')}}",
|
||||
btns: [
|
||||
{
|
||||
label: "{{_('文档')}}",
|
||||
link: "/slogic",
|
||||
},
|
||||
{
|
||||
label: "{{_('购买')}}",
|
||||
link: "{{_('https://item.taobao.com/item.htm?id=737788586308')}}",
|
||||
new_tab: true,
|
||||
},
|
||||
],
|
||||
}
|
||||
],
|
||||
};
|
||||
<!-- 修改后保存一下 include 这个文件的 html 模板就会渲染 -->
|
||||
|
||||
<div class="w-full h-full flex flex-col justify-center items-center">
|
||||
<div class="w-full flex flex-col justify-center">
|
||||
<div class="cards">
|
||||
<!-- cards -->
|
||||
<div class="card" v-for="item in data_others.cards">
|
||||
<img class="card_img" :src="item.img" />
|
||||
<h3 class="card_title" class="text-lg">{[item.title]}</h3>
|
||||
<div class="card_brief">{[item.brief]}</div>
|
||||
<div class="card_btns">
|
||||
<a
|
||||
v-for="btn in item.btns"
|
||||
:href="btn.link"
|
||||
:target="btn.new_tab ? '_blank' : '_self'"
|
||||
>{[btn.label]}</a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<!-- cards end -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-xl block_simple">
|
||||
{{_('其它未列出的产品请进入')}}<a href="/hardware/zh/">{{_('产品文档')}}</a>{{_('在左侧目录查找')}}。
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script lang="ts">
|
||||
const data_others = {
|
||||
cards: [
|
||||
{
|
||||
img: "/static/home/slogic.png",
|
||||
title: "SLogic",
|
||||
brief:
|
||||
"{{_('逻辑分析仪+CKLink+DAPLink+USB转串口 多合一指尖工具')}}",
|
||||
btns: [
|
||||
{
|
||||
label: "{{_('文档')}}",
|
||||
link: "/slogic",
|
||||
},
|
||||
{
|
||||
label: "{{_('购买')}}",
|
||||
link: "{{_('https://item.taobao.com/item.htm?id=737788586308')}}",
|
||||
new_tab: true,
|
||||
},
|
||||
],
|
||||
}
|
||||
],
|
||||
};
|
||||
</script>
|
||||
File diff suppressed because one or more lines are too long
614
layout/tang.html
614
layout/tang.html
@@ -1,307 +1,307 @@
|
||||
<!-- 修改后保存一下 include 这个文件的 html 模板（比如home.html）就会渲染 -->
|
||||
|
||||
<div class="w-full flex flex-col justify-center items-center">
|
||||
<h2 class="text-2xl font-bold my-8 block_simple">{{_('Tang FPGA 系列')}}</h2>
|
||||
<div class="cards">
|
||||
<!-- cards -->
|
||||
<div class="card" v-for="item in data_tang.cards">
|
||||
<div class="img_wrapper">
|
||||
<img class="card_img" :src="item.img" />
|
||||
</div>
|
||||
<h3 class="card_title" class="text-lg">{[item.title]}</h3>
|
||||
<div class="card_brief">{[item.brief]}</div>
|
||||
<div class="card_btns">
|
||||
<a
|
||||
v-for="btn in item.btns"
|
||||
:href="btn.link"
|
||||
:target="btn.new_tab ? '_blank' : '_self'"
|
||||
>{[btn.label]}</a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<!-- cards end -->
|
||||
</div>
|
||||
<h3 class="text-2xl font-bold my-8">{{_('Tang 系列板卡参数对比')}}</h3>
|
||||
<div class="w-full my-8 overflow-auto px-2">
|
||||
<div class="table_wrapper">
|
||||
<!-- a table to compare upper products' parameters -->
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>{{_('参数')}}</th>
|
||||
<th>Mega 138K Pro</th>
|
||||
<th>Mega 138K</th>
|
||||
<th>Mega 60K</th>
|
||||
<th>Primer 25K</th>
|
||||
<th>Primer 20K</th>
|
||||
<th>Primer 15K</th>
|
||||
<th>Nano 20K</th>
|
||||
<th>Nano 9K</th>
|
||||
<th>Nano 4K</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>{{_('芯片')}}</td>
|
||||
<td>GW5AST-138</td>
|
||||
<td>GW5AST-138</td>
|
||||
<td>GW5AT-60</td>
|
||||
<td>GW5A-25</td>
|
||||
<td>GW2A-18</td>
|
||||
<td>GW5ART-15</td>
|
||||
<td>GW2AR-18</td>
|
||||
<td>GW1NR-9</td>
|
||||
<td>GW1NSR-4C</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{_('查找表(LUT)')}}</td>
|
||||
<td>138240</td>
|
||||
<td>138240</td>
|
||||
<td>59904</td>
|
||||
<td>23040</td>
|
||||
<td>20736</td>
|
||||
<td>15120</td>
|
||||
<td>20736</td>
|
||||
<td>8640</td>
|
||||
<td>4608</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{_('寄存器(FF)')}}</td>
|
||||
<td>138240</td>
|
||||
<td>138240</td>
|
||||
<td>59904</td>
|
||||
<td>23040</td>
|
||||
<td>15552</td>
|
||||
<td>15120</td>
|
||||
<td>15552</td>
|
||||
<td>6480</td>
|
||||
<td>4608</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>SSRAM(Kbits)</td>
|
||||
<td>1080</td>
|
||||
<td>1080</td>
|
||||
<td>468</td>
|
||||
<td>180</td>
|
||||
<td>41</td>
|
||||
<td>118</td>
|
||||
<td>41</td>
|
||||
<td>17</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>BSRAM(Kbits)</td>
|
||||
<td>6120</td>
|
||||
<td>6120</td>
|
||||
<td>2124</td>
|
||||
<td>1008</td>
|
||||
<td>828</td>
|
||||
<td>630</td>
|
||||
<td>828</td>
|
||||
<td>468</td>
|
||||
<td>180</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td nowrap="nowrap"> RAM </td>
|
||||
<td nowrap="nowrap">{{_('板载_fpga')}} 4Gb DDR3 SDRAM * 2</td>
|
||||
<td nowrap="nowrap">{{_('板载_fpga')}} 4Gb DDR3 SDRAM * 2</td>
|
||||
<td nowrap="nowrap">{{_('板载_fpga')}} 4Gb DDR3 SDRAM * 1</td>
|
||||
<td nowrap="nowrap">-</td>
|
||||
<td nowrap="nowrap">{{_('板载_fpga')}} 1Gb DDR3 SDRAM</td>
|
||||
<td nowrap="nowrap">{{_('内含')}} 64Mb PSRAM</td>
|
||||
<td nowrap="nowrap">{{_('内含')}} 64Mb SDR SDRAM</td>
|
||||
<td nowrap="nowrap">{{_('内含')}} 64Mb PSRAM</td>
|
||||
<td nowrap="nowrap">{{_('内含')}} 64Mb HyperRAM</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td nowrap="nowrap">{{_('内嵌处理器')}}</td>
|
||||
<td nowrap="nowrap">RiscV AE350_SOC</td>
|
||||
<td nowrap="nowrap">RiscV AE350_SOC</td>
|
||||
<td>-</td>
|
||||
<td>-</td>
|
||||
<td>-</td>
|
||||
<td>-</td>
|
||||
<td>-</td>
|
||||
<td>-</td>
|
||||
<td>Cortex-M3</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td nowrap="nowrap">{{_('储存')}}</td>
|
||||
<td nowrap="nowrap">{{_('板载_fpga')}} 128Mb Flash * 2</td>
|
||||
<td nowrap="nowrap">{{_('板载_fpga')}} 128Mb Flash</td>
|
||||
<td nowrap="nowrap">{{_('板载_fpga')}} 128Mb Flash</td>
|
||||
<td nowrap="nowrap">{{_('板载_fpga')}} 64Mb Flash</td>
|
||||
<td nowrap="nowrap">{{_('板载_fpga')}} 64Mb Flash</td>
|
||||
<td nowrap="nowrap">{{_('板载_fpga')}} 64Mb Flash</td>
|
||||
<td nowrap="nowrap">{{_('板载_fpga')}} 64Mb Flash</td>
|
||||
<td nowrap="nowrap">{{_('内含')}} 608Kb Flash<br>{{_('板载_fpga')}} 32Mb Flash</td>
|
||||
<td nowrap="nowrap">{{_('内含')}} 256Kb Flash<br>{{_('板载_fpga')}} 32Mb Flash</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{_('其他特点')}}</td>
|
||||
<td nowrap="nowrap">{{_('内含 12.5G Transceivers')}}<br>{{_('支持 PCIe 3.0 通信')}}<br>{{_('支持 SFP+ 数据传输')}}</td>
|
||||
<td nowrap="nowrap">{{_('内含 8.0G Transceivers')}}<br>{{_('支持 PCIe 3.0 通信')}}<br>{{_('支持 USB3 数据传输')}}</td>
|
||||
<td nowrap="nowrap">{{_('内含 6.6G Transceivers')}}<br>{{_('内含 2.5G MIPI C/DPHY RX/TX')}}<br>{{_('支持 PCIe 2.0 通信')}}<br>{{_('支持 USB3 数据传输')}}</td>
|
||||
<td nowrap="nowrap">{{_('内含 2.5G MIPI DPHY RX/TX')}}<br>{{_('支持 PMOD, 64MByte SDRAM模块')}}<br>{{_('支持 USB手柄')}}</td>
|
||||
<td nowrap="nowrap">{{_('丰富外设，HDMI/以太网/USB')}}</td>
|
||||
<td nowrap="nowrap">{{_('内含 6.6G Transceivers')}}<br>{{_('内含 2.5G MIPI C/DPHY RX/TX')}}<br>{{_('支持 PCIe 2.0 通信')}}<br>{{_('M.2 外形兼容')}}</td>
|
||||
<td nowrap="nowrap">{{_('for RetroGame ~')}}</td>
|
||||
<td nowrap="nowrap">{{_('for RISCV softcore')}}</td>
|
||||
<td nowrap="nowrap">{{_('GOAI~')}}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script lang="ts">
|
||||
const data_tang = {
|
||||
cards: [
|
||||
{
|
||||
img: "/static/home/Tang_Mega_60K.png",
|
||||
title: "Tang Mega 60K",
|
||||
brief: "{{_('小体积的中等量 FPGA 开发板')}}",
|
||||
btns: [
|
||||
{
|
||||
label: "{{_('文档')}}",
|
||||
link: "{{_('/hardware/zh/tang/tang-mega-60k/mega-60k.html')}}",
|
||||
},
|
||||
{
|
||||
label: "{{_('购买')}}",
|
||||
link: "{{_('https://item.taobao.com/item.htm?id=808924746746')}}",
|
||||
new_tab: true,
|
||||
}
|
||||
],
|
||||
},
|
||||
{
|
||||
img: "/static/home/Tang_Mega_138K.png",
|
||||
title: "Tang Mega 138K",
|
||||
brief: "{{_('小体积的大容量 FPGA 开发板')}}",
|
||||
btns: [
|
||||
{
|
||||
label: "{{_('文档')}}",
|
||||
link: "{{_('/hardware/zh/tang/tang-mega-138k/mega-138k.html')}}",
|
||||
},
|
||||
{
|
||||
label: "{{_('购买')}}",
|
||||
link: "{{_('https://item.taobao.com/item.htm?id=808924746746')}}",
|
||||
new_tab: true,
|
||||
}
|
||||
],
|
||||
},
|
||||
{
|
||||
img: "/static/home/Tang_Mega_138K_Pro.png",
|
||||
title: "Tang Mega 138K Pro",
|
||||
brief: "{{_('可以高速通信的大容量 FPGA 开发板')}}",
|
||||
btns: [
|
||||
{
|
||||
label: "{{_('文档')}}",
|
||||
link: "{{_('/hardware/zh/tang/tang-mega-138k/mega-138k-pro.html')}}",
|
||||
},
|
||||
{
|
||||
label: "{{_('购买')}}",
|
||||
link: "{{_('https://item.taobao.com/item.htm?id=740536508140')}}",
|
||||
new_tab: true,
|
||||
}
|
||||
],
|
||||
},
|
||||
{
|
||||
img: "/static/home/Tang_Primer_25K.png",
|
||||
title: "Tang Primer 25K",
|
||||
brief: "{{_('自由拓展的 FPGA 开发板')}}",
|
||||
btns: [
|
||||
{
|
||||
label: "{{_('文档')}}",
|
||||
link: "{{_('/hardware/zh/tang/tang-primer-25k/primer-25k.html')}}",
|
||||
},
|
||||
{
|
||||
label: "{{_('购买')}}",
|
||||
link: "{{_('https://item.taobao.com/item.htm?id=746293292946')}}",
|
||||
new_tab: true,
|
||||
}
|
||||
],
|
||||
},
|
||||
{
|
||||
img: "/static/home/Tang_Primer_20K.png",
|
||||
title: "Tang Primer 20K",
|
||||
brief: "{{_('自带多种外设接口的 FPGA 开发板')}}",
|
||||
btns: [
|
||||
{
|
||||
label: "{{_('文档')}}",
|
||||
link: "{{_('/hardware/zh/tang/tang-primer-20k/primer-20k.html')}}",
|
||||
},
|
||||
{
|
||||
label: "{{_('购买')}}",
|
||||
link: "{{_('https://item.taobao.com/item.htm?id=680099020807')}}",
|
||||
new_tab: true,
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
img: "/static/home/Tang_Nano_20K.png",
|
||||
title: "Tang Nano 20K",
|
||||
brief: "{{_('适用于模拟复古游戏机的 FPGA 开发板')}}",
|
||||
btns: [
|
||||
{
|
||||
label: "{{_('文档')}}",
|
||||
link: "{{_('/hardware/zh/tang/tang-nano-20k/nano-20k.html')}}",
|
||||
},
|
||||
{
|
||||
label: "{{_('购买')}}",
|
||||
link: "{{_('https://item.taobao.com/item.htm?id=717932028073')}}",
|
||||
new_tab: true,
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
img: "/static/home/Tang_Nano_9K.png",
|
||||
title: "Tang Nano 9K",
|
||||
brief: "{{_('适合 RiscV 软核验证的 FPGA 开发板')}}",
|
||||
btns: [
|
||||
{
|
||||
label: "{{_('文档')}}",
|
||||
link: "{{_('/hardware/zh/tang/Tang-Nano-9K/Nano-9K.html')}}",
|
||||
},
|
||||
{
|
||||
label: "{{_('购买')}}",
|
||||
link: "{{_('https://item.taobao.com/item.htm?id=666055424174')}}",
|
||||
new_tab: true,
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
img: "/static/home/Tang_Nano_4K.png",
|
||||
title: "Tang Nano 4K",
|
||||
brief: "{{_('芯片内部含有 MCU 的 FPGA 开发板')}}",
|
||||
btns: [
|
||||
{
|
||||
label: "{{_('文档')}}",
|
||||
link: "{{_('/hardware/zh/tang/Tang-Nano-4K/Nano-4K.html')}}",
|
||||
},
|
||||
{
|
||||
label: "{{_('购买')}}",
|
||||
link: "{{_('https://item.taobao.com/item.htm?id=661994055100')}}",
|
||||
new_tab: true,
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
img: "/static/home/Tang_Primer_15K.png",
|
||||
title: "Tang Primer 15K",
|
||||
brief: "{{_('开发中，敬请期待。。。')}}",
|
||||
btns: [
|
||||
{
|
||||
label: "{{_('文档')}}",
|
||||
link: "{{_('/hardware/zh/tang/tang-primer-15k/primer-15k.html')}}",
|
||||
},
|
||||
{
|
||||
label: "{{_('购买')}}",
|
||||
link: "{{_('https://sipeed.taobao.com')}}",
|
||||
new_tab: true,
|
||||
}
|
||||
],
|
||||
},
|
||||
],
|
||||
};
|
||||
</script>
|
||||
<!-- 修改后保存一下 include 这个文件的 html 模板（比如home.html）就会渲染 -->
|
||||
|
||||
<div class="w-full flex flex-col justify-center items-center">
|
||||
<h2 class="text-2xl font-bold my-8 block_simple">{{_('Tang FPGA 系列')}}</h2>
|
||||
<div class="cards">
|
||||
<!-- cards -->
|
||||
<div class="card" v-for="item in data_tang.cards">
|
||||
<div class="img_wrapper">
|
||||
<img class="card_img" :src="item.img" />
|
||||
</div>
|
||||
<h3 class="card_title" class="text-lg">{[item.title]}</h3>
|
||||
<div class="card_brief">{[item.brief]}</div>
|
||||
<div class="card_btns">
|
||||
<a
|
||||
v-for="btn in item.btns"
|
||||
:href="btn.link"
|
||||
:target="btn.new_tab ? '_blank' : '_self'"
|
||||
>{[btn.label]}</a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<!-- cards end -->
|
||||
</div>
|
||||
<h3 class="text-2xl font-bold my-8">{{_('Tang 系列板卡参数对比')}}</h3>
|
||||
<div class="w-full my-8 overflow-auto px-2">
|
||||
<div class="table_wrapper">
|
||||
<!-- a table to compare upper products' parameters -->
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>{{_('参数')}}</th>
|
||||
<th>Mega 138K Pro</th>
|
||||
<th>Mega 138K</th>
|
||||
<th>Mega 60K</th>
|
||||
<th>Primer 25K</th>
|
||||
<th>Primer 20K</th>
|
||||
<th>Primer 15K</th>
|
||||
<th>Nano 20K</th>
|
||||
<th>Nano 9K</th>
|
||||
<th>Nano 4K</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>{{_('芯片')}}</td>
|
||||
<td>GW5AST-138</td>
|
||||
<td>GW5AST-138</td>
|
||||
<td>GW5AT-60</td>
|
||||
<td>GW5A-25</td>
|
||||
<td>GW2A-18</td>
|
||||
<td>GW5ART-15</td>
|
||||
<td>GW2AR-18</td>
|
||||
<td>GW1NR-9</td>
|
||||
<td>GW1NSR-4C</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{_('查找表(LUT)')}}</td>
|
||||
<td>138240</td>
|
||||
<td>138240</td>
|
||||
<td>59904</td>
|
||||
<td>23040</td>
|
||||
<td>20736</td>
|
||||
<td>15120</td>
|
||||
<td>20736</td>
|
||||
<td>8640</td>
|
||||
<td>4608</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{_('寄存器(FF)')}}</td>
|
||||
<td>138240</td>
|
||||
<td>138240</td>
|
||||
<td>59904</td>
|
||||
<td>23040</td>
|
||||
<td>15552</td>
|
||||
<td>15120</td>
|
||||
<td>15552</td>
|
||||
<td>6480</td>
|
||||
<td>4608</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>SSRAM(Kbits)</td>
|
||||
<td>1080</td>
|
||||
<td>1080</td>
|
||||
<td>468</td>
|
||||
<td>180</td>
|
||||
<td>41</td>
|
||||
<td>118</td>
|
||||
<td>41</td>
|
||||
<td>17</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>BSRAM(Kbits)</td>
|
||||
<td>6120</td>
|
||||
<td>6120</td>
|
||||
<td>2124</td>
|
||||
<td>1008</td>
|
||||
<td>828</td>
|
||||
<td>630</td>
|
||||
<td>828</td>
|
||||
<td>468</td>
|
||||
<td>180</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td nowrap="nowrap"> RAM </td>
|
||||
<td nowrap="nowrap">{{_('板载_fpga')}} 4Gb DDR3 SDRAM * 2</td>
|
||||
<td nowrap="nowrap">{{_('板载_fpga')}} 4Gb DDR3 SDRAM * 2</td>
|
||||
<td nowrap="nowrap">{{_('板载_fpga')}} 4Gb DDR3 SDRAM * 1</td>
|
||||
<td nowrap="nowrap">-</td>
|
||||
<td nowrap="nowrap">{{_('板载_fpga')}} 1Gb DDR3 SDRAM</td>
|
||||
<td nowrap="nowrap">{{_('内含')}} 64Mb PSRAM</td>
|
||||
<td nowrap="nowrap">{{_('内含')}} 64Mb SDR SDRAM</td>
|
||||
<td nowrap="nowrap">{{_('内含')}} 64Mb PSRAM</td>
|
||||
<td nowrap="nowrap">{{_('内含')}} 64Mb HyperRAM</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td nowrap="nowrap">{{_('内嵌处理器')}}</td>
|
||||
<td nowrap="nowrap">RiscV AE350_SOC</td>
|
||||
<td nowrap="nowrap">RiscV AE350_SOC</td>
|
||||
<td>-</td>
|
||||
<td>-</td>
|
||||
<td>-</td>
|
||||
<td>-</td>
|
||||
<td>-</td>
|
||||
<td>-</td>
|
||||
<td>Cortex-M3</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td nowrap="nowrap">{{_('储存')}}</td>
|
||||
<td nowrap="nowrap">{{_('板载_fpga')}} 128Mb Flash * 2</td>
|
||||
<td nowrap="nowrap">{{_('板载_fpga')}} 128Mb Flash</td>
|
||||
<td nowrap="nowrap">{{_('板载_fpga')}} 128Mb Flash</td>
|
||||
<td nowrap="nowrap">{{_('板载_fpga')}} 64Mb Flash</td>
|
||||
<td nowrap="nowrap">{{_('板载_fpga')}} 64Mb Flash</td>
|
||||
<td nowrap="nowrap">{{_('板载_fpga')}} 64Mb Flash</td>
|
||||
<td nowrap="nowrap">{{_('板载_fpga')}} 64Mb Flash</td>
|
||||
<td nowrap="nowrap">{{_('内含')}} 608Kb Flash<br>{{_('板载_fpga')}} 32Mb Flash</td>
|
||||
<td nowrap="nowrap">{{_('内含')}} 256Kb Flash<br>{{_('板载_fpga')}} 32Mb Flash</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{_('其他特点')}}</td>
|
||||
<td nowrap="nowrap">{{_('内含 12.5G Transceivers')}}<br>{{_('支持 PCIe 3.0 通信')}}<br>{{_('支持 SFP+ 数据传输')}}</td>
|
||||
<td nowrap="nowrap">{{_('内含 8.0G Transceivers')}}<br>{{_('支持 PCIe 3.0 通信')}}<br>{{_('支持 USB3 数据传输')}}</td>
|
||||
<td nowrap="nowrap">{{_('内含 6.6G Transceivers')}}<br>{{_('内含 2.5G MIPI C/DPHY RX/TX')}}<br>{{_('支持 PCIe 2.0 通信')}}<br>{{_('支持 USB3 数据传输')}}</td>
|
||||
<td nowrap="nowrap">{{_('内含 2.5G MIPI DPHY RX/TX')}}<br>{{_('支持 PMOD, 64MByte SDRAM模块')}}<br>{{_('支持 USB手柄')}}</td>
|
||||
<td nowrap="nowrap">{{_('丰富外设，HDMI/以太网/USB')}}</td>
|
||||
<td nowrap="nowrap">{{_('内含 6.6G Transceivers')}}<br>{{_('内含 2.5G MIPI C/DPHY RX/TX')}}<br>{{_('支持 PCIe 2.0 通信')}}<br>{{_('M.2 外形兼容')}}</td>
|
||||
<td nowrap="nowrap">{{_('for RetroGame ~')}}</td>
|
||||
<td nowrap="nowrap">{{_('for RISCV softcore')}}</td>
|
||||
<td nowrap="nowrap">{{_('GOAI~')}}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script lang="ts">
|
||||
const data_tang = {
|
||||
cards: [
|
||||
{
|
||||
img: "/static/home/Tang_Mega_60K.png",
|
||||
title: "Tang Mega 60K",
|
||||
brief: "{{_('小体积的中等量 FPGA 开发板')}}",
|
||||
btns: [
|
||||
{
|
||||
label: "{{_('文档')}}",
|
||||
link: "{{_('/hardware/zh/tang/tang-mega-60k/mega-60k.html')}}",
|
||||
},
|
||||
{
|
||||
label: "{{_('购买')}}",
|
||||
link: "{{_('https://item.taobao.com/item.htm?id=808924746746')}}",
|
||||
new_tab: true,
|
||||
}
|
||||
],
|
||||
},
|
||||
{
|
||||
img: "/static/home/Tang_Mega_138K.png",
|
||||
title: "Tang Mega 138K",
|
||||
brief: "{{_('小体积的大容量 FPGA 开发板')}}",
|
||||
btns: [
|
||||
{
|
||||
label: "{{_('文档')}}",
|
||||
link: "{{_('/hardware/zh/tang/tang-mega-138k/mega-138k.html')}}",
|
||||
},
|
||||
{
|
||||
label: "{{_('购买')}}",
|
||||
link: "{{_('https://item.taobao.com/item.htm?id=808924746746')}}",
|
||||
new_tab: true,
|
||||
}
|
||||
],
|
||||
},
|
||||
{
|
||||
img: "/static/home/Tang_Mega_138K_Pro.png",
|
||||
title: "Tang Mega 138K Pro",
|
||||
brief: "{{_('可以高速通信的大容量 FPGA 开发板')}}",
|
||||
btns: [
|
||||
{
|
||||
label: "{{_('文档')}}",
|
||||
link: "{{_('/hardware/zh/tang/tang-mega-138k/mega-138k-pro.html')}}",
|
||||
},
|
||||
{
|
||||
label: "{{_('购买')}}",
|
||||
link: "{{_('https://item.taobao.com/item.htm?id=740536508140')}}",
|
||||
new_tab: true,
|
||||
}
|
||||
],
|
||||
},
|
||||
{
|
||||
img: "/static/home/Tang_Primer_25K.png",
|
||||
title: "Tang Primer 25K",
|
||||
brief: "{{_('自由拓展的 FPGA 开发板')}}",
|
||||
btns: [
|
||||
{
|
||||
label: "{{_('文档')}}",
|
||||
link: "{{_('/hardware/zh/tang/tang-primer-25k/primer-25k.html')}}",
|
||||
},
|
||||
{
|
||||
label: "{{_('购买')}}",
|
||||
link: "{{_('https://item.taobao.com/item.htm?id=746293292946')}}",
|
||||
new_tab: true,
|
||||
}
|
||||
],
|
||||
},
|
||||
{
|
||||
img: "/static/home/Tang_Primer_20K.png",
|
||||
title: "Tang Primer 20K",
|
||||
brief: "{{_('自带多种外设接口的 FPGA 开发板')}}",
|
||||
btns: [
|
||||
{
|
||||
label: "{{_('文档')}}",
|
||||
link: "{{_('/hardware/zh/tang/tang-primer-20k/primer-20k.html')}}",
|
||||
},
|
||||
{
|
||||
label: "{{_('购买')}}",
|
||||
link: "{{_('https://item.taobao.com/item.htm?id=680099020807')}}",
|
||||
new_tab: true,
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
img: "/static/home/Tang_Nano_20K.png",
|
||||
title: "Tang Nano 20K",
|
||||
brief: "{{_('适用于模拟复古游戏机的 FPGA 开发板')}}",
|
||||
btns: [
|
||||
{
|
||||
label: "{{_('文档')}}",
|
||||
link: "{{_('/hardware/zh/tang/tang-nano-20k/nano-20k.html')}}",
|
||||
},
|
||||
{
|
||||
label: "{{_('购买')}}",
|
||||
link: "{{_('https://item.taobao.com/item.htm?id=717932028073')}}",
|
||||
new_tab: true,
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
img: "/static/home/Tang_Nano_9K.png",
|
||||
title: "Tang Nano 9K",
|
||||
brief: "{{_('适合 RiscV 软核验证的 FPGA 开发板')}}",
|
||||
btns: [
|
||||
{
|
||||
label: "{{_('文档')}}",
|
||||
link: "{{_('/hardware/zh/tang/Tang-Nano-9K/Nano-9K.html')}}",
|
||||
},
|
||||
{
|
||||
label: "{{_('购买')}}",
|
||||
link: "{{_('https://item.taobao.com/item.htm?id=666055424174')}}",
|
||||
new_tab: true,
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
img: "/static/home/Tang_Nano_4K.png",
|
||||
title: "Tang Nano 4K",
|
||||
brief: "{{_('芯片内部含有 MCU 的 FPGA 开发板')}}",
|
||||
btns: [
|
||||
{
|
||||
label: "{{_('文档')}}",
|
||||
link: "{{_('/hardware/zh/tang/Tang-Nano-4K/Nano-4K.html')}}",
|
||||
},
|
||||
{
|
||||
label: "{{_('购买')}}",
|
||||
link: "{{_('https://item.taobao.com/item.htm?id=661994055100')}}",
|
||||
new_tab: true,
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
img: "/static/home/Tang_Primer_15K.png",
|
||||
title: "Tang Primer 15K",
|
||||
brief: "{{_('开发中，敬请期待。。。')}}",
|
||||
btns: [
|
||||
{
|
||||
label: "{{_('文档')}}",
|
||||
link: "{{_('/hardware/zh/tang/tang-primer-15k/primer-15k.html')}}",
|
||||
},
|
||||
{
|
||||
label: "{{_('购买')}}",
|
||||
link: "{{_('https://sipeed.taobao.com')}}",
|
||||
new_tab: true,
|
||||
}
|
||||
],
|
||||
},
|
||||
],
|
||||
};
|
||||
</script>
|
||||
|
||||
Reference in New Issue
Block a user