微信小程序--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:高度不变,宽度自动变化
相关推荐
拖孩6 小时前
流量主门槛从 500 降到 100,我的小程序上线 18 小时够到了线
前端·后端·微信小程序
云-缩影7 小时前
做微信小程序,自建服务器还是用云托管:技术选型对比
服务器·微信小程序·小程序
Frag0ut11 小时前
Notepad++ 正则表达式完全手册:文本处理的终极武器(2026实战版)
正则表达式·notepad++·数据清洗·日志分析·正则替换·提取ip·正则表达式实战
极限挑战哥1 天前
共享电单车联营平台分账架构实践:二清合规与自动分账零人工方案
java·大数据·人工智能·微信小程序·架构·微信公众平台
超级新零售1 天前
服装订货会数字化:商品版本、订单状态与后续配发数据如何衔接?
大数据·小程序·企业微信
Frag0ut1 天前
Notepad++ 零基础入门:从记事本到代码编辑器的平滑过渡(2026最新版)
python·编辑器·html·json·notepad++·markdown·记事本
云-缩影1 天前
拆解微信小程序后端架构:ECS、RDS、SSL 和 VPC 怎么配合
微信小程序·架构·ssl
拖孩1 天前
AI 帮我写的小程序上线 44 天:36 个人进了收银台,8 个人付钱
前端·后端·微信小程序
xiezhr1 天前
我用workBuddy开发了自己的第一个小程序并成功上线了
ai·小程序·ai agent·workbuddy