支付宝JSAPI和Ant UI

来源:互联网 发布:js a标签target 编辑:程序博客网 时间:2024/05/21 09:31

官方链接


<link rel="stylesheet" href="${ctx}/antui/dist/antui.min.css" /> 引入样式   样式包下载链接

<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0"> 页面适配手机屏幕大小

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%><c:set var="ctx" value="${pageContext.request.contextPath}" />      <input type="hidden" id ="ctx" value="${ctx }"><script src="${ctx}/js/jquery-1.11.1.min.js"></script>


<%@ page pageEncoding="utf-8" trimDirectiveWhitespaces="true"%><%@include file="/tag.jsp"%><!DOCTYPE html><html lang="zh-CN"><head><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0"><meta name="renderer" content="webkit"><meta http-equiv="Cache-Control" content="no-siteapp" /><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><link rel="stylesheet" href="${ctx}/antui/dist/antui.min.css" /><script src="${ctx}/js/jquery-1.11.1.min.js"></script><script type="text/javascript">$(function(){var transStatus=$("#transStatus").val();if(transStatus=='SUCCESS'){}else if(transStatus=='NOT_PROCESS'){$("#pic").attr("class",'am-icon result wait');$(".am-message-main").text("待支付");}else{$("#pic").attr("class",'am-icon result error');$(".am-message-main").text("支付失败");}});</script><title>交易详情</title></head><body><input type="hidden" id="transStatus" value="${ transInfo.trans_status}"><div class="am-message result" role="alert">  <i class="am-icon result success" aria-hidden="true" id="pic"></i>  <div class="am-message-main">支付成功</div>  <div class="am-message-sub"><fmt:formatDate value="${ transInfo.create_time}" pattern="yyyy-MM-dd HH:mm:ss "></fmt:formatDate></div></div><div class="am-list info">  <div class="am-list-header" id="list-header-static-1">支付详情</div>  <div class="am-list-body" role="list" aria-labelledby="list-header-static-1">    <div class="am-list-item oneline" role="listitem">      <div class="am-list-content">支付金额:</div>      <div class="am-list-extra">¥${ transInfo.trans_amount}</div>    </div>  </div></div><div class="am-list info">    <div class="am-list-item oneline" role="listitem">      <div class="am-list-content">商户手续费:</div>      <div class="am-list-extra">¥${ transInfo.merchant_fee}</div>    </div>  </div>    <div class="am-list info">    <div class="am-list-item oneline" role="listitem">      <div class="am-list-content">收款人:</div>      <div class="am-list-extra">${ transInfo.merchant_name}</div>    </div>  </div>    <div class="am-list info">    <div class="am-list-item oneline" role="listitem">      <div class="am-list-content">支付方式:</div>      <div class="am-list-extra">${ transInfo.transWay}</div>    </div>  </div>    <div class="am-list info">    <div class="am-list-item oneline" role="listitem">      <div class="am-list-content">订单号:</div>      <div class="am-list-extra">${ transInfo.trans_no}</div>    </div>  </div></div></body></html>


原创粉丝点击