微信小程序教程005：基础内容组件和其他常用组件

于 2024-07-30 11:49:34 发布
阅读量95 收藏
点赞数
分类专栏： 微信小程序完整教程 文章标签： 微信小程序 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/WwLK123/article/details/140767590
版权

文章目录

基础内容组件

  • text
    • 文本组件
    • 类似于HTML中的span标签，是一个行内元素
  • rich-text
    • 富文本组件
    • 支持把HTML字符串渲染为WXML结构

1、text组件

通过text组件的selectable属性，实现长按选中文本内容的效果。

注意：新版本的是通过user-select属性实现长按选中文本内容效果。

<view>
手机号支持长按选中
<text user-select>
了解本专栏 订阅专栏 解锁全文 超级会员免费看
叁拾舞
关注
专栏目录
订阅专栏
【微信小程序_5_小程序text、button、image组件】
爱吃凉拌辣芒果的博客
10-10 885
本文介绍微信小程序部分组件。基础内容组件包括 text（类似 span，可通过 selectable 实现长按选中文本）和 rich - text（渲染 HTML 为 WXML）。其它常用组件有 button（功能丰富，通过 open - type 调用微信功能）、image（默认宽高约 300px、240px，通过 src 显示图片，有多种 mode 属性）和 navigator（类似 a 链接），并给出相关代码示例。
【微信小程序】组件篇 -- 常用的基础内容组件介绍 -- text & rich-text & progress & icon（七）
JMFive的博客
02-24 2504
大家好，又见面了，我是夜阑的狗🐶，本文是专栏【微信小程序开发教程】专栏的第7篇文章;今天开始学习微信小程序的第四天💖💖💖，开启新的征程，记录最美好的时刻🎉，每天进步一点点。 此专栏是我是夜阑的狗微信小程序开发过程的总结，希望能够加深自己的印象，以及帮助到其他的小伙伴😉😉。如果文章有什么需要改进的地方还请大佬不吝赐教👏👏。🌹 🌹 🌹也欢迎你，关注我。👍 👍 👍！！💕 💕 💕 最后，本文仍有许多不足之处，欢迎各位认真读完文章的小伙伴们随时私信交流、批评指正！下期再见。🎉。
【微信小程序自学第一天】主要内容是text插件以及button按钮插件以及image图像插件
m0_74018560的博客
02-15 123
自学微信小程序第一天，主要内容是text插件以及button按钮插件以及image图像插件
微信小程序text文本样式（1）
m0_72168336的博客
11-29 8571
微信小程序text文本样式
【微信小程序入门到精通】— 这篇看完直接拿下 text 和 rich-text 组件！
热爱生活，积极向上的阿酱！
09-30 3570
对于目前形式，微信小程序是一个热门，那么我们该如何去学习并且掌握之后去做实际项目呢？为此我特意开设此专栏，在我学习的同时也将其分享给大家！本文主要讲解 text 和 rich-text 组件，我将逐一进行讲解，如果后文有什么错误的地方，期待您的指正！如果在往下阅读的过程中，有什么错误的地方，期待大家的指点！大家每天都要开开心心的喔，让我们一起快乐的学习吧！
【微信小程序】text和rich-text组件的基本使用
hacker707的博客
10-02 5203
微信小程序之text和rich-text组件的基本使用，持续更新【微信小程序】系列专栏
微信小程序demo组件：canvas股票分时图(源代码+截图)
06-19
微信小程序demo组件：canvas股票分时图(源代码+截图)微信小程序demo组件：canvas股票分时图(源代码+截图)微信小程序demo组件：canvas股票分时图(源代码+截图)微信小程序demo组件：canvas股票分时图(源代码+截图)微信...
微信小程序学习demo：从服务器获取数据，并且数据绑定组件(源代码+截图)
06-19
微信小程序学习demo：从服务器获取数据，并且数据绑定组件(源代码+截图)微信小程序学习demo：从服务器获取数据，并且数据绑定组件(源代码+截图)微信小程序学习demo：从服务器获取数据，并且数据绑定组件(源代码+截图...
微信小程序demo：组件练习！实现大量基础功能！适用1122(源代码+截图)
06-19
微信小程序demo：组件练习！实现大量基础功能！适用1122(源代码+截图)微信小程序demo：组件练习！实现大量基础功能！适用1122(源代码+截图)微信小程序demo：组件练习！实现大量基础功能！适用1122(源代码+截图)微信...
微信小程序 CSS 选择器::after和::before的简单使用
03-29
前两天看文档看到选择器那块儿的时候，前面4个基本都能理解：.class，#id，element，element, element，但后面两个::after和::before（文档中说，分别表示在view 组件的后面和前面插入内容），表示有点没有理解。...
微信小程序组件开发示例：上传图片组件
03-29
上传图片的功能，微信小程序已经提供了相应的组件和API，结合 weui 样式，如果不考虑复用的话，很容易实现（官方 demo 就可以拿来用 ^_^ ）。 如果要复用，可以利用模板，但是会面临微信小程序的很多限制。 限制  ...
微信小程序——常见组件
weixin_68854196的博客
09-13 1777
本文介绍了常见的小程序组件
微信小程序开发之常用组件解释
最新发布
dgvesrhetd的博客
03-28 891
text的功能主要是用于内联文本，与网页中的span有点类似。主要属性有例子：页面上添加一个可以选中的文本在wxml文件中添加：
学习微信小程序的第四天——text文本组件
斯特凡今天也很帅的博客
08-15 160
day4 text组件
微信小程序开发系列（九）· 小程序界面如何进行文本选中、如何显示全部空格、如何将图片显示改为圆角
时光の尘的博客
03-01 1971
创建一个新的 BFC（块级格式化上下文），用于解决元素浮动引起的布局问题，元素内部的浮动元素不会影响到父元素的高度。将元素显示为内联元素，即元素不会独占一行，只会占据自身内容所需的空间，不可设置宽度和高度。结合了块级元素和内联元素的特性，元素会在一行内显示，并且可以设置宽度、高度以及上下外边距。使用 Flexbox 布局，将元素显示为弹性盒子，可以方便地进行灵活的布局。使用 Grid 布局，将元素显示为网格容器，可以实现复杂的布局结构。② emsp：以中文字符的空格大小进行展示的。
微信小程序--text组件学习
热门推荐
Steampy专栏
09-25 3万+
微信小程序--text组件学习 api文档指出 文本节点，支持转义符"\"。 除了文本节点以外的其他节点都无法长按选中 video 视频 demo demo {{text}} add line
解决微信小程序rich-text富文本标签内部图片宽高自适应的方法
徊忆羽菲
05-31 3766
解决微信小程序rich-text富文本标签内部图片宽高自适应的方法rich-text富文本标签方案说明 rich-text富文本标签 rich-text是微信小程序的富文本标签，在使用rich-text的时候，需要rich-text内部图片宽高自适应，这个时候该怎么做呢？先来看下案例： <view class="contentLine"> <rich-text nodes="{{content}}"></rich-text> </view> 方案 上
微信小程序——text组件（文本）
weixin_41550144的博客
04-26 9206
text 文本 在使用小程序时，如果想通过长按文字进行复制文字内容，就要把该内容写在text中。 text.wxml文件 <view> <text>{{text}}</text> <button type="primary" bindtap="add">add line</button> <button type=...
小程序 text文本组件
Abudula__的博客
07-25 3312
 text文本组件是小程序种最基础的组件之一，通过text，我们可以在页面中展示文字。 除了基础的组件以外，还有3个参数: selectabel是&lt;view&gt;和&lt;text&gt; 最主要的区分之一，当selectable为true时，可以长按文本选中，可以复制。space可以控制空格的显示格式，decode组件可以去设置是否可以渲染一些特殊的标签，比如说我们的"&lt;"...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

叁拾舞

你的鼓励将是我最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值