前端导出PDF文件.zip_前端导出pdf,前端导出pdf文件资源-CSDN文库

共13个文件

css：6个

js：4个

html：1个

Html

导出Pdf

需积分: 27 163 浏览量 2020-06-30 19:56:36 上传评论收藏 334KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

前端导出PDF文件.zip （13个子文件）

前端导出PDF文件

css

ionicons.min.css 50KB

adminlte.min.css 589KB

all.min.css 56KB

font-awesome.min.css 30KB

icheck-bootstrap.min.css 12KB

font-css.css 10KB

image

logo.png 151KB

myhead.jpg 17KB

adminlte.min.js 23KB

bootstrap.bundle.min.js 79KB

bootstrap.min.js 39KB

jquery.min.js 85KB

index.html 27KB

<html style="height: auto;"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>前端导出PDF</title> <link href="css/all.min.css" rel="stylesheet"> <link href="css/ionicons.min.css" rel="stylesheet"> <link href="css/font-awesome.min.css" rel="stylesheet"> <link href="css/icheck-bootstrap.min.css" rel="stylesheet"> <link href="css/font-css.css" rel="stylesheet"> <link href="css/adminlte.min.css" rel="stylesheet"> <style> html body { font-family: Arial, Helvetica, sans-serif; } .table th { vertical-align: middle; text-align: center; } .table td { vertical-align: middle; padding: 0.25rem; border-top: 1px solid rgb(222, 226, 230); text-align: center; } </style> <style type="text/css" media="print"> html body { font-family: Arial, Helvetica, sans-serif; } .header { position: absolute; top: 0; left: 0; width: 100%; z-index: 999; min-height: 62px; line-height: 62px; } .myContent { top: 113px; bottom: 237px; position: relative; max-height: calc(100% - 200px); } .afterPage { margin-top: 1000px; } .footer { position: absolute; bottom: 0; width: 100%; min-height: 130px; font-size: small; } </style> <body class="" style="height: auto;"> <section class="content"> <div class="container-fluid">  <div class="row"> <div class="col-12">  <div class="row header" style="display: none; position: fixed; right: 3%; top: 0px;"> <div class="col-12"> <h4> <img src="image/logo.png" width="168" height="90"> <br>M A S E R A T I <br> <small class="float-right" style="position:absolute;top:0;right:0;">日期: 2020年6月1日</small></h4> </div>  </div>  <div class="invoice myContent p-3 mb-3"> <div class="row no-print"> <div class="col-12"> <button type="button" class="btn btn-primary float-right" style="margin-right: 5px;" onclick="windowPrint();">导出 PDF</button> </div> </div>  <div class="row invoice-info"> <div class="col-sm-3 invoice-col"> <b>作者信息</b> <br>帅气小鱼囝 <br> <b>Email:</b>275917230@qq.com <br> <b>Phone:</b>150******44 <br> <b>Notes:</b>没有我做不到的，只有我想不到的 <br></div> <div class="col-sm-3 invoice-col"> <b>功能:</b> <address> <strong>前端导出PDF</strong> <br> <br> <br> <br></address></div>  <div class="col-sm-3 invoice-col"> <b>地址:</b> <address>广州 <br>旅游爱好者</address></div>  <div class="col-sm-3 invoice-col"> <b>订单:</b>123 <br> <b>联系人:</b>帅气小鱼囝 <br> </div> </div>   <div class="row"> <div class="col-12 table-responsive" id="itemContent" style="padding:0px;"> <div class="col-12 table-responsive "> <div class="pull-right pageNum">Page 1 / 3</div> <table class="table table-striped"> <thead> <tr> <th style="width: 25px;">Sort</th> <th style="width: 180px;">Image</th> <th style="width: 120px;">SKU</th> <th style="width: 10px;">Quantity</th> <th style="width: 40px;">Price</th> <th style="width: 20px;">Total</th></tr> </thead> <tbody> <tr> <td>1</td> <td> <img src="image/myhead.jpg" width="40" style="max-height:40px;"></td> </td> <td>ABC-EDF</td> <td>1</td> <td>95</td> <td>95</td></tr> <tr> <td>2</td> <td> <td>ABC-EDF</td> <td>5</td> <td>30</td> <td>150</td></tr> <tr> <td>3</td> <td></td> <td>ABC-EDF</td> <td>1</td> <td>0</td> <td>0</td></tr> <tr> <td>4</td> <td></td> <td>ABC-EDF</td> <td>1</td> <td>0</td> <td>0</td></tr> <tr> <td>5</td> <td></td> <td>ABC-EDF</td> <td>1</td> <td>0</td> <td>0</td></tr> <tr> <td>6</td> <td></td> <td>ABC-EDF</td> <td>1</td> <td>0</td> <td>0</td></tr> <tr> <td>7</td> <td></td> <td>ABC-EDF</td> <td>1</td> <td>0</td> <td>0</td></tr> <tr> <td>8</td> <td></td> <td>ABC-EDF</td> <td>1</td> <td>0</td> <td>0</td></tr> <tr> <td>9</td> <td></td> <td>ABC-EDF</td> <td>1</td> <td>0</td> <td>0</td></tr> <tr> <td>10</td> <td></td> <td>ABC-EDF</td> <td>1</td> <td>0</td> <td>0</td></tr> <tr> <td>11</td> <td></td> <td>ABC-EDF</td> <td>1</td> <td>0</td> <td>0</td></tr> <tr> <td>12</td> <td></td>

评论收藏

内容反馈