Syslab使用手册

⋮

pageClass: details-default-all-close .theme-default-content .contentdefault{ padding-bottom: 20px; } @media (min-width: 768px){ .img-box .img-item { width: calc(50% - 1.2rem); } } @media (min-width: 992px){ .img-box .img-item { width: calc(25% - 1.2rem); } } .details-content{ color:#407DBC; a{ line-height:1.9; display:block; } } .home-container{ width:100%; display:flex; flex-direction:column; &.flex-column-class{ flex-direction: column; flex-wrap: wrap; } } .home-container-route { width: 75%; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; gap: 0.5rem; >div{ width: 100%; flex-wrap:wrap; height: auto; } &.flex-column-class{ flex-direction: column; >div{ width: 100%; flex-wrap:wrap; height: auto; } } } .home-container-routeright{ width: 25%; padding-left: 2rem; &.flex-column-class{ padding-left: 0; width: 100%; } } .home-container-main{ flex-basis: unset; width: 100%; display:flex; flex-direction:column; &.flex-column-class{ flex-basis: unset; } } .home-container-resource{ width:100%; position:relative; &.flex-column-class{ margin-left:0; } } @media (min-width: 768px){ .home-container{ flex-direction: column; } .home-container-route > div{ width: 100%; } .home-container-routeright{ padding-left: 0; } .home-container-main-box{ display:flex; justify-content: space-between; } } @media (min-width: 979px){ .home-container{ flex-direction: row; } .home-container-route > div{ width: 49%; } .home-container-routeright{ padding-left: 2rem; } .home-container-main-box{ display:flex; justify-content: space-between; } } .toggle-details-box{ height: 1px; } .toggle-details{ float: right; / margin-top: .5rem; / } .resource-list{ display: flex; flex-direction: column; justify-content:flex-start; align-items: flex-start; .resource-item{ width:100%; display:flex; justify-content:flex-start; align-items: center; gap:0.5rem; &.education{ border-top: 1px solid #dee2e6; } /* span{ color: #0076a8; } span:hover{ color:#004b87; } */ } } .details-single{ width: 100%; display: inline-block; margin-top: 5px; border: 1px solid #ddd; border-radius: 3px; overflow: hidden; max-height: 3000px; transition: max-height .3s ease; >div{ width: 100%; display: inline-block !important; margin: 0 !important; vertical-align: top; border: 0 solid #ddd; border-radius: 0 !important; padding: 0 1.5rem !important; background-color: #f9f9f9 !important; box-sizing: border-box; height: calc(50px + 1rem); position: relative; >div{ color:#0076a8; font-weight: 700; padding:0 .5rem; outline: none; width: 100%; max-height: 50px; position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; } } } /* .details-box{ max-height:1000px; } */ 文档 {{toggleText}} --> 使用 Syslab Syslab 什么是 Syslab Syslab 快速入门 Syslab 环境基础知识函数库开发 APP 构建 M 语言计算环境 Julia 语言 Julia 语言概览 Julia 中文文档 --> Julia 中文文档 Julia 高性能编程 Julia 最佳实践外部语言接口与 MATLAB 的显著差异参考信息基础函数库语言基础数学图形图像地理图多语言编程环境 M 语言计算环境从 Python 调用 Syslab 函数库从 MATLAB® 到 Syslab 新一代科学计算环境兼容 M 代码调试运行从 M 代码迁移到 Julia 代码 M 语言到 Julia 语言 Syslab 与 M 函数对照表工作流并行计算并行计算工具箱并行计算工具箱 --> 报告生成 Syslab 报告生成 Syslab 报告生成 --> 代码生成 Syslab 代码生成 Syslab 定点设计工具 Syslab 代码生成 Syslab 定点设计工具 --> 应用程序部署从 julia 文件创建独立应用程序使用 julia 代码创建 C 共享库 Syslab AppBundler 快速入门 --> 与 Sysplorer 双向集成 Sysplorer API From Workspace To Workspace Syslab Block 代码生成与FMU支持开放系统架构使用范围术语和缩略语引用文件平台分层架构开放架构和接口使用场景开放架构和接口详细说明附录1：内核级开放接口附录2：平台层开放接口附录3：应用资源开发手册工具箱数学、统计和优化曲线拟合工具箱统计工具箱优化工具箱全局优化工具箱符号数学工具箱信号处理和无线通信信号处理工具箱 DSP 系统工具箱小波工具箱通信工具箱雷达工具箱相控阵工具箱射频工具箱天线工具箱控制系统控制系统工具箱系统辨识工具箱鲁棒控制工具箱图像处理和计算机视觉图像处理工具箱 AI 与数据科学机器学习工具箱深度学习工具箱强化学习工具箱资源 {{toggleText}} --> 发行说明安装帮助常见问题视频课程视频课程 export default { props: ['slot-key'], data(){ return { allClose:true, homeContainerMain:true, flexClass:false, isHuawei: process.env.IS_HUAWEI, } }, mounted () { // console.log("slot-key",this.props) this.$nextTick(() => { // 在DOM更新完成后执行 const resizeTarget = this.$refs.homeContainer; // 创建 ResizeObserver 实例 const resizeObserver = new ResizeObserver(entries => { // entries 是一个 ResizeObserverEntry 对象数组，包含目标元素的大小信息 for (const entry of entries) { // 获取宽度和高度 const { width, height } = entry.contentRect; // console.log('Width:', width, 'Height:', height); // 在这里可以触发自定义的处理逻辑，例如将宽高信息传递给 Vue 组件的方法 this.handleResize(width, height); } }); // 开始监听目标元素的大小变化 resizeObserver.observe(resizeTarget); // 在组件销毁时停止监听，防止内存泄漏 this.$once('hook:beforeDestroy', () => { resizeObserver.disconnect(); }); // ✅ 初始化 details 标签的平滑展开/收缩功能 this.initSmoothDetails(); }); }, computed:{ toggleText(){ return !this.allClose?'全部折叠':'全部展开' } }, methods:{ // 截取字符串中的homepage delHomepage(params){ // 获取配置的 base 路径（例如：docs/syslab/2025bSP2/Help/homepage/） const base = this.$site.base; // 移除 base 中的 /homepage 部分，得到 docs/syslab/2025bSP2/Help/ const baseWithoutHomepage = base.replace('/homepage', ''); // 拼接目标路径（确保路径格式正确，避免重复斜杠） // 最终路径为：docs/syslab/2025bSP2/Help/Doc/Syslab/Quickstart.html return ; }, toggleDetails(){ let detailsNode = document.querySelectorAll( ) this.allClose = !this.allClose for(let i=0;i { const details = detailsBox.querySelector('details'); const detailsContent = detailsBox.querySelector('.details-content'); if (!details !detailsContent) return; // 计算 summary 的高度（固定值） const summaryHeight = details.offsetHeight 66; // calc(50px + 1rem) ≈ 66px // 初始化状态：默认关闭 if (!details.hasAttribute('open')) { detailsContent.style.display = 'none'; detailsContent.style.visibility = 'hidden'; detailsBox.style.maxHeight = summaryHeight + 'px'; } else { detailsContent.style.display = 'block'; detailsContent.style.visibility = 'visible'; requestAnimationFrame(() => { const contentHeight = detailsContent.offsetHeight; detailsBox.style.maxHeight = (summaryHeight + contentHeight) + 'px'; }); } // 监听 details 的 toggle 事件 details.addEventListener('toggle', () => { const isOpen = details.hasAttribute('open'); if (isOpen) { // 展开：显示内容并平滑增加高度 detailsContent.style.display = 'block'; detailsContent.style.visibility = 'visible'; // 使用 requestAnimationFrame 确保 DOM 更新后再计算高度 requestAnimationFrame(() => { const contentHeight = detailsContent.offsetHeight; detailsBox.style.maxHeight = (summaryHeight + contentHeight) + 'px'; }); } else { // 收缩：平滑减少高度后隐藏内容 const currentHeight = detailsBox.offsetHeight; detailsBox.style.maxHeight = summaryHeight + 'px'; // 等待过渡动画完成后隐藏内容 setTimeout(() => { if (!details.hasAttribute('open')) { detailsContent.style.display = 'none'; detailsContent.style.visibility = 'hidden'; } }, 300); // 与 CSS transition 时间一致 } }); }); } } }