vue手机端布局纵向布局_Vue中的黄金布局集成

vue手机端布局纵向布局

金色的布局 (vue-golden-layout)

Integration of the golden-layout to Vue.

将黄金布局整合到Vue。

安装 (Installation)

npm install --save vue-golden-layout

In order to test, after cloning, a static application can be compiled :

为了测试，在克隆之后，可以编译一个静态应用程序：

npm install
npm fuse
npm run test/compile

The file dist/index.html then shows test/test.vue in action

文件dist / index.html然后显示test / test.vue的运行情况

例 (Example)

<layout-golden>
	<gl-col>
		<gl-component title="compA">
			<h1>CompA</h1>
		</gl-component>
		<gl-row>
			...
		</gl-row>
		<gl-stack>
			...
		</gl-stack>
	</gl-col>
</layout-golden>

不要忘了让它起作用 (Don't forget in order to make it work)

• Include a golden-layout theme CSS.

  包括一个金色布局主题CSS。

import 'golden-layout/src/css/goldenlayout-light-theme.css'

goldenlayout-base.css is already integrated to the library.

goldenlayout-base.css已集成到库中。

用法 (Usage)

This library integrate a straightforward way bundling with fuse-box. If you make a project with this bundler, it will be straight-forward.

该库将直接方法与保险丝盒捆绑在一起。 如果使用此捆绑器创建项目，它将很简单。

import vgl from 'vue-golden-layout'
Vue.use(vgl);

In case of incompatibility with bundlers, you can bundle vue-golden-layout by simply bundling the sources. The sources entry point is in vue-golden-layout/src/index.ts

如果与捆