Subprograma WX - 2

Representación condicional:

wx:if = "{ { nuevalista.longitud == 0 }}"

wx: más

Enrutamiento de salto: vincule el evento de clic y ejecute la página de salto

enlazar

data-id="{ { item.id }}" agregar id

wx.navegar a

Omita la ruta y pase los parámetros, y el siguiente ciclo de vida onLoad de la ruta puede obtener parámetros. Llegar a la página de detalles

Saltar

atrapar

 

Página de detalles:

el texto enriquecido analiza las etiquetas html5, los componentes y el contenido básico: componentes de texto enriquecido

 

 Reemplace la imagen con la imagen con estilo

público:::

 

carrusel de paquetes

1. Crear componentes, Componente. las propiedades reciben el valor pasado del padre

2. Registre el componente, (regístrelo en el archivo json de la página en la que se usa)

3. Renderizar componentes

sub abierto, sub recibir, sub uso

Registro principal, uso principal (la solicitud se envía desde el elemento principal y se pasa al componente secundario)

 

Solicitud de embalaje secundario (acelerar la eficiencia del desarrollo)

// util.js文件夹下 ajax 方法用来发请求
function ajax(url,method='GET',data={}){
    return new Promise((resolve,reject)=>{
        wx.request({
          url,
          method,
          data,
          success:(res)=>{
              resolve(res);
          }
        })
    })
}
// 导出ajax方法
export default ajax;

// api文件夹下
// 导入二次封装的ajax
import service from '../utils/request'

//一个请求封装成一个函数
export function news_hot(){
  return service('https://mpapi.iynn.cn/api/v1/news/hot');
}
export function news_list(payload = {}){
  return service('https://mpapi.iynn.cn/api/v1/news','GET', payload );
}
export function news_detail(payload = {}){
  return service('https://mpapi.iynn.cn/api/v1/news/'+payload.id,'GET', payload );
}

Avatar autorizado, apodo: ver aquí

wx.getUserProfile(Object object) | Documentación abierta de WeChat Documentación de la plataforma para desarrolladores de WeChat https://developers.weixin.qq.com/miniprogram/dev/api/open-api/user-info/wx.getUserProfile.html

 

 

<view class="box" wx:if="{
   
   {!userInfo.nickName}}">
  <button open-type="getUserInfo" bindgetuserinfo="handleClick" style="background-color: #07c160;color: white;">去登录</button>
</view>
<view class="userinfo" wx:else>
  <image mode="aspectFill" src="{
   
   {userInfo.avatarUrl}}"></image>
  <text>{
   
   {userInfo.nickName}}</text>
</view>

/**index.wxss**/
page{
  background-color: #eeeeee;
}
.box{
  padding: 80rpx 0;
}
.userinfo{
  display: flex;
  align-items: center;
  padding: 60rpx;
}
.userinfo image{
  width: 100rpx;
  height: 100rpx;
  border-radius: 50%;
  margin-right: 10rpx;
}