美文网首页
09-17基础内容的组件

09-17基础内容的组件

作者: 逢笔生辉 | 来源:发表于2023-09-19 19:45 被阅读0次

text

1文本组件

类似于html中的span标签

2 rich-text

富文本组件

支持把html 字符串,渲染成wxml结构

在小程序里面。只有text组件的selectable属性支持长按选中文本内容的效果

用rich-text中的nodes

得到结果

其他常用组件

1botton

按钮组件

功能比html中button更丰富

<button>普通按钮</button>

<button type="primary">主色按钮</button>

<button type="warn">警告按钮</button>

<button size="mini">普通按钮</button>

<button type="primary" size="mini">主色按钮</button>

<button type="warn" size="mini">警告按钮</button>

其中type能够改变按钮的主色调是否是暗色还是灰色

size是能够改变按钮的大小,限定其大小

plain是镂空的按钮 <button type="warn" size="mini" plain>警告按钮</button>

通过open-type属性可以调用微信提供的各种功能(客服,转发,获取用户授权,收取用户信息)

image

图片组件

图片

这里需要注意的是在图片要在这个项目的目录中。图片和目录名为英文

这里图片有点变形

是因为mode属性,会裁剪和缩放图片

用了宽填满

相关文章

  • 应用程序UI编程

    基础组件 基础内容组件 表单组件 微信小程序伸缩布局 视图容器 view scroll-viewswiper-view

  • 小程序开发-组件

    视图容器组件 view scroll-view swiper 基础内容组件 icon text progress ...

  • 开发框架-组件

    开发框架-组件 组件: 媒体组件 地图 开放能力 画布 基础内容:icon text rich-text prog...

  • 微信小程序(五)基础内容组件

    基础内容组件的使用场景 icon图标组件 (1) icon图标组件: icon组件:是小程序提供的图标组件。借助i...

  • JS基础09-17

    数组面向对象创建 直接创建 数组嵌套 数组字符拼接 数组去重 字符串字符串翻转/字符串翻转---线分割数组,翻转,...

  • 【Vue】组件 - 插槽默认值

    基础知识 【Vue】组件 - 插槽的基本用法 【Vue】组件 - 多个插槽 子组件里,在 里写上默认的内容。 在父...

  • 2020-07-23 一次性讲明白vue插槽slot

    vue插槽slot 一、前言 vue官方文档中在"组件基础"内容中提到组件可以通过插槽分发内容,那插槽是怎么使用的...

  • vue插槽slot

    vue插槽slot 一、前言 vue官方文档中在"组件基础"内容中提到组件可以通过插槽分发内容,那插槽是怎么使用的...

  • Vue组件基础内容:插槽、动态组件(二)

    插槽 插槽内容 建立一个组件,组件的使用通常用其名字组成的标签,例如组件标签里的内容

  • 微信小程序wxml的标签

    一、视图容器(View Container) 二、基础内容(Basic Content) 三、表单组件(From)...

网友评论

      本文标题:09-17基础内容的组件

      本文链接:https://www.haomeiwen.com/subject/bhzbvdtx.html