WeChat subprograma] [007 - Botón de conjunto y la página de métodos de ciclo de vida

Configuración de los botones

1. El uso de un elemento de texto para mostrar un controlador de eventos de clic de botón y se unen f0

Al proporcionar texto del elemento bindtap función de unión atributos
código de ejemplo (wxml):

<text bindtap="f0" wx:if="{{index < (weeklyMovieList.length - 1)}}" class="return-button">返回本周</text>

2. El estilo de botón disposiciones

Ejemplo de código (wxss):

.button{
  position: absolute;
  right: 10rpx;
  top: 80rpx;
  font-size: 30rpx;
  color: lightcoral;
  border:1px solid coral;
  border-radius: 20%;
}

controlador de eventos

1. En la página de archivo lógico función de la página en los entornos

  f0: function(event){
    this.setData({
      currentIndex: this.data.weeklyMovieList.length-1
    })
  }

métodos de ciclo de vida de página

Se puede entender como un controlador de eventos especial

1. onLoad

• En el archivo de página lógica de la función de página en la configuración
• Sólo una vez que se llama cuando se inicializa la página
• Ejemplo de código

onLoad: function(options){
  this.setData({
    currentIndex: this.data.weeklyMovieList.length-1
  })
}

NOTA: El uso this.setData ({}) para funcionar en las variables de estado interno asignado, a fin de Sincronizar actualizaciones vista

2. OnShow

• En el archivo de página lógica de la función de página en la configuración
• Se llama cada vez que se carga la página

3. onReady

• En el archivo de página lógica de la función de página en la configuración
• Cuando la carga de la página inicial se haya completado, listo para ser llamado interacción

la cuarta ona

• En el archivo de página lógica de la función de página en la configuración
• Se llama cada vez que la página Ocultar

4. onUnload

• En el archivo de página lógica de la función de página en la configuración
• Cuando la página se apaga o se descarga a llamarse