微信小程序+前后端开发学习材料2-(视图+基本内容+表单组件)

学习来源

视图

1.swiper

滑块视图容器。其中只可放置swiper-item组件,否则会导致未定义的行为。
在这里插入图片描述
显示面板指示点indicator-dots
在这里插入图片描述
在这里插入图片描述

基础内容

1.icon

图标组件
微信小程序+前后端开发学习材料2-(视图+基本内容+表单组件)_第1张图片
实例演示
微信小程序+前后端开发学习材料2-(视图+基本内容+表单组件)_第2张图片

2.progress

进度条。组件属性的长度单位默认为px,咱用rpx。
微信小程序+前后端开发学习材料2-(视图+基本内容+表单组件)_第3张图片
实例演示
在这里插入图片描述
这里我用view带了一下,如果不配置进度条外置属性,可以直接
微信小程序+前后端开发学习材料2-(视图+基本内容+表单组件)_第4张图片

表单组件

1.button

按钮。
微信小程序+前后端开发学习材料2-(视图+基本内容+表单组件)_第5张图片

微信小程序+前后端开发学习材料2-(视图+基本内容+表单组件)_第6张图片
定义的class都去.wxss里面重申,优先级.wxml>.wxss,所以你在.wxml定义完颜色,.wxss再定义失效。
微信小程序+前后端开发学习材料2-(视图+基本内容+表单组件)_第7张图片

2.input

输入框。
微信小程序+前后端开发学习材料2-(视图+基本内容+表单组件)_第8张图片

微信小程序+前后端开发学习材料2-(视图+基本内容+表单组件)_第9张图片
微信小程序+前后端开发学习材料2-(视图+基本内容+表单组件)_第10张图片

微信小程序+前后端开发学习材料2-(视图+基本内容+表单组件)_第11张图片

你可能感兴趣的:(学习零碎,微信小程序,小程序)