体验链接:http://website.livequeen.top

一、引入依赖

glidejs/glide/dist/css/glide.core.min.css;

......

classslide-captionh1{{item.h1}}/h1h3{{item.h3}}/h3button

classexplore-btn探索更多/button/div!--

虚化背景

data-glide-elcontrols[nav]button

classglide__bullet

glidejs/glide/dist/css/glide.core.min.css;/*

轮播图样式

}.glide__arrow:hover{background:

}.glide__arrow:active{background:

}.glide__bullets

../src/assets/img/glide3.jpg;export

default

自力更生是中华民族自立于世界民族之林的奋斗基点自主创新是我们攀登世界科技高峰的必由之路。

,src:

glide1,type:

自力更生是中华民族自立于世界民族之林的奋斗基点自主创新是我们攀登世界科技高峰的必由之路。

,src:

glide2,type:

自力更生是中华民族自立于世界民族之林的奋斗基点自主创新是我们攀登世界科技高峰的必由之路。

,src:

glide3,type:

及时更新底部bullet的选中状态this.glide.on(move,

{this.nowActive

this.glide.index;});this.glide.mount();}}

/script