微信小程序实现文本文本

的扩展和折叠 小程序如果页面中有段落，则要求默认关闭，仅显示3行;单击按钮以查看完整内容。那么如何实现它，这是每个人的答案

微信小程序实现text文本的展开与收起 

首先看一下布局文件，关键是{{省略号？'省略号':'unellipsis'}}，样式根据js中的省略号而变化。

已注册的付款说明1.付款成功后，将推送队列号;在访问当天，您可以直接到咨询室等待电话号码，无需支付费用和排队。 \ N2。已完成注册费用的用户，如果在访问前一天取消预订单，成功申请取消订单后，系统将在7个工作日内自动退还用户付款账户内的付款。 \ N3。由于占用医院来源，订单处于正常状态（非系统故障，非博士临时停止）刷新，此类订单不予退还。

接下来看看css，其他的css都是常规配置，不需要看，我们看一下pay-hint-content和下面的省略号和unllipsis：

.pay-hint-content {margin-left: 5％; margin-right: 5％; margin-top: 10px; font-size: 13px; color:＃888; display: -webkit-box; -webkit-box- Orient: vertical;文本溢出:省略号;溢出:隐藏; //通过以上四行实现收缩功能} .ellipsis {-webkit-line-clamp: 3; //最多显示3行不透明度: 0.75 //透明度75％} .unellipsis {-webkit-line-clamp: 0; //显示所有不透明度: 1 //opaque}

在这里你需要注意溢出：隐藏

我们来看看js：

页面（{data: {省略号:是，//文本是否折叠，默认折叠}，/***折叠/展开按钮单击事件* /省略号:函数（）{var value=！this.data.ellipsis; this.setData（{省略号:值}）}，

HiShop小程序工具提供多种类型的商城/商店小程序制作，可视化编辑1秒，在线生成5个步骤。通过拖动和拼接模块布局小程序商城页面，你可以看到你得到的东西，你只需要艺术家来制作一个漂亮的商场。有关更多小程序商店，请参阅：小程序商店

＆lt; 汇海（www.hvihi.com）是国内知名的商城系统和商城网站建设提供商，其中汇海技术小程序系统提供小程序商城开发，小程序配送系统，微分配系统，商城系统，电子商务网站建设， 微信发行系统，小程序商城及其他多端商场和电子商务行业解决方案＆gt;

确认：这个文件和图像源网络编辑器的网站部分，如果有侵权及时通信删除。 汇海hvihi.com网站原创文章，请注明出处。