微信页面基础
2016-12-08 17:57
169 查看
<!--<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ include file="/WEB-INF/views/include/mtaglib.jsp"%>-->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta http-equiv="Content-type" name="viewport"
content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no, width=device-width">
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta content="telephone=no" name="format-detection">
<title>交易流水详情页面</title>
<link rel="stylesheet" href="css/weui.min.css">
<link rel="stylesheet" href="css/example.css">
<script src="js/jquery-1.11.1.min.js"></script>
<script type="text/javascript"></script>
<style>
p{
font-size: 1px;
}
.weui-cell__bd{
width: 140px;
}
.weui-cell__bd2 {
width: 140px;
}
.page__hd {
position: fixed;
background-color: #F8F8F8;
height: 70px;
z-index: -20;
width: 100%;
}
.page__bd{
position: relative;
top: 50px;
}
.biaoti{
font-size: 15px;
font-weight:bold;
}
</style>
</head>
<body>
<!-- 内容 -->
<div id="container" class="container">
<div class="page input js_show">
<div class="page__hd">
<div>
<img src="images/bwjf.png"/>
</div>
</div>
<div class="page__bd">
<div class="weui-cells weui-cells_form">
<!--交易流水号begin-->
<div class="weui-cell weui-cell_vcode">
<div class="weui-cell">
<div class="weui-cell__bd">
<p>交易流水号:</p>
</div>
<div class="weui-cell__bd2">
<p>22331188</p>
</div>
</div>
</div>
<!--交易流水号end-->
<!--交易金额begin-->
<div class="weui-cell weui-cell_vcode">
<div class="weui-cell">
<div class="weui-cell__bd">
<p>交易金额:</p>
</div>
<div class="weui-cell__bd2">
<p>50$</p>
</div>
</div>
</div>
<!--交易金额end-->
<!-税号begin-->
<div class="weui-cell weui-cell_vcode">
<div class="weui-cell">
<div class="weui-cell__bd">
<p>税号:</p>
</div>
<div class="weui-cell__bd2">
<p>1001112</p>
</div>
</div>
</div>
<!--税号end-->
<!--日期begin-->
<div class="weui-cell weui-cell_vcode">
<div class="weui-cell">
<div class="weui-cell__bd">
<p>日期:</p>
</div>
<div class="weui-cell__bd2">
<p>2010-01-22</p>
</div>
</div>
</div>
<!--销售方名称end-->
<!--购买方begin-->
<div class="weui-cell weui-cell_vcode">
<div class="weui-cell">
<div class="weui-cell__bd">
<p><span class="biaoti">购买方</span></p>
</div>
</div>
</div>
<!--购买方名称end-->
<!--名称begin-->
<div class="weui-cell weui-cell_vcode">
<div class="weui-cell">
<div class="weui-cell__bd">
<p>名称:</p>
</div>
<div class="weui-cell__bd2">
<p>小花</p>
</div>
</div>
</div>
<!--名称end-->
<!--纳税人识别号begin-->
<div class="weui-cell weui-cell_vcode">
<div class="weui-cell">
<div class="weui-cell__bd">
<p>纳税人识别号:</p>
</div>
<div class="weui-cell__bd2">
<p>343890502</p>
</div>
</div>
</div>
<!--纳税人识别号end-->
<!--地址电话begin-->
<div class="weui-cell weui-cell_vcode">
<div class="weui-cell">
<div class="weui-cell__bd">
<p>地址电话:</p>
</div>
<div class="weui-cell__bd2">
<p>15133099827</p>
</div>
</div>
</div>
<!--地址电话end-->
<!--开户行及账号begin-->
<div class="weui-cell weui-cell_vcode">
<div class="weui-cell">
<div class="weui-cell__bd">
<p>开户行及账号:</p>
</div>
<div class="weui-cell__bd2">
<p>北京银行</p><p>1231231231231231231</p>
</div>
</div>
</div>
<!--开户行及账号end-->
<!--====销售方=======-->
<!--销售方begin-->
<div class="weui-cell weui-cell_vcode">
<div class="weui-cell">
<div class="weui-cell__bd">
<p><span class="biaoti">销售方</span></p>
</div>
</div>
</div>
<!--销售方end-->
<!--名称begin-->
<div class="weui-cell weui-cell_vcode">
<div class="weui-cell">
<div class="weui-cell__bd">
<p>名称:</p>
</div>
<div class="weui-cell__bd2">
<p>卖火柴小女孩</p>
</div>
</div>
</div>
<!--名称end-->
<!--纳税人识别号begin-->
<div class="weui-cell weui-cell_vcode">
<div class="weui-cell">
<div class="weui-cell__bd">
<p>纳税人识别号:</p>
</div>
<div class="weui-cell__bd2">
<p>343890502</p>
</div>
</div>
</div>
<!--纳税人识别号end-->
<!--地址电话begin-->
<div class="weui-cell weui-cell_vcode">
<div class="weui-cell">
<div class="weui-cell__bd">
<p>地址电话:</p>
</div>
<div class="weui-cell__bd2">
<p>15133099827</p>
</div>
</div>
</div>
<!--地址电话end-->
<!--开户行及账号begin-->
<div class="weui-cell weui-cell_vcode">
<div class="weui-cell">
<div class="weui-cell__bd">
<p>开户行及账号:</p>
</div>
<div class="weui-cell__bd2">
<p>北京银行</p><p>1231231231231231231</p>
</div>
</div>
</div>
<!--开户行及账号end-->
<!--明细begin-->
<div class="weui-cell weui-cell_vcode">
<div class="weui-cell">
<div class="weui-cell__bd">
<p><span class="biaoti">明细</span></p>
</div>
</div>
</div>
<!--明细end-->
<!--货物或应税劳务、服务名称begin-->
<div class="weui-cell weui-cell_vcode">
<div class="weui-cell">
<div class="weui-cell__bd">
<p>货物或应税劳务:</p>
</div>
<div class="weui-cell__bd2">
<p>我是一个兵</p>
</div>
</div>
</div>
<!--货物或应税劳务、服务名称end-->
<!--规格型号begin-->
<div class="weui-cell weui-cell_vcode">
<div class="weui-cell">
<div class="weui-cell__bd">
<p>规格型号:</p>
</div>
<div class="weui-cell__bd2">
<p>长一米宽半米</p>
</div>
</div>
</div>
<!--规格型号end-->
<!--单位begin-->
<div class="weui-cell weui-cell_vcode">
<div class="weui-cell">
<div class="weui-cell__bd">
<p>单位:</p>
</div>
<div class="weui-cell__bd2">
<p>我也不知道啊</p>
</div>
</div>
</div>
<!--单位end-->
<!--数量begin-->
<div class="weui-cell weui-cell_vcode">
<div class="weui-cell">
<div class="weui-cell__bd">
<p>数量:</p>
</div>
<div class="weui-cell__bd2">
<p>200</p>
</div>
</div>
</div>
<!--数量end-->
<!--单价begin-->
<div class="weui-cell weui-cell_vcode">
<div class="weui-cell">
<div class="weui-cell__bd">
<p>单价:</p>
</div>
<div class="weui-cell__bd2">
<p>200$</p>
</div>
</div>
</div>
<!--单价end-->
<!--总金额begin-->
<div class="weui-cell weui-cell_vcode">
<div class="weui-cell">
<div class="weui-cell__bd">
<p>总金额:</p>
</div>
<div class="weui-cell__bd2">
<p>2000$</p>
</div>
</div>
</div>
<!--总金额end-->
<!--税率begin-->
<div class="weui-cell weui-cell_vcode">
<div class="weui-cell">
<div class="weui-cell__bd">
<p>税率:</p>
</div>
<div class="weui-cell__bd2">
<p>0.5%</p>
</div>
</div>
</div>
<!--税率end-->
<!--税额begin-->
<div class="weui-cell weui-cell_vcode">
<div class="weui-cell">
<div class="weui-cell__bd">
<p>税额:</p>
</div>
<div class="weui-cell__bd2">
<p>11$</p>
</div>
</div>
</div>
<!--税额end-->
</div>
<div class="weui-btn-area">
<a id="showTooltips" class="weui-btn weui-btn_primary" href="javascript:fpcx()">授权</a>
</div>
</div>
</div>
</div>
</body>
</html>
相关文章推荐
- 微信小程序开发&电影小程序——基础目录、欢迎页面的创建。
- EA&UML日拱一卒-0基础学习微信小程序(10)-注册页面
- 微信小程序开发教程(基础篇)5-index 页面解析
- 微信小程序开发——基础目录、欢迎页面的创建(电影小程序)
- 微信小程序开发系列——4.小程序视图页面基础知识
- ASP页面基础知识
- VBScript基础教程之二在HTML页面中添加VBscript代码
- js基础:js页面刷新问题
- PHP基础:页面(链接)跳转教程
- jQuery基础 -- 如何判断页面元素存在与否
- asp.net基础回顾3-页面之间传递参数
- Asp.Net 开发之(1) ---如何自动加载数据到页面或更新数据到数据容器中(基础控件)
- js基础:实现页面打开后滚动到最底端的效果
- javascript 基础--html页面反向显示
- JS 操作页面基础操作:禁止另存 防止复制 防止选择
- 一点一点学ASP.NET之基础概念——HTTP运行期与页面执行模型
- SharePoint 2007基础系列索引页面
- javascript 基础--页面最大化
- HTTP协议基础 @ 禁用浏览器缓存页面
- 一点一点学ASP.NET之基础概念——HTTP运行期与页面执行模型