admin管理员组

文章数量:1122852

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

如果与捆

本文标签： 布局纵向黄金手机Vue

版权声明：本文标题：vue手机端布局纵向布局_Vue中的黄金布局集成 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/biancheng/1724586693a906966.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。