寫個 vue-loading-template 元件

三毛丶發表於2017-05-01

趁著5.1來臨之際,告訴你們一個好訊息:

寫個 vue-loading-template 元件


demo: jkchao.github.io/vue-loading…

原始碼(star ? start : start):github.com/jkchao/vue-…

元件支援:自定義type(暫時提供8種,具體請看demo);color;size;


Start

 npm install vue-loading-template --save複製程式碼

Use in SPA

 <template>
    <div>
    <h2>bars</h2>
    <vue-loading type="bars" color="#d9544e" :size="{ width: '50px', height: '50px' }"></vue-loading>
    </div>

 </template>
  <script>
  import vueLoading from 'vue-loading-template'
  export default {
    name: 'app',
    components: {
      vueLoading
    }
  }
  </script>複製程式碼

相關文章