|
|
@@ -0,0 +1,154 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="en">
|
|
|
+<head>
|
|
|
+ <title>微信扫码！-一元捐</title>
|
|
|
+ <meta name="keywords" content="">
|
|
|
+ <meta name="description" content="">
|
|
|
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
|
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
+ <meta name="renderer" content="webkit">
|
|
|
+ <!--css begin-->
|
|
|
+ <link href="/static/images/icon/u.png" rel="icon" type="image/x-icon" />
|
|
|
+ <link rel="stylesheet" href="/static/lib/bootstrap/css/bootstrap.min.css">
|
|
|
+ <link rel="stylesheet" href="/static/css/base.css">
|
|
|
+ <style>
|
|
|
+ body{
|
|
|
+ font-family: "Microsoft Yahei", "微软雅黑";
|
|
|
+ box-sizing: border-box;
|
|
|
+ }
|
|
|
+ /*头部导航*/
|
|
|
+ #nav{
|
|
|
+ width: 100%;
|
|
|
+ margin: 0 auto;
|
|
|
+ background: #474443;
|
|
|
+ }
|
|
|
+ #nav .container{
|
|
|
+ margin: 0 auto;
|
|
|
+ padding: 0;
|
|
|
+ width: 1140px;
|
|
|
+ height: 60px;
|
|
|
+ line-height: 60px;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ #nav .fl{
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+ #nav .fl img{
|
|
|
+ margin-right: 32px;
|
|
|
+ width: 65px;
|
|
|
+ height: 22px;
|
|
|
+ }
|
|
|
+ #nav .fl span{
|
|
|
+ font-size: 16px;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+ #nav .fl span:before{
|
|
|
+ content: '';
|
|
|
+ position: absolute;
|
|
|
+ top: 25px;
|
|
|
+ left: 80px;
|
|
|
+ width: 1px;
|
|
|
+ height: 14px;
|
|
|
+ background: #a0a0a0;
|
|
|
+ }
|
|
|
+ #nav .fl a.return{
|
|
|
+ margin-left: 28px;
|
|
|
+ font-size: 12px;
|
|
|
+ color: #b4b4b4;
|
|
|
+ text-decoration: none;
|
|
|
+ }
|
|
|
+ #nav .fr a{
|
|
|
+ margin-right: 45px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+ #nav .fr a:last-child {
|
|
|
+ margin-right: 0;
|
|
|
+ }
|
|
|
+ .main{
|
|
|
+ width: 100%;
|
|
|
+ margin: 40px 0 150px 0;
|
|
|
+ }
|
|
|
+ .main .container{
|
|
|
+ width: 1140px;
|
|
|
+ margin: 0 auto;
|
|
|
+ padding: 0;
|
|
|
+ }
|
|
|
+ .main .section{
|
|
|
+ margin: 0 auto;
|
|
|
+ width: 100%;
|
|
|
+ height: 520px;
|
|
|
+ overflow: hidden;
|
|
|
+ text-align: center;
|
|
|
+ background: #fff;
|
|
|
+ border: 1px solid #dcdcdc;
|
|
|
+ }
|
|
|
+ .main .section p.project-title{
|
|
|
+ margin-top: 50px;
|
|
|
+ font-size: 22px;
|
|
|
+ color: #323232;
|
|
|
+ }
|
|
|
+ .main .section p.project-title em{
|
|
|
+ margin: 0 5px;
|
|
|
+ font-size: 22px;
|
|
|
+ color: #ee623c;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ .main .section p.project-title span{
|
|
|
+ margin: 0 5px;
|
|
|
+ font-size: 22px;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #303030;
|
|
|
+ }
|
|
|
+ .main .section .qrcode{
|
|
|
+ margin: 40px auto 34px;
|
|
|
+ width: 280px;
|
|
|
+ height: 280px;
|
|
|
+ line-height: 280px;
|
|
|
+ text-align: center;
|
|
|
+ border: 1px solid #dcdcdc;
|
|
|
+ }
|
|
|
+ .main .section .qrcode img{
|
|
|
+ width: 240px;
|
|
|
+ height: 240px;
|
|
|
+ }
|
|
|
+ .main .section .instruction{
|
|
|
+ margin-bottom: 14px;
|
|
|
+ font-size: 16px;
|
|
|
+ color: #323232;
|
|
|
+ }
|
|
|
+ .main .section .instruction span{
|
|
|
+ font-size: 16px;
|
|
|
+ color: #323232;
|
|
|
+ }
|
|
|
+ .main .section .pay{
|
|
|
+ font-family: 'SimHei'!important;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #8c8c8c;
|
|
|
+ }
|
|
|
+ </style>
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+<!--
|
|
|
+<div ng-include src="'static/view/common/nav.html'"></div>
|
|
|
+-->
|
|
|
+<div class="main">
|
|
|
+ <div class="container">
|
|
|
+ <div class="section">
|
|
|
+ <p class="project-title">捐款金额<em>1.00</em>元,支持<span>寒门学子 阳光助学</span>公益项目</p>
|
|
|
+ <div class="qrcode">
|
|
|
+ <img src="static/images/instruction.png" alt=""/>
|
|
|
+ </div>
|
|
|
+ <p class="instruction">收款机构 : <span>中国少年儿童文化艺术基金会</span></p>
|
|
|
+ <span class="pay">请使用微信扫一扫，使用微信支付完成捐款</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+<!--js begin-->
|
|
|
+<script src="/static/lib/jquery/jquery.min.js"></script>
|
|
|
+<script src="/static/lib/bootstrap/js/bootstrap.min.js"></script>
|
|
|
+<script>
|
|
|
+</script>
|
|
|
+</body>
|
|
|
+</html>
|
huangct
