guangming_banner
v1.0.5
Published
slideCell ==> "#banner" ==> the container of the banner'id # autoPage ==> false ==> automatic pagination # effect ==> "fade" ==> Rolling direction # autoPlay ==> false ==> Automatically round # delayTime ==> 200 ==>
Downloads
5
Readme
this component for vue
#Parameter configuration
slideCell ==> "#banner" ==> the container of the banner'id
autoPage ==> false ==> automatic pagination
effect ==> "fade" ==> Rolling direction
autoPlay ==> false ==> Automatically round
delayTime ==> 200 ==> ms;automatically run time #use like this
npm instal guangming_banner
import banner from 'banners'
Vue.prototype.banner = banner
html:
< div id="banner" class="banner" > < div class="hd" > < ul ></ ul > </ div> < div class="bd"> < ul > < li>< a href="#" >< img _src="./static/img/m1.jpg" src="images/blank.png" /></ a></ li > </ ul > </ div > </ div >'
js:
this.banner({
slideCell:"#banner",
effect:"left",
autoPlay:true,
autoPage:true,
switchLoad:"_src"
});