vue自定义指令之v-loading（附源码，可CV）

个人博客网站欢迎交流：萤火之森：https://blog.xkongkeji.com

组件API：TigerUi：http://tigerui.xkongkeji.com

效果图

结构

<template>
    <div :class="['ti-loading', 'ti-' + type]">
        <div class="loader-inner">
            <div class="loader-line-wrap">
                <div class="loader-line"></div>
            </div>
            <div class="loader-line-wrap">
                <div class="loader-line"></div>
            </div>
            <div class="loader-line-wrap">
                <div class="loader-line"></div>
            </div>
            <div class="loader-line-wrap">
                <div class="loader-line"></div>
            </div>
            <div class="loader-line-wrap">
                <div class="loader-line"></div>
            </div>
            <span v-if="text" class="loading-text">{
  { text }}</span>
        </div>
    </div&g