iT邦幫忙

0

vue - Loading Bar 在手持裝置上不會轉圈圈

  • 分享至 

  • xImage

我在vue裡面有install iview裡面 spin這個元件
在chrome debug時都正常可以呈現Loading轉圈的狀態

但是我將這支程式載進Android手持裝置時
畫面變成不會轉圈圈
只有呈現靜止不動的圖片

請問這問題是我程式有問題?還是手持裝置有什麼需要設定?

這是spincircle.vue

<template>
<div>
    <spin class="loading_bar">
    <Icon  type="load-a"  size=180 class="demo-spin-icon-load"></Icon>
    </spin>
</div>
</template>



<script>
export default {
name: 'bars',
props: [],
data () {
return {

}

}

}


</script>

<style scoped>

.loading_bar{
  position: fixed; /*全屏模式下,position是fixed */
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color:rgb(255, 255, 255,0.5);
  /* opacity: 0.5; */

}
 .demo-spin-icon-load{
    animation: ani-demo-spin 1s linear infinite;
    position: absolute; /*全屏模式下,position是fixed */
    top: 35%;
    left: 35%;
    }
</style>

這是我要使用spin元件的頁面

<template>
    <bars v-if="bars"></bars>
</template>

<script>
import bars from './spincircle'

export default {
  name: 'IMPS03002',
  components: {
    bars

  },
  data () {
    return {
      bars:   false
      header: {
 
      },
      lines: []
    }
  },
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友回答

立即登入回答