Golden Layout
Golden Layout 一种用于Webapps的多窗口布局管理器
项目地址:https://github.com/golden-layout/golden-layout
官网:https://golden-layout.com
获取
方法一
cnpm install golden-layout
方法二
git clone https://github.com/golden-layout/golden-layout.git
国内推荐使用Github的镜像地址 https://github.com.cnpmjs.org
:
git clone https://github.com.cnpmjs.org/golden-layout/golden-layout.git
克隆完成后进入 golden-layout
目录
cd golden-layout
安装依赖的库
cnpm install --save-dev # 注意此处的开发依赖
打包
npm run build
打包好的库文件位于 dist
目录下,此处使用 umd
中的文件
方法三
直接去官网下载。
使用
包括依赖项
GoldenLayout需要jQuery才能工作,可以使用 <script>
标签直接包含它:
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
或者,如果使用的是 RequireJs,请确保 jQuery 被添加至路径中。例如,将以下内容添加到的 require 配置中:
paths: {'jquery': '../bower_components/jquery/dist/jquery.min'
}
接下来,添加GoldenLayout的主 .js
和 .css
文件:
<script type="text/javascript" src="https://golden-layout.com/files/latest/js/goldenlayout.min.js"></script>
<link type="text/css" rel="stylesheet" href="https://golden-layout.com/files/latest/css/goldenlayout-base.css" />
goldenlayout-base.css
仅包含结构部分,因此还需要一个主题。只需从可用文档中选择一个并包含其CSS文件即可:
<link type="text/css" rel="stylesheet" href="https://golden-layout.com/files/latest/css/goldenlayout-dark-theme.css" />
配置布局
Golden Layout相关推荐
- Android layout 优化:使用include和merge 标签
使用<include /> 标签来重用layout代码 如果在一个项目中需要用到相同的布局设计,可以通过<include /> 标签来重用layout代码,该标签在androi ...
- [转载]Android Layout标签之-viewStub,requestFocus,merge,include
定义Android Layout(XML)时,有四个比较特别的标签是非常重要的,其中有三个是与资源复用有关,分别是<viewStub/>, <requestFocus />, ...
- Android layout优化
在XML中定义Android的Layout时,有四个比较特别的标签是非常重要的,分别是<viewStub/>, <requestFocus />, <merge /> ...
- Android Layout标签之-viewStub,requestFocus,merge,include
定义Android Layout(XML)时,有四个比较特别的标签是非常重要的,其中有三个是与资源复用有关,分别是<viewStub/>, <requestFocus />, ...
- android layout组件,Android UI学习 - Linear Layout, RelativeLayout
1.一些常用的公共属性介绍 1) layout_width -宽 fill_parent: 宽度和父元素相同,wrap_content: 宽度随本身的内容所调整,或者指定 px值来设置宽 2) lay ...
- android的布局流程,Android View 布局流程(Layout)全面解析
前言 上一篇文章,笔者详细讲述了View三大工作流程的第一个,Measure流程,如果对测量流程还不熟悉的读者可以参考一下上一篇文章.测量流程主要是对View树进行测量,获取每一个View的测量宽高, ...
- 更新pcb封装导入_教你如何将 AD 或 PADS 的原理图导入 Allegro 做 Layout
作为allegro专业layout的我们,由于设计软件的限制,有时候客户提供的原理图可能是AD或Power Logic绘制的,而AD或Power Logic的原理图转成orcad原理图后可能存在丢失网 ...
- android layout analyze
adapter api entity handler ui until widget appContent.java ************************************* 图片: ...
- iOS SwiftUI篇-3 排版布局layout
iOS SwiftUI篇-3 排版布局layout swiftUI提供的layout有: ZStack.GeometryReader.HStack.LazyVGrid.LazyHStack.LazyH ...
- Oracle Golden Gate体系架构详解(原创) - CzmMiao的博客生活 - ITeye技术网站
Oracle Golden Gate体系架构详解(原创) - CzmMiao的博客生活 - ITeye技术网站
最新文章
- 对数函数定义域和值域为r_100观察法求函数的值域
- Java 基础学习-链接
- 【原创】贴片电容的测量方法。。。这是我从自己QQ空间转过来的,本人实操!...
- select 移动端 第一个无法选中_总结在移动端碰到的坑
- 改改Python代码,运行速度还能提升6万倍,Science:先别想摩尔定律了
- 小程序开发(1)-之目录结构和文件说明
- js上传视频,预览视频
- 外模告急时薪翻倍?中国AI虚拟模特取代高价外模,效果逼真与真人无异。
- STM32工作笔记0042---认识三极管的集电极,发射极,基极
- 如何删除旧的和未使用的Docker映像
- MyEclipse10安装properties文件插件
- 计算机软件质量保证计划示例
- 轴承后缀ce和ca_SKF各类型轴承后缀含义
- ESP8266-Arduino编程实例-HDC1080温度湿度传感器驱动
- 周易六十四卦——比卦
- 安装Oozie4.1.0-CDH版本
- Java图形界面开发—简易登录注册小程序
- golang开发环境之Sublime Text 2+GoSublime+gocode+MarGo
- [原创] RT7 Lite win7旗舰版精简方案
- Java中有指针么?