微信小程序_组件

微信小程序_组件,第1张

1.基础组件

什么是组件:

<ul>

<li>组件是视图层的基本组成单元。</li>

<li>组件自带一些功能与微信风格的样式。</li>

<li>一个组件通常包括开始标签

和结束标签

属性

用来修饰这个组件,内容

在两个标签之内。</li>

</ul>

2.属性类型

<ul>

<li>Boolean布尔值组件写上该属性,不管该属性等于什么,其值都为true

,只有组件上没有写该属性时,属性值才为false

。如果属性值为变量,变量的值会被转换为Boolean类型</li>

<li>Number数字1

, 2.5</li>

<li>String字符串"string"</li>

<li>Array数组[ 1, "string" ]</li>

<li>Object对象{ key: value } </li>

<li>EventHandler事件处理函数名"handlerName"

是 Page中定义的事件处理函数名</li>

<li>Any任意属性</li>

</ul>

3.共同属性类型

id , class , style , hidden , data-* , bind* / catch*

4.特殊属性

几乎所有组件都有各自定义的属性,可以对该组件的功能或样式进行修饰

5.组件列表

基础组件分为以下八大类:

视图容器(View Container):

view 视图容器 , scroll-view 可滚动视图容器, swiper 滑块视图容器

基础内容(Basic Content):

icon 图标, text 文字, progress 进度条

表单(Form):

button 按钮, form 表单, input 输入框, checkbox 多想选择器, radio 单选器, picker 列表选择器, slider 滚动选择器, switch 开关选择器, label 标签.

*** 作反馈(Interaction)

action-sheet 上拉菜单

modal 模态d窗

toast 消息提示框

loading 加载提示符

导航Navigation

navigator 应用链接

多媒体(Media)

audio 音频, image 图片, video 视频

** 地图 **

map 地图

画布Canvas

canvas 画布

flex: vt.折曲,使收缩; vi.玩去,收缩

是的,微信小程序中有一些组件可以实现类似表格不带边框的布局。以下是一些常用的组件:

1. view组件:可以用view组件来实现类似表格的布局。可以使用flex布局来控制子元素的排列方式。

2. swiper组件:可以使用swiper组件来实现多列的滑动列表,类似于表格的效果。

3. scroll-view组件:可以使用scroll-view组件来实现滚动列表,也可以通过设置样式来实现类似表格的效果。

4. rich-text组件:可以使用rich-text组件来渲染富文本内容,也可以通过设置样式来实现类似表格的效果。

需要注意的是,以上组件都需要根据实际需求来选择,并进行样式的调整,以达到最终的布局效果。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/7725286.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-09
下一篇 2023-04-09

发表评论

登录后才能评论

评论列表(0条)

保存