用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

微客吧 首页 教程 微信小程序 新手教程 查看内容

微信小程序小工具之文本溢出

纸飞机 2018-3-8 09:33

效果图如下 wxml代码: 测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测 ...

效果图如下

wxml代码:

  1. bindtap="test">
  2. class="classname">
  3. class="{{cs}}">
  4. 测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试 bindtap="ccc">{{sq}}1

js代码:

  1. Page({
  2. data: {
  3. sq: '详情',
  4. cs: 'tt'
  5. },
  6. ccc: function (e) {
  7. console.log("点击")
  8. var s = this.data.sq;
  9. if (s == '详情') {
  10. this.setData({
  11. sq: '收起',
  12. cs: ''
  13. })
  14. } else {
  15. this.setData({
  16. sq: '详情',
  17. cs: 'tt'
  18. })
  19. }
  20. }
  21. })

css代码

  1. .tt {
  2. display: -webkit-box;
  3. overflow: hidden;
  4. text-overflow: ellipsis;
  5. word-break: break-all;
  6. -webkit-box-orient: vertical;
  7. -webkit-line-clamp: 5;
  8. }
鲜花
鲜花
握手
握手
雷人
雷人
路过
路过
鸡蛋
鸡蛋
分享至 : QQ空间
收藏