当前位置: 首页 > news >正文

实用指南:微信小程序-6-页面布局和事件绑定以及页面跳转

实用指南:微信小程序-6-页面布局和事件绑定以及页面跳转

2025-09-20 10:56  tlnshuju  阅读(0)  评论(0)    收藏  举报

文章目录

  • 1 页面布局
    • 1.1 导航布局
      • 1.1.1 index.wsml
      • 1.1.2 index.wxss
    • 1.2 通知布局
      • 1.2.1 index.wsml
      • 1.2.2 index.wxss
    • 1.3 底部布局
      • 1.3.1 index.wxml
      • 1.3.2 index.wxss
  • 2 事件绑定
    • 2.1 基本应用
      • 2.1.1 my.wsml
      • 2.1.2 my.js
    • 2.2 事件冒泡
      • 2.2.1 my.wxml
      • 2.2.2 my.js
      • 2.2.3 阻止事件冒泡(my.wsml)
    • 2.3 事件对象和传参
      • 2.3.1 my.wxml
      • 2.3.2 my.js
  • 3 页面跳转
    • 3.1 组件跳转(声明式导航)
    • 3.2 js跳转(编程式导航)

介绍flex布局在小脚本中的应用。事件的绑定、冒泡和传参。页面跳转的两个方式:组件跳转(声明式)、js跳转(编程式)。

1 页面布局

1.1 导航布局

1.1.1 index.wsml

<view class="menu"><view class