微信小程序在框中展示大段文字

最新推荐文章于 2024-07-20 07:32:16 发布

蓝蝴440

最新推荐文章于 2024-07-20 07:32:16 发布

阅读量552

点赞数 8

文章标签：微信小程序小程序

本文链接：https://blog.csdn.net/qq_61217580/article/details/135100789

版权

需要用固定大小的输入框展示知情同意，实现不可修改，可下拉浏览。

试过了textarea，但是disable失效。

用input框，不能展示全部。

最终用

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

蓝蝴440

关注关注

8
点赞
踩
4

收藏

觉得还不错? 一键收藏
1
评论
微信小程序在框中展示大段文字

需要用固定大小的输入框展示知情同意，实现不可修改，可下拉浏览。试过了textarea，但是disable失效。用input框，不能展示全部。
复制链接

扫一扫

微信小程序 - 防止容器内文字过长导致溢出（view / text）

王佳斌

08-09

9361

前言在微信小程序中，对 view 与 text 均有效，标题文本太长显示不下，能有效控制文字超出。我们无法预知后端数据有多少，一旦文字超出容器宽度，那么必然会造成界面变形，下面是解决方案。单行顾名思义，只显示一行。 /* */ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 多行顾名思义，自定义显示多少行。 text-overflow: ellipsis; display: -webkit-box;

微信小程序文字逐个显示效果

allen_csdns的博客

12-09

1981

WXML <view class="index_wrap" style='height:500rpx;'> <view class="index_story_text">{{text}}</view> </view> JS // pages/ceshi/ceshi.js Page({ /** * 页面的初始数据 */ d...

1 条评论您还未登录，请先登录后发表或查看评论

小程序进阶-长（多行）文本内容展开与收起、单行文本溢出隐藏

weixin_43166227的博客

07-01

3629

多行文本和单行文本内容溢出隐藏，多行文本展开与收起。

微信小程序-控制文本的显示及隐藏（当文字超出两行时，设置为可点击并进入查看详情页面）

qq_42622871的博客

07-08

7416

微信小程序文本显示及隐藏

echarts微信小程序，label文字超长显示以及自定义tooltip提示框

weixin_71828560的博客

09-27

664

提示框这里的params是接收的数组，可直接console.log(params);打印到控制台查看数据，以便取值。：这里的params得到的是每个label文字，是String类型。会用到官方的formatter回调函数。

小程序 文字太长显示不完，滚动文字效果

weixin_42729938的博客

11-03

3629

效果图 1、解决思路：一共两个text控件，当第一个text滚动完后应该是看到第二个text控件了，但是在这个时候最好的方法不是让它滚完，而是用重新又从第一个text控件开始滚动，控制起来超级简单，基本实现了跑马灯的效果，另外加了一个如果文字不足一屏，不执行跑马灯的效果，而且添加了超大的间距，解决不会显示重复内容。以下是各部分完整代码，只要复制代码添加到相应页面即可看到效果。 2、小程序布局页面wxml <scroll-view class="container" enable-f..

微信小程序大段文本内容过多，实现折叠与展开效果解决方案以及多行文本溢出隐藏不生效的解决方案

XH_jing的博客

10-15

7846

实现场景：一个列表的文章内容过长，显示的时候要省略显示，但是还要有一个展开查看全文的点击事件，可以实现展开与折叠。实现思路：使用两层容器，父标签设置max-height，预计成要显示行数的高度，并且使用overflow:hidden; 溢出隐藏；然后使用SelectorQuery wx.createSelectorQuery()query去查子标签的高度，如果子标签的高度高一些，就显示这个展开按钮； 2.1 针对使用wx:for循环来渲染的列表，可以在wx:for的标签上，加个class，s

微信小程序输入框大全

jackwelton的博客

01-20

7955

结构部分使得输入框获取焦点你输入的是：{{inputValue}}

微信小程序 搜索框（截图+源码）

05-13

微信小程序 搜索框（截图+源码）微信小程序 搜索框（截图+源码）微信小程序 搜索框（截图+源码）微信小程序 搜索框（截图+源码）微信小程序 搜索框（截图+源码）微信小程序 搜索框（截图+源码）微信小程序 搜索框...

微信小程序input框中加入小图标的实现方法

08-27

微信小程序input框中加入小图标的实现方法 微信小程序input框中加入小图标的实现方法是一种常见的需求，特别是在登录注册页面中。通常，我们可以使用background-image属性来实现，但是微信小程序中并不支持这种方法...

微信小程序 小工具类搜索框（源代码+截图）

06-21

微信小程序 小工具类搜索框（源代码+截图）微信小程序 小工具类搜索框（源代码+截图）微信小程序 小工具类搜索框（源代码+截图）微信小程序 小工具类搜索框（源代码+截图）微信小程序 小工具类搜索框（源...

微信小程序源码框架(学习版)

06-18

微信小程序源码框架(学习版)微信小程序源码框架(学习版)微信小程序源码框架(学习版)微信小程序源码框架(学习版)微信小程序源码框架(学习版)微信小程序源码框架(学习版)微信小程序源码框架(学习版)微信小程序...

微信小程序布局图片上面显示文字以及文字水平垂直居中

u014388322的专栏

12-30

9304

本人专注于Android/java/数据库/微信小程序技术领域的开发，以及有好几年的计算机毕业设计方面的实战开发经验和技术积累；尤其是在安卓（Android）的app的开发和微信小程序的开发，很是熟悉和了解；本人也是多年的Android开发人员；希望我发布的此篇文件可以帮助到您；🍅。

微信小程序文字超出自动省略并加省略号

梦可尤溪的成长之路

02-17

4778

当我们制作卡片时，因为内容文本比较长，我们也不能把他直接呈现在首页面，这样显得不美观，所以要使用超出规定的字数自动省略并加省略号... 代码实现 display: -webkit-box; //弹性的盒子 overflow: hidden; //超出文本自动隐藏 text-overflow: ellipsis; //当文本溢出时用省略号表示 word-wrap: break-word; //允许长单词或 URL 地址换行到下一行 -webkit-line-clamp: 3; //显示的行数：3

小程序长文本限制显示行数

互联网从业者/大数据架构师/全栈开发者

05-10

1192

视图（View）渲染长文本时，受限于视图的宽度（Width），长文本可能需要显示多行，才可以将长文本的内容全部展示出来；也就是说，文本行高（FontSize * LineHeight）一定的情况下，视图的高度（Height）取决于长文本渲染完成之后的行数（Line）。如果页面布局要求视图的高度必须是固定的，本质上就可以通过限制长文本的显示行数来实现。本文介绍两种长文本限制显示行数的方案。

微信小程序超出文本显示省略号

qq_42284614的博客

05-29

2794

微信小程序超出文本显示省略号当文本内容太长超出盒子固定样式，我们可以将超出盒子的文本改成省略号。具体WXSS样式如下所示： .xxxx { display:-webkit-box;/*设置为弹性盒子*/ overflow:hidden;/*超出隐藏*/ text-overflow:ellipsis;/*显示省略号*/ -webkit-line-clamp:1;/*多少行后显示省略号，这里设置为第一行超出后显示省略号*/ word-break:break-all;/

微信小程序-多行文本省略号并展示查看更多按钮

ITKouSyou的博客

07-30

4754

想要实现的效果如图超过三行则显示省略号并且显示查看全部的按钮。实现原理，首先让文本全部展示，然后根据文本所在view的高度判断是否超过三行，如果超过则说明如果使用样式会出现省略号。通过设置对应的一个参数来表示是否超过三行。这里我贴一下主要的代码和样式。超过三行则出现省略号的样式： .box{ display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word;

AI智能名片微信小程序在IP合作中的创新应用与品牌赋能策略