这里 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回答

好帮手慕星星

2020-01-22

同学你好,代码中inline设置类型为布尔值,默认值为false(base/loading/index.vue)

http://img.mukewang.com/climg/5e27f496091b498a02560114.jpg

如果父组件中传了inline,那么这个值就是true,没有传inline,默认值就是false。

这个布尔值控制了是否添加mine-loading-inline类:

http://img.mukewang.com/climg/5e27f4f109d963ad08600151.jpg

这个类控制了flex布局主轴方向:

http://img.mukewang.com/climg/5e27f5a509a8f9ce06220408.jpg

不添加这个类主轴方向是垂直的,添加这个类主轴方向是水平的。从而控制加载图标与文字的显示方式是垂直排列还是水平排列的

http://img.mukewang.com/climg/5e27f5ea0986782002510067.jpg

http://img.mukewang.com/climg/5e27f5ff0913b77302420057.jpg

自己可以测试理解下。如果我的回答帮助到了你,欢迎采纳,祝学习愉快~

0

0 学习 · 10739 问题

查看课程