Апплет WX - 2 - Код мира

Условный рендеринг:

wx:if = "{ { newlist.length == 0 }}"

wx: еще

Маршрутизация перехода: привяжите событие клика и выполните страницу перехода

привязка

data-id="{ { item.id }}" добавить идентификатор

wx.navigateTo

Пропустите маршрут и параметры передачи, и следующий жизненный цикл маршрута onLoad может получить параметры. Перейти на страницу сведений

Прыгать

ловить

Страница сведений:

Rich-text анализирует теги html5, компоненты и основное содержимое: компоненты форматированного текста

Замените изображение стилизованным изображением

общественность:::

Карусель пакетов

1. Создайте компоненты, Компонент. свойства получают значение, переданное от родителя

2. Зарегистрируйте компонент (зарегистрируйте его в файле json страницы, на которой он используется)

3. Рендеринг компонентов

саб открыть, саб получить, саб использовать

Родительская регистрация, родительское использование (запрос отправляется от родителя и передается дочернему компоненту)

Запрос вторичной упаковки (ускорение эффективности разработки)

// 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 );
}

Авторизованный аватар, никнейм: посмотреть здесь

wx.getUserProfile(Объект объекта) | Документация WeChat Open Документация платформы разработчиков 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;
}