这里 inline 什么意思
来源:5-1 下拉刷新--变化提示文字
琥珀_2020
2020-01-22 13:58:37
<template> <!-- <div class="swiper-container"> --> <swiper :options="swiperOption" ref="swiper"> <div class="mine-scroll-pull-down" v-if="pullDown"> <me-loading :text="pullDownText" inline></me-loading> </div> <swiper-slide class="swiper-slide"> <slot></slot> </swiper-slide> <div class="swiper-scrollbar" v-if="scrollbar" slot="scrollbar"></div> </swiper> <!-- </div> --> </template>
<me-loading :text="pullDownText" inline></me-loading>
1回答
同学你好,代码中inline设置类型为布尔值,默认值为false(base/loading/index.vue)
如果父组件中传了inline,那么这个值就是true,没有传inline,默认值就是false。
这个布尔值控制了是否添加mine-loading-inline类:
这个类控制了flex布局主轴方向:
不添加这个类主轴方向是垂直的,添加这个类主轴方向是水平的。从而控制加载图标与文字的显示方式是垂直排列还是水平排列的
自己可以测试理解下。如果我的回答帮助到了你,欢迎采纳,祝学习愉快~
相似问题