作品页添加无线开关

doctree
zcy 2022-06-05 14:47:56 +08:00
parent 47670b65e2
commit f015dfac41
2 changed files with 72 additions and 19 deletions

View File

@ -1,7 +1,6 @@
var baseUrl = 'http://127.0.0.1/api/public/';
var count = 0;
function updateMenu(){
console.log("suck it")
function updateMenu() {
//初始化
//$('.subMenu').hide();
//$('.subMenu').show();

View File

@ -7,27 +7,30 @@
* @FilePath: \api\App\Views\blog\template\work.html
-->
{% block article %}
<script>
$(function () {
$('#tabs a:last').tab('show'); //初始化激活最后一个
})
$('#tabs a').click(function (e) {
e.preventDefault(); //阻止a标签点击跳转链接
$(this).tab('show'); //显示当前选中的链接及关联的content
})
</script>
<div id="container">
<div class="row">
<div id="grouptab" class="col-md-1" style="background: #86d7ff; text-align: center;">
<ul class="nav nav-tabs" style="font-size: 12px; width: 100%;">
<li style="width: 100%;">
<a href="#group_key_1" data-toggle="tab" style="width: 100%; background: #a3e0ff ">
基于lua万能协议调试器
</a>
</li>
</ul>
<ul class="nav nav-tabs" style="font-size: 12px; width: 100%;">
<li style="width: 100%;">
<a href="#group_key_2" data-toggle="tab" style="width: 100%; background: #a3e0ff ">
通用模数采集器(软硬件)
</a>
</li>
<div id="grouptab" class="col-md-1"
style="background: #bbbbbb; text-align: center;padding: 10px; margin-left: 10px;height: 100%;">
<ul class="nav nav-tabs" style="font-size: 12px;">
<li> <a href="#duilib111" data-toggle="tab">万能协议调试器</a></li>
<li> <a href="#webrtc" data-toggle="tab">webrtc native demo</a></li>
<li> <a href="#ui2css" data-toggle="tab">数据采集器(软硬件)</a></li>
<li> <a href="#wireless_open" data-toggle="tab">无线开关</a></li>
</ul>
</div>
<div class="col-md-8 tab-content">
<div class="tab-pane fade in active" id="duilib">
<div class="tab-pane fade in active" id="duilib111">
<p style="display: block;font-size: 25px ; text-align: left;">
协议调试器
</p>
@ -62,7 +65,58 @@
<a href="https://gitee.com/290198252/proto-debuger"> qt qml版本源码</a>
<a href="https://gitee.com/290198252/proto-debuger/releases"> 二进制包</a>
</p>
</div>
</div>
<div class="tab-pane fade in active" id="webrtc">
<p style="display: block;font-size: 25px ; text-align: left;">
webrtc easy demo
</p>
<p style="display: block;font-size: 20px ; text-align: left;">
webrtc c++ native 库 demo
实现功能:
</p>
<p style="display: block;font-size: 15px ; text-align: left;">
基于QT
</p>
<p style="display: block;font-size: 15px ; text-align: left;">
webrtc摄像头/桌面捕获功能
</p>
<p style="display: block;font-size: 15px ; text-align: left;">
opengl渲染/多播放窗格管理
</p>
<p style="display: block;font-size: 15px ; text-align: left;">
janus meeting room
</p>
<p>
</p>
<img src="https://www.testingcloud.club/sapi/api/image_download/12cd0d66-d213-11ec-827c-525400986ccb.png">
<p>
下载地址和源码
</p>
<p>
<a href="https://gitee.com/290198252/multimedia/tree/master/client/webrtc_capture"> 源码</a>
<a href="https://gitee.com/290198252/proto-debuger/releases"> 二进制包</a>
</p>
</div>
<div class="tab-pane fade in active" id="wireless_open">
<p style="display: block;font-size: 25px ; text-align: left;">
wifi,蓝牙 - 无线开关
</p>
<img src="https://www.testingcloud.club/sapi/api/image_download/eb749834-e3fc-11ec-827c-525400986ccb.png">
<p style="display: block;font-size: 15px ; text-align: left;">
实现功能:
</p>
<p style="display: block;font-size: 15px ; text-align: left;">
通过wifi/蓝牙实现远程开关电器或者其他电子设备
</p>
<p style="display: block;font-size: 15px ; text-align: left;">
电路原理图:
</p>
<img src="https://www.testingcloud.club/sapi/api/image_download/2ead3c53-e41a-11ec-827c-525400986ccb.png">
<p style="display: block;font-size: 15px ; text-align: left;">
实物图:
</p>
<img src="https://www.testingcloud.club/sapi/api/image_download/cd68064f-e49a-11ec-827c-525400986ccb.jpeg">
</div>
</div>
</div>
</div>