jquery-weui alert显示多行文本

悠悠 2022-06-03 04:58 252阅读 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 条评论，252人围观）

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

相关阅读

相关 thinkphp5 读取多行文本、读取文件分割多行文本

读取文本 public function daoru(){ / 逐行读取TXT文件 /

左手的ㄟ右手/ 2023年09月28日 15:15/ 0 赞/ 15 阅读

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

//单行文本溢出 .one\{　　　width: 200px; 　　border: 1px solid \000; 　　overflow: hidden; //溢出

超、凢脫俗/ 2023年08月17日 17:02/ 0 赞/ 134 阅读

相关多行文本超出隐藏显示省略号

先看下单行文本 white-space: nowrap; /文本不换行/ text-overflow: ellipsis;

╰+攻爆jí腚メ/ 2023年02月16日 06:59/ 0 赞/ 23 阅读

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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