mirror of
https://github.com/Hopiu/vue-material.git
synced 2026-05-04 05:24:43 +00:00
1 line
8.5 KiB
JavaScript
1 line
8.5 KiB
JavaScript
|
webpackJsonp([4,37],{825:function(e,t,n){function s(e){n(909)}var r=n(1)(n(854),n(946),s,"data-v-631d0197",null);e.exports=r.exports},854:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={data:function(){return{progress:0,progressInterval:null,done:!1,transition:!0}},methods:{startProgress:function(){var e=this;this.progressInterval=window.setInterval((function(){e.progress+=3,e.progress>115&&(e.done=!0,window.clearInterval(e.progressInterval),window.setTimeout((function(){e.done=!1}),3e3))}),100)},restartProgress:function(){var e=this;this.progress=0,this.transition=!1,this.done=!1,window.clearInterval(this.progressInterval),window.setTimeout((function(){e.transition=!0,e.startProgress()}),600)}},mounted:function(){this.startProgress()}},e.exports=t.default},877:function(e,t,n){t=e.exports=n(795)(),t.push([e.i,".spinner-demo[data-v-631d0197]{min-height:55px}.complete-example[data-v-631d0197]{width:56px;height:56px;position:relative}.complete-example .md-fab[data-v-631d0197]{margin:0}.complete-example .md-spinner[data-v-631d0197]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}",""])},909:function(e,t,n){var s=n(877);"string"==typeof s&&(s=[[e.i,s,""]]),s.locals&&(e.exports=s.locals);n(796)("64dcb51e",s,!0)},946:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("page-content",{attrs:{"page-title":"Components - Spinner"}},[n("docs-component",[n("div",{slot:"description"},[n("p",[e._v("Progress and activity indicators are visual indications of an app loading content.")]),e._v(" "),n("p",[e._v("The following classes can be applied to change the color palette:")]),e._v(" "),n("ul",{staticClass:"md-body-2"},[n("li",[n("code",[e._v("md-accent")])]),e._v(" "),n("li",[n("code",[e._v("md-warn")])])])]),e._v(" "),n("div",{slot:"api"},[n("api-table",{attrs:{name:"md-spinner"}},[n("md-table",{slot:"properties"},[n("md-table-header",[n("md-table-row",[n("md-table-head",[e._v("Name")]),e._v(" "),n("md-table-head",[e._v("Type")]),e._v(" "),n("md-table-head",[e._v("Description")])],1)],1),e._v(" "),n("md-table-body",[n("md-table-row",[n("md-table-cell",[e._v("md-size")]),e._v(" "),n("md-table-cell",[n("code",[e._v("Number")])]),e._v(" "),n("md-table-cell",[e._v("The spinner size. Default "),n("code",[e._v("50")])])],1),e._v(" "),n("md-table-row",[n("md-table-cell",[e._v("md-stroke")]),e._v(" "),n("md-table-cell",[n("code",[e._v("Number")])]),e._v(" "),n("md-table-cell",[e._v("The line width. Default "),n("code",[e._v("3.5")])])],1),e._v(" "),n("md-table-row",[n("md-table-cell",[e._v("md-indeterminate")]),e._v(" "),n("md-table-cell",[n("code",[e._v("Boolean")])]),e._v(" "),n("md-table-cell",[e._v("Enable the indeterminate state. Default "),n("code",[e._v("false")])])],1),e._v(" "),n("md-table-row",[n("md-table-cell",[e._v("md-progress")]),e._v(" "),n("md-table-cell",[n("code",[e._v("Number")])]),e._v(" "),n("md-table-cell",[e._v("Define the current progress of the spinner. Default "),n("code",[e._v("0")])])],1)],1)],1)],1)],1),e._v(" "),n("div",{slot:"example"},[n("example-box",{attrs:{"card-title":"Determinate"}},[n("div",{staticClass:"spinner-demo",slot:"demo"},[n("md-button",{staticClass:"md-primary md-raised",on:{click:e.restartProgress}},[e._v("Restart")]),e._v(" "),e.transition?n("md-spinner",{attrs:{"md-progress":e.progress}}):e._e(),e._v(" "),e.transition?n("md-spinner",{staticClass:"md-accent",attrs:{"md-progress":e.progress}}):e._e(),e._v(" "),e.transition?n("md-spinner",{staticClass:"md-warn",attrs:{"md-progress":e.progress}}):e._e()],1),e._v(" "),n("div",{slot:"code"},[n("code-block",{attrs:{lang:"xml"}},[e._v('\n <md-spinner :md-progress="progress"></md-spinner>\n <md-spinner :md-progress="progress" class="md-accent"></md-spinner>\n <md-spinner :md-progress="progress" class="md-warn"></md-spinner>\n ')])],1)]),e._v(" "),n("example-box",{attrs:{"card-title":"Indeterminate"}},[n("div",{staticClass:"spinner-demo",slot:"demo"},[n("md-spinner",{attrs:{"md-indeterminate":""}}),e._v(" "
|