<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="https://www.thymeleaf.org" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
      xsi:schemaLocation="https://www.thymeleaf.org ">
<head>
    <title>采美365网--医疗美容生活美容正品采购平台</title>
    <template th:replace="components/head-link"></template>
    <link th:href="@{/css/pay/caimei-wechatpay.css(v=${version})}" rel="stylesheet" type="text/css">
</head>
<body>
<!-- 引用头部 -->
<div class="head-wrap">
    <input type="hidden" th:value="${spiServer}" id="spiServer">
    <input type="hidden" th:value="${agent}" id="userAgent">
</div>
<div class="pay-container  clearfix" id="payContainer" :class="isRequest? 'active' : ''">
    <div class="pay-amount">
        <div class="icon"><img src="/img/pay/icon-paybg@2x.png" alt=""></div>
        <div class="pay-money">
            <div class="label">付款金额</div>
            <div class="mount"><span>￥</span>{{payAmount}}</div>
        </div>
    </div>
    <div class="pay-button"><div class="btn" @click="WxPaySubmit">立即支付</div></div>
    <div class="pay-logo">
        <div class="logo">采美365网</div>
    </div>
</div>
<script src="https://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>
<!-- 引入底部 -->
<template th:replace="components/footer"></template>
<template th:replace="components/foot-link"></template>
<script src="https://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>
<script charset="utf-8" type="text/javascript" th:src="@{/lib/js/viewport-sitting.js(v=${version})}"></script>
<script charset="utf-8" type="text/javascript" th:src="@{/js/common/serviceapi/pay.service.js(v=${version})}"></script>
<script charset="utf-8" type="text/javascript" th:src="@{/js/pay/caimei-wechatpay.js(v=${version})}"></script>
</body>
</html>
