Al igual que UniApp quiero ser un plug-in de plantillas de aplicación en función de la información, con el componente swiper oficial, no una salida lanzada, y más tarde vio la página web oficial de que tienen que añadir scroll-etiqueta de vista lata
Aplicación para ser el primero en hacerlo observa con UniApp
En primer lugar, el primero en ser pestaña pestaña en la parte superior, porque sólo tengo dos, de manera directa escritos en la vista de etiqueta
< Vista clase = "navs" > < vista : class = "{activo: actual == i}" v-para = "(punto, i) en navs" @Haga clic = "navsHandleClick (i)" > {{artículo. lable}} </ vista >
</ vista >
A continuación, escribir el contenido de la parte inferior, haga clic en la diapositiva y puede cambiar pestaña, y añadir el estilo seleccionado
: Corriente = hay que añadir el atributo "actual"
< Vista de clase = "uni-tab-bar" > < class = "swiper-box" swiper @change = "intervalChange" : corriente = "actual" > < swiper-elemento > < desplazamiento visión clase de desplazamiento-y = lista " " > < vista estilo =" altura: 2000px;" > 1 </ vista > </ scroll-view > < desplazamiento visión clase de desplazamiento-y = "lista" > < vista estilo = "altura:> </ Scroll-view > </ ítems swiper > </ swiper > </ vista >
Uni.css introdujo en el app.vue
@import' ./common/uni.css';
js
métodos: { navsHandleClick (i) { console.log (i); este .Current = i; }, IntervalChange (e) { este .Current = e.detail.current; } }