移动端确定取消弹窗

最新推荐文章于 2024-06-04 09:15:09 发布

wdgkw

最新推荐文章于 2024-06-04 09:15:09 发布

阅读量1.6k

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/wodegeekworld/article/details/71078001

版权

前端专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%--<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"
            + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>--%>
<html>
<head>
    <meta charset="UTF-8">
    <title>移动端</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <script src="resources/js/zepto-min.js" type="text/javascript"></script>
    <script type="text/javascript" src="resources/js/dialog.js"></script>
    <style type="text/css">
        /*  如果最外层父div层有高度和宽度后，如果父div的高度和宽度变大，子div层不会变化。
             父div的高度如何随着子div的高度变化而变化，父层不给高度和宽度。给一个共享的类选择器（all_1）设置
             共享的宽度和高度，子div层 继承这个类选择器
        */
        *{margin:0;padding:0;}
        body{font-size:25px;font-family: "Open Sans", "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;
            color:#666;}

        .all{height: auto!important;margin: auto;
              font-size: 2.2rem;position:absolute;top:0;left:0;z-index: 99;}
        .all_1{width:600px;height:auto;background: #FFF;text-align: center;}

        /*标题*/
        .t_title{min-width:580px;min-height:20px;margin: auto;
            text-align: center;    margin-top: 30px;/*float: left;border: 3px solid red;*/}
        .t_title .t_h3{text-align: center; font-size: 2.5rem;font-weight: 100;}

        /*提示内容*/
        .t_message{min-width: 580px;min-height:50px;margin: auto;float: left;border-bottom: 1px solid #d8d8d8;
            line-height: 7rem;font-size: 2.1rem;}
        .t_message span{ display: block;line-height: inherit;float:left;padding-left: 45px;
            overflow: auto;color: #7d7d7d;}

        /*确定按钮*/
        .t_btn{min-width: 100px;min-height:30px;margin: auto;/*float: left;*/}
        .t_btn input{ width: 105px;height: 52px;color: #fc9120;border: 0;
            background: #fff;margin: 19px auto;font-size: 2.2rem;}
        .t_btn input:hover{background:#EAEAEA;outline:none; }

        .t_btn2{min-width: 100px;min-height:30px;margin: auto;float: left;/*border: 3px solid red;*/}
        .t_btn2 input{width: 50%;  height: 76px;  display: block;  color:#666;  border: 0;  background: #fff;
            margin: 19px auto;  font-size: 2.2rem;  border-right: 2px solid #d8d8d8;  margin: 0;  float: left;
        }
        .t_btn2  .qd{ border-right:0;color: #fc9120;}


        /*阴影*/
        .tz_yy{width: 100%;height: 100%;background: #000;opacity: 0.4;filter: alpha(opacity=40);position: fixed;  top:0;left: 0;}

        .clear_both{clear:both;color: #fc9120;}


    </style>

</head>
<body>
<div class="all all_1">

    <div class="all_1  t_title ">
        <span class="t_h3">是否支付成功</span>
     <%--   <div class="t_clear"></div>--%>
    </div>
<%--    <div class="clear_both "></div>--%>


    <div class="all_1 t_message">
        <span class="t_con">很抱歉，支付失败!</span>
    </div>
    <div class="clear_both"></div>


  <%--  <div class="all_1 t_btn">
        <input type="button" value="确定" id="qd"/>
    </div>--%>

    <div class="all_1 t_btn2">

        <input type="button" value="取消" id="cx"/>

        <input type="button" value="确定" class="qd"/>
    </div>
    <div class="clear_both"></div>
<%--    <div class="clear_both"></div>--%>

</div>
<div class="tz_yy"></div>

<script type="text/javascript">
    $("#qd").click(function(){
    });

</script>

</body>
</html>

wdgkw

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
移动端确定取消弹窗

page contentType="text/html;charset=UTF-8" language="java" %><%--<% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName()
复制链接

扫一扫

专栏目录