2024年2月21日发(作者:)

微信小程序wxss设置样式

对于以前搞客户端开发的来说,有着客户端的逻辑,就是不知道怎么设置样式,把对应的控件显示出来

一、wxml

界面结构wxmL比较容易理解,主要是由八大类基础组件构成:

一、视图容器(View Container):

二、基础内容(Basic Content)

组件名

说明

组件名

说明

view

视图容器

icon

图标

scroll-view

可滚动视图容器

text

文字

swiper

可滑动的视图容器

progress

进度条

三、表单组件(Form)

四、操作反馈组件(Interaction)

组件名

说明

组件名

说明

button

按钮

action-sheet

上拉菜单

form

表单

modal

模态弹窗

input

输入框

progress

进度条

checkbox

多项选择器

toast

短通知

radio

单项选择器

五、导航(Navigation)

picker

列表选择器

组件名

说明

slider

滑动选择器

navigator

应用内跳转

switch

开关选择器

label

标签

六、多媒体(Media)

七、地图(Map)

组件名

说明

组件名

说明

audio

音频

map

地图

image

图片

video

视频

八、画布(Canvas)

组件名

说明

canvas

画布