直播系统app源码，vue实现简单瀑布流布局

直播系统app源码，vue实现简单瀑布流布局

npm 安装

 

1	<br>npm install -s vue-stick

​

全局引用：

 

1	<br>import Stick from 'vue-stick'<br>Vue.use(Stick);

 

 

在需要的页面中引用

 

1

<br><!-- html --><br>          <Stick :list="caves" :columnWidth="columnWidth" :columnSpacing="columnSpacing"><br>            <template slot-scope="scope"><br>              <div ><br><!-- 你需要展示的内容布局 --><br>              </div><br>            </template><br>          </Stick><br>//js<br><script><br>    export default {<br>        components: {<br>        },<br>        data() {<br>            return {<br>                columnWidth: '',<br>                columnSpacing: 10,<br>            }<br>        },<br>        created() {<br>            // 计算宽度<br>            this.columnWidth = (350 * 0.5 * (document.documentElement.clientWidth / 375))<br>        },<br>        mounted() {<br>        },<br>        methods: {<br>        }<br>    }<br></script>

 

以上就是直播系统app源码，vue实现简单瀑布流布局， 更多内容欢迎关注之后的文章