WXML

2024/4/13 16:33:08

微信小程序-----wxss模版样式

目录 前言 一、WXSS 1. 什么是 WXSS 2. WXSS 和 CSS 的关系 二、rpx 1. 什么是 rpx 尺寸单位 2. rpx 的实现原理 3. rpx 与 px 之间的单位换算 三、样式导入 1. 什么是样式导入 2. import 的语法格式 四、全局样式和局部样式 1. 全局样式 2. 局部样式 前言 上一期…

小程序开发基础:WXML、WXSS、JavaScript基础语法(上)

小程序开发基础:WXML、WXSS、JavaScript基础语法(上) 本文主要介绍: WXML语言的基本语法WXSS语言的基本语法JavaScript语言的基本语法 WXML语言的基本语法 小程序的开发提供了丰富的API接口和开发工具,能够方便开发…

微信小程序------WXML模板语法之条件渲染和列表渲染

目录 前言 一、条件渲染 1.wx:if 2. 结合 使用 wx:if 3. hidden 4. wx:if 与 hidden 的对比 二、列表渲染 1. wx:for 2. 手动指定索引和当前项的变量名* 3. wx:key 的使用 前言 上一期我们讲解wxml模版语法中的数据绑定和事件绑定(上一期链接:…

【小程序 - 基础】页面导航、页面事件、生命周期、WXS脚本_04

目录 一、页面导航 1. 什么是页面导航 2. 小程序中实现页面导航的两种方式 2.1 声明式导航 2.1.1 导航到 tabBar 页面 2.1.2 导航到非 tabBar 页面 2.1.3 后退导航 2.2 编程式导航 2.2.1 导航到 tabBar 页面 2.2.2 导航到非 tabBar 页面 2.2.3 后退导航 2.3. 导航…

微信小程序WXML、WXSS、事件系统、WXS、组件(详解)--看完就会写微信小程序。前面还有基础教程

三、视图层概述 、 框架的视图层由 WXML 与 WXSS 编写,由组件来进行展示。将逻辑层的数据反映成视图,同时将视图层的事件发送给逻辑层。WXML(WeiXin Markup language) 用于描述页面的结构。WXS(WeiXin Script) 是小程序的一套脚本语言,结合 …

初识小程序

小程序是什么? 简单来说,小程序就是简单版的程序,小程序的语言使用网页前端的技术栈,使用JavaScript运行环境,相当于是一个浏览器。但小程序并不是单纯的HTML5,优势是具有高级的硬件处理接口,同…

自定义微信小程序组件 滚动提示栏

微信小程序组件 滚动提示栏 效果如下 wxml <view wx:if"{{ show }}" class"i-class i-noticebar" style"color: {{ color }}; background-color: {{ backgroundcolor }}"><i-icon wx:if"{{ icon }}" type"{{ icon }}…