加载中 ...
首页 > 新闻资讯 > 小程序 正文

微信小程序实现文本文本

2019-07-31 08:46:55 来源:沈阳小程序开发 作者:沈阳软件开发

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

21708-1PQ5154142260.png

微信小程序实现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个步骤。通过拖动和拼接模块布局小程序商城页面,你可以看到你得到的东西,你只需要艺术家来制作一个漂亮的商场。有关更多小程序商店,请参阅:小程序商店

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

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

“沈阳软件公司”的新闻页面文章、图片、音频、视频等稿件均为自媒体人、第三方机构发布或转载。如稿件涉及版权等问题,请与

我们联系删除或处理,客服QQ:55506560,稿件内容仅为传递更多信息之目的,不代表本网观点,亦不代表本网站赞同

其观点或证实其内容的真实性。