¿Cómo usar el módulo de plantilla en el subprograma WeChat? Por ejemplo, plantilla para escribir una ventana emergente de inicio de sesión

¿Para qué? ¿Cuándo se utilizará?
Las plantillas de WeChat se utilizan principalmente para la gestión de interfaces públicas. Por ejemplo, las ventanas emergentes o las páginas públicas se pueden definir mediante plantillas.
1. ¿Cómo utilizar el módulo de plantilla en el subprograma WeChat?
1. Cree un archivo de plantilla
! [Inserte la descripción de la imagen aquí] (https://img-blog.csdnimg.cn/20200624205419406.png
2.index.wxml =>

<template name="apifmLogin">
  <view class="apifmLogin" hidden="{
   
   {wxlogin}}">
    <view class="s-b">
      <view class="s-l-b">
        <image src="/images/login.png" style="width:180rpx;height:130rpx;margin-left:160rpx;" />
        <text>授权登录</text>
      </view>
      <view class="s-t-b">
        <view class="s-t-i">
          <text>·</text>请授权小程序登录</view>
        <view class="s-t-i">
          <text>·</text>我们不会公布您的这些信息</view>
        <view class="s-t-i">
          <text>·</text>只是为了给您提供更好的服务</view>
      </view>
      <button class="l" catchtap="yx" style="line-height:30rpx;">允许</button>
      <button class="c" catchtap="zb" type="default" style="line-height:30rpx;">暂不登录</button>
    </view>
  </view>
</template>

3. Introducir en la página utilizada

<import src="/template/login/index.wxml" />

4. En las páginas utilizadas

<template is="apifmLogin"  data="{
   
   {wxlogin:!show}}" />

El que está adentro corresponde al nombre en la plantilla definida.
Nota:
Si hay operaciones relacionadas con js en la plantilla o se introducen variables, estas variables y métodos deben escribirse en el archivo js de la plantilla importada, y las variables utilizadas deben pasa el atributo de datos de la plantilla Pasa, las variables en los datos corresponden a las de la etiqueta de la plantilla

Defina la variable
show: false para pasar en js

Supongo que te gusta

Origin blog.csdn.net/lqlq54321/article/details/106950945
Recomendado
Clasificación