zoukankan      html  css  js  c++  java
  • iview的poptip插件,自动换行与自定义content的内容

    1、自定义content内容,需要用到vue的slot,可以定义多个content

    <Poptip trigger="hover" placement="top-start">
        <div slot="content" class="poptipExplain">
           这是我的自定义内容,我想要换行啊换行鸡蛋鸡蛋鸡蛋鸡蛋鸡蛋鸡蛋鸡蛋鸡蛋鸡蛋鸡蛋鸡蛋鸡蛋鸡蛋鸡蛋鸡蛋鸡蛋鸡蛋鸡蛋
           这是我的自定义内容,我想要换行啊换行鸡蛋鸡蛋鸡蛋鸡蛋鸡蛋鸡蛋鸡蛋鸡蛋鸡蛋鸡蛋鸡蛋鸡蛋鸡蛋鸡蛋鸡蛋鸡蛋鸡蛋鸡蛋
           这是我的自定义内容,我想要换行啊换行鸡蛋鸡蛋鸡蛋鸡蛋鸡蛋鸡蛋鸡蛋鸡蛋鸡蛋鸡蛋鸡蛋鸡蛋鸡蛋鸡蛋鸡蛋鸡蛋鸡蛋鸡蛋
        </div>
        <img slot="content" :src="storelk" placement="top" alt="管廊方向说明图" style="height: 300px;">
        <Button type="parimary" size="samll">我是提示框啊</Button>
    </Poptip>

    效果图(不带自动换行)

     加上自动换行

    <style scoped>
        .poptipExplain{
             200px;
            white-space: normal;
            word-break: break-all;
            line-height: 25px;
            font-size: 14px;
        }
    </style>

  • 相关阅读:
    tps吞吐量映射的问题
    深浅拷贝
    webdriver驱动火狐浏览器报错:Unable to find a matching set of capabilities
    xpath元素定位方法
    linux监控系统性能命令
    测试质量评估
    测试策略模型设计
    需求评审
    安全测试的目的,发现哪些问题
    url组成
  • 原文地址:https://www.cnblogs.com/mahmud/p/11840757.html
Copyright © 2011-2022 走看看