|
|
@@ -17,7 +17,7 @@ const columns = [
|
|
|
key: 'CocoPi',
|
|
|
align: 'center',
|
|
|
render: (type, data) => {
|
|
|
- if (data.name === '外观') {
|
|
|
+ if (data.name === '圖片') {
|
|
|
return <img src={data.CocoPi} alt=""></img>
|
|
|
} else {
|
|
|
return <div dangerouslySetInnerHTML={{ __html: data.CocoPi }}></div>
|
|
|
@@ -30,7 +30,7 @@ const columns = [
|
|
|
key: 'Microbit',
|
|
|
align: 'center',
|
|
|
render: (type, data) => {
|
|
|
- if (data.name === '外观') {
|
|
|
+ if (data.name === '圖片') {
|
|
|
return <img src={data.Microbit} alt=""></img>
|
|
|
} else {
|
|
|
return <div dangerouslySetInnerHTML={{ __html: data.Microbit }}></div>
|
|
|
@@ -38,13 +38,13 @@ const columns = [
|
|
|
}
|
|
|
},
|
|
|
{
|
|
|
- title: '树莓派 Pi 4 （1GB）',
|
|
|
+ title: '樹莓派 Pi 4 （1GB）',
|
|
|
dataIndex: 'Raspberry',
|
|
|
key: 'Raspberry',
|
|
|
align: 'center',
|
|
|
render: (type, data) => {
|
|
|
console.log(data)
|
|
|
- if (data.name === '外观') {
|
|
|
+ if (data.name === '圖片') {
|
|
|
return <img src={data.Raspberry} alt=""></img>
|
|
|
} else {
|
|
|
return <div dangerouslySetInnerHTML={{ __html: data.Raspberry }}></div>
|
|
|
@@ -55,94 +55,94 @@ const columns = [
|
|
|
const data = [
|
|
|
{
|
|
|
key: '1',
|
|
|
- name: '外观',
|
|
|
+ name: '圖片',
|
|
|
CocoPi: CocoPiImg,
|
|
|
Microbit: MicrobitImg,
|
|
|
Raspberry: RaspberryImg,
|
|
|
},
|
|
|
{
|
|
|
key: '2',
|
|
|
- name: '处理器',
|
|
|
+ name: '處理器',
|
|
|
CocoPi: "Allwinner V831",
|
|
|
Microbit: "Nordic nRF52833",
|
|
|
Raspberry: "Broadcom BCM2711",
|
|
|
},
|
|
|
{
|
|
|
key: '3',
|
|
|
- name: '内存',
|
|
|
+ name: '內存',
|
|
|
CocoPi: "1GB",
|
|
|
Microbit: "512KB",
|
|
|
Raspberry: "1GB",
|
|
|
},
|
|
|
{
|
|
|
key: '4',
|
|
|
- name: '连接',
|
|
|
- CocoPi: "<div>802.11n 无线 2.4GHz<br/>Type-C *1<br/>USB 2.0*1</div>",
|
|
|
- Microbit: "<div>蓝牙 5.1 with BLE <br/>2.4GHz 无线</div>",
|
|
|
- Raspberry: "<div>2.4 GHz 和 5.0 GHz IEEE 802.11b/g/n/ac 无线<br/>蓝牙 5.0, BLE<br/>LAN，千兆以太网<br/>2 × USB 3.0 ports<br/>2 × USB 2.0 ports.</div>",
|
|
|
+ name: '連接',
|
|
|
+ CocoPi: "<div>802.11n 無線 2.4GHz<br/>Type-C *1<br/>USB 2.0*1</div>",
|
|
|
+ Microbit: "<div>藍牙 5.1 with BLE <br/>2.4GHz 無線</div>",
|
|
|
+ Raspberry: "<div>2.4 GHz 和 5.0 GHz IEEE 802.11b/g/n/ac 無線<br/>藍牙 5.0, BLE<br/>LAN，千兆乙太網<br/>2 × USB 3.0 ports<br/>2 × USB 2.0 ports.</div>",
|
|
|
},
|
|
|
{
|
|
|
key: '5',
|
|
|
- name: 'GPIO引脚',
|
|
|
- CocoPi: "<div>标准 IIC/SPI/UART 接口<br/>标准舵机接口 *2<br/>标准电机接口 *2</div>",
|
|
|
- Microbit: "<div>5 环鳄鱼夹<br/>19 板载针脚</div>",
|
|
|
- Raspberry: "<div>标准40针GPIO头<br/>micro-HDM 端口*2 <br/>2通道MIPI DSI显示端口<br/>2通道MIPI CSI摄像头端口</div>",
|
|
|
+ name: 'GPIO 引腳',
|
|
|
+ CocoPi: "<div>標準 IIC/SPI/UART 介面<br/>標準私服馬達介面 *2<br/>標準電機介面 *2</div>",
|
|
|
+ Microbit: "<div>5 環鱷魚夾<br/>19 板載針腳</div>",
|
|
|
+ Raspberry: "<div>標準40針GPIO頭<br/>micro-HDM 埠*2 <br/>2通道MIPI DSI顯示埠<br/>2通道MIPI CSI攝像頭埠</div>",
|
|
|
},
|
|
|
{
|
|
|
key: '6',
|
|
|
- name: '板载传感器',
|
|
|
- CocoPi: "<div>温湿度传感器*1<br/>三轴陀螺仪和三轴加速度计*1<br/>麦克风*1<br/>光敏传感器*1<br/>200W 像素MIPI摄像头*1</div>",
|
|
|
- Microbit: "<div>三轴加速度计和磁力计 *1<br/>温度传感器*1<br/>麦克风*1</div>",
|
|
|
- Raspberry: "无",
|
|
|
+ name: '板載感測器',
|
|
|
+ CocoPi: "<div>溫溼度感測器*1<br/>三軸陀螺儀和三軸加速度計*1<br/>麥克風*1<br/>光敏感測器*1<br/>200W 圖元MIPI攝像頭*1</div>",
|
|
|
+ Microbit: "<div>三軸加速度計和磁力計 *1<br/>溫度感測器*1<br/>麥克風*1</div>",
|
|
|
+ Raspberry: "無",
|
|
|
},
|
|
|
{
|
|
|
key: '7',
|
|
|
- name: '板载执行器',
|
|
|
- CocoPi: "<div>扬声器*1<br/>RGB LED*1<br/>2.8 英寸 显示屏*1<br/>模拟伺服 *2<br/>模拟电机*2</div>",
|
|
|
+ name: '板載執行器',
|
|
|
+ CocoPi: "<div>揚聲器*1<br/>RGB LED*1<br/>2.8 英寸 顯示屏*1<br/>模擬伺服 *2<br/>模擬電機*2</div>",
|
|
|
Microbit: "Speaker*1",
|
|
|
- Raspberry: "无",
|
|
|
+ Raspberry: "無",
|
|
|
},
|
|
|
{
|
|
|
key: '8',
|
|
|
- name: '软件',
|
|
|
+ name: '軟件',
|
|
|
CocoPi: "Linux/C++/Python/Blockly/Scratch",
|
|
|
Microbit: "C++/Python/Makecode/Scratch",
|
|
|
Raspberry: "Linux/Raspbian/Windows",
|
|
|
},
|
|
|
{
|
|
|
key: '9',
|
|
|
- name: '视频',
|
|
|
+ name: '視頻',
|
|
|
CocoPi: "<div>H.264，最高支持 1080P@30fps<br/>H.265，最高支持 1080P@30fps<br/>JPEG，最高支持 1080P@30fps</div>",
|
|
|
- Microbit: "无",
|
|
|
- Raspberry: "<div>H.265 (4Kp60 解码);<br/>H.264 (1080p60 解码, 1080p30 编码);<br/>OpenGL ES, 3.0 图形</div>",
|
|
|
+ Microbit: "無",
|
|
|
+ Raspberry: "<div>H.265 (4Kp60 解碼);<br/>H.264 (1080p60 解碼, 1080p30 編碼);<br/>OpenGL ES, 3.0 圖形</div>",
|
|
|
},
|
|
|
{
|
|
|
key: '10',
|
|
|
- name: '摄像头',
|
|
|
- CocoPi: "200W 像素MIPI摄像头*1",
|
|
|
- Microbit: "无",
|
|
|
- Raspberry: "无",
|
|
|
+ name: '攝像頭',
|
|
|
+ CocoPi: "200W 圖元MIPI攝像頭*1",
|
|
|
+ Microbit: "無",
|
|
|
+ Raspberry: "無",
|
|
|
},
|
|
|
{
|
|
|
key: '11',
|
|
|
- name: '显示屏',
|
|
|
- CocoPi: "2.8 英寸 显示屏*1",
|
|
|
- Microbit: "5x5点阵灯屏",
|
|
|
- Raspberry: "无",
|
|
|
+ name: '顯示幕',
|
|
|
+ CocoPi: "2.8 英寸 顯示幕*1",
|
|
|
+ Microbit: "5x5點陣燈屏",
|
|
|
+ Raspberry: "無",
|
|
|
},
|
|
|
{
|
|
|
key: '12',
|
|
|
name: 'SD 卡支持',
|
|
|
CocoPi: "微型 SD 卡槽",
|
|
|
- Microbit: "无",
|
|
|
+ Microbit: "無",
|
|
|
Raspberry: "微型 SD 卡槽",
|
|
|
},
|
|
|
{
|
|
|
key: '13',
|
|
|
- name: '输入电源',
|
|
|
+ name: '輸入電源',
|
|
|
CocoPi: "<div>PH2.0端子<br/>Type-C<br/>USB 2.0</div>",
|
|
|
- Microbit: "<div>Micro USB<br/>带鳄鱼夹的边缘连接器</div>",
|
|
|
- Raspberry: "<div>5V直流输入（通过 USB-C口）<br/>5V直流输入（通过 GPIO头）<br/>以太网供电（PoE）</div>",
|
|
|
+ Microbit: "<div>Micro USB<br/>帶鱷魚夾的邊緣連接器</div>",
|
|
|
+ Raspberry: "<div>5V直流輸入（通過 USB-C口）<br/>5V直流輸入（通過 GPIO頭）<br/>乙太網供電（PoE）</div>",
|
|
|
},
|
|
|
{
|
|
|
key: '14',
|
|
|
@@ -151,13 +151,16 @@ const data = [
|
|
|
Microbit: "51.6*42*11.7mm",
|
|
|
Raspberry: "85.6*56.5*11mm",
|
|
|
},
|
|
|
- // {
|
|
|
- // key: '15',
|
|
|
- // name: '官方价格（RMB）',
|
|
|
- // CocoPi: "",
|
|
|
- // Microbit: "149",
|
|
|
- // Raspberry: "360",
|
|
|
- // },
|
|
|
+ {
|
|
|
+ key: '15',
|
|
|
+ name: '官方價格',
|
|
|
+ CocoPi: `<p class="compare_p">驚 喜 價</p>
|
|
|
+ <a href="#Contact">
|
|
|
+ <Button class="compare_button"><span>聯絡我們</span></Button>
|
|
|
+ </a>`,
|
|
|
+ Microbit: "HK$160.12",
|
|
|
+ Raspberry: "HK$385.79",
|
|
|
+ },
|
|
|
];
|
|
|
const CompareStyle = {
|
|
|
padding: '0 100px',
|
|
|
@@ -166,7 +169,7 @@ const CompareStyle = {
|
|
|
const Compare = () => {
|
|
|
return (
|
|
|
<div>
|
|
|
- <h1>产品对比</h1>
|
|
|
+ <h1>產品對比</h1>
|
|
|
<div style={CompareStyle}>
|
|
|
<Table
|
|
|
columns={columns}
|
