jquery-weui alert显示多行文本

悠悠 2022-06-03 04:58 242阅读 0赞

<!DOCTYPE html>
    <html>
    
        <head>
            <meta charset="utf-8">
            <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    
            <link rel="stylesheet" href="css/weui.min.css" />
            <link rel="stylesheet" href="css/jquery-weui.min.css" />
    
    
            <title>test</title>
    
        </head>
    
        <body >
            <button onclick="clicking()" style="width: 90%;height: 45px;margin: 5%;">确定</button>
    
        </body>
        <script type="text/javascript" src="jslib/jquery-2.1.4.js"></script>
        <script type="text/javascript" src="jslib/fastclick.js"></script>
        <script type="text/javascript" src="jslib/jquery-weui.min.js"></script>
    <script> function clicking(){ //这里定义要显示的多行文本 var showDiv = "<div><div style='text-align: left;padding-left: 10px;'>到账银行卡："+newcardno +"</div><div style='text-align: left;padding-left: 10px;'>结算用款金额："+amount+"元</div>" +"<div style='text-align: left;padding-left: 10px;'>到账时间：2小时内到账</div>" +"<div style='text-align: left;padding-left: 10px;'>手续费："+actual_fee+"元</div>" +"<div style='text-align: left;padding-left: 10px;'>注：手续费为0.1%每笔，最低1元</div></div>"; $.confirm({ title: '提示', text: showDiv, onOK: function () { requestWithdrawals(amount,flag); }, onCancel: function () { log("cancel"); } }); } </script>
    
    </html>

效果图如下：  
![这里写图片描述][SouthEast]

[SouthEast]: /images/20220603/2f273eefb541420bb06a2b42de707fe2.png

发表评论取消回复

表情：

评论列表（有 0 条评论，242人围观）

还没有评论，来说两句吧...

相关阅读

相关 CSS实现单行、多行文本溢出显示省略号（…）

[转自][Link 1] 实现单行文本的溢出显示省略号如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来，当然还需要

我会带着你远行/ 2022年10月28日 03:45/ 0 赞/ 169 阅读

相关多行文本溢出显示省略号(…)全攻略

原文：[http://www.css88.com/archives/5206][http_www.css88.com_archives_5206] 这里介绍一下2个js库 C

梦里梦外;/ 2022年08月06日 14:07/ 0 赞/ 74 阅读

相关多行文本溢出显示省略号(…)全攻略

.class\{ overflow : hidden; text-overflow: ellipsis; display: -webkit-box; \-webkit

傷城~/ 2022年06月14日 03:15/ 0 赞/ 115 阅读

相关 CSS实现单行、多行文本溢出显示省略号（…）

如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来，word-break: 当字符和数字混合的时候也可以不换行。实现方法：

一时失言乱红尘/ 2022年06月07日 05:05/ 0 赞/ 211 阅读

相关 jquery-weui alert显示多行文本

<!DOCTYPE html> <html> <head> <meta charset="utf-8">

悠悠/ 2022年06月03日 04:58/ 0 赞/ 243 阅读

相关多行文本溢出显示省略号

转载：http://www.css88.com/archives/5206 单行文本的溢出显示省略号大家应该都知道用`text-overflow:ellipsis`属

女爷i/ 2022年05月21日 02:35/ 0 赞/ 250 阅读

相关 jquery实现多行文本溢出显示隐藏效果

<!doctype html> <html> <head> <meta charset="utf-8"> <title>

朴灿烈づ我的快乐病毒、/ 2021年12月13日 01:59/ 1 赞/ 368 阅读

相关 css实现多行文本溢出显示省略号

上代码： <!doctype html> <html lang="en"> <head> <meta charset="UTF-8">

柔情只为你懂/ 2021年09月18日 07:54/ 0 赞/ 415 阅读

相关 CSS实现单行、多行文本溢出显示省略号（…）

[CSS实现单行、多行文本溢出显示省略号（…）][CSS] 如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来，当然

古城微笑少年丶/ 2021年09月02日 09:38/ 0 赞/ 443 阅读

相关 react 单行多行文本溢出显示省略号...

文本溢出处理单行文本溢出单行文本溢出，可直接用css处理，很简单 .ellipsis { overflow: hidden; ...

红太狼/ 2020年11月07日 03:55/ 1 赞/ 884 阅读