微信小程序--19(.wxml 模板文件简单归纳)

  • 类似HTML
  • 用来描述当前页面的结构

一、普通样式

1.<view> 内容 </view>

二、滚波样式

1.<swiper> 内容 </swiper>

2.<swiper-item>滚波内容 </swiper-item>

3.常用属性

  • 纵向:scroll-y
  • 横向:scroll-x
  • 圆点颜色:indicator-dots indicator-color
  • 圆点点击颜色:indicator-active-color
  • 自动滚动:autoplay
  • 滚动时间:interval
  • 链接滑动:circular

三、文本组件

1.text(普通)

  • <text> 内容 </text>
  • 常用属性
  • 长按选择文本
  • selectable

2.rich-text(富文本)

  • <rich-text> 内容 </rich-text>
  • 常用属性
  • 渲染为UI结构
  • nodes

四、按钮组件

1.button

  • <button> 内容 </button>

2.属性

  • 按钮颜色
  • type
  • 小尺寸
  • size
  • 镂空
  • plain

五、图片组件

1.image

  • <image> 内容 </image>

2.属性

  • 裁剪和缩放

  • mode

  • scaleToFill:默认值,不按比例来,填充满

  • aspectFit:纵横比缩放,保证长边显示出来
  • aspectFill:纵横比缩放,保证短边显示出来
  • widthFix:宽度不变,高度自动变化
  • heightFix:高度不变,宽度自动变化
相关推荐
Jing_Rainbow1 天前
【 Weapp-1 /Lesson18(2025-11-03)】# 微信小程序开发全解析:从项目结构到生态优势 🚀
微信·微信小程序·程序员
千寻技术帮1 天前
50045_基于微信小程序的民宿预订管理系统
微信小程序·源码·ppt·项目文档·民宿
禁止摆烂_才浅1 天前
Taro 小程序页面返回传参完整示例
react.js·微信小程序·taro
vx_dmxq2111 天前
【微信小程序学习交流平台】(免费领源码+演示录像)|可做计算机毕设Java、Python、PHP、小程序APP、C#、爬虫大数据、单片机、文案
java·spring boot·python·mysql·微信小程序·小程序·idea
腾马科技1 天前
小酒馆白酒饮料订单配送立即点餐存酒小程序源码
微信小程序·点餐小程序
学点程序1 天前
AI辅助开发小程序的实践分享
小程序
vx_dmxq2112 天前
【PHP考研互助系统】(免费领源码+演示录像)|可做计算机毕设Java、Python、PHP、小程序APP、C#、爬虫大数据、单片机、文案
java·spring boot·mysql·考研·微信小程序·小程序·php
蹦极的考拉2 天前
夜间无法登录:ThinkPHP api接口 23:00 准时罢工的排查全纪录
小程序·thinkphp·api接口·无法登陆
vx_vxbs662 天前
【SSM电影网站】(免费领源码+演示录像)|可做计算机毕设Java、Python、PHP、小程序APP、C#、爬虫大数据、单片机、文案
java·spring boot·python·mysql·小程序·php·idea
我命由我123452 天前
微信开发者工具 - 模拟器分离窗口与关闭分离窗口
前端·javascript·学习·微信小程序·前端框架·html·js