<template>
  <div
    v-show="show"
    class="weui_loading_toast"
  >
    <div class="weui_mask_transparent" />
    <div
      class="weui_toast"
      :style="{position: position}"
    >
      <div class="weui_loading">
        <div
          v-for="i in 12"
          :key="i"
          class="weui_loading_leaf"
          :class="['weui_loading_leaf_' + (i-1)]"
        />
        <!-- <i class="weui-icon_toast"></i> -->
      </div>
      <p class="weui_toast_content">
        {{ text }}<slot />
      </p>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    show: Boolean,
    text: {
      type: String,
      default: 'Loading'
    },
    position: String
  }
}
</script>
