前端vue导出PDF

其他 2021-11-29 22:23:42 阅读次数: 0 







async function getPdf(title,domName,_this) {//文件名，'name'
  // return
let  a4HeightRef=0
let  leftHeight=0
let     position=0
 let pdfProgress=1
 let    a4Width=831.89
let  a4Height=579.28
let canvasList=[]
let a4LeftHeight =0
let height = null
    // 初始化PDF
 let pdf = new JsPDF('l', 'pt', 'a4')
  pdf.page = 1
  pdf.setDisplayMode('fullwidth', 'continuous', 'FullScreen')
//水印
let watermark =await createWaterMark()
  // 生成内容 6个案件点的图片
  const doms = document.getElementsByClassName(domName)
      const canvas = await html2Canvas(doms[0], {
        allowTaint: true,
        scale: 2
      })
      canvasList.push(canvas)
let  canvas1 = document.createElement('canvas')
  // 一页pdf显示html页面生成的canvas高度; -300为了每页PDF头部和底部留有空位
  a4HeightRef = Math.floor(canvasList[0].width / a4Width * a4Height) 
  //先添加一张PDF
     a4LeftHeight = (a4HeightRef).toFixed(2) / 1//可以设置上下边距
    // 未生成pdf的html页面高度
    leftHeight = canvasList[0].height
    // console.log(' html页面高度', leftHeight)
    // this.createImpl(canvasList[0])


     while (leftHeight > 0) {
          if (leftHeight > a4LeftHeight) {
      let checkCount = 0
      let i = position + a4LeftHeight
      // console.log('i  position', i, position)
      // 从定好的高度页面，底部开始循环遍历canvas的每个点，找到可以截断的地方
      for (i; i >= position; i--) {
        let count = 0
        let isWrite = true
        for (let j = 0; j < canvas.width; j++) {
          let c = canvas.getContext('2d').getImageData(j, i, 1, 1).data
          // 如果该单位的颜色不是白色c[0]  c[1]  c[2] 分别代表r g b 255
          if (c[0] != 0xff || c[1] != 0xff || c[2] != 0xff) {
            count++
          }
          // 如果这行有连续20个单位都不是白色，退出当前循环   //说明当前行不应该截断？
          if (count > 20) {
            isWrite = false
            break
          }
        }
        // 如果有连续10行都是白色的，canvas在这里可以截断了  //说明有内容，不应该截断
        if (isWrite) {//=true,表示可以截取,跳出全部循环
          checkCount++
          if (checkCount >= 3) {
            break
          }
        } else {
          checkCount = 0
        }
      }
      // console.log('i', i)
      height = i - position//剩余可以渲染内容的A4高度
      if (height <= 0) { // 没找到截断点,新增一页PDF
        // PDF剩余可用高度
        a4LeftHeight = (a4HeightRef).toFixed(2) / 1//可以设置上下边距
  pdf.addPage()
  pdfProgress = pdfProgress + 1
        height = leftHeight
        continue
      }
    } else {
      height = leftHeight
    }
    canvas1.width = canvas.width
    canvas1.height = height

    let ctx = canvas1.getContext('2d')
    ctx.drawImage(canvas, 0, position, canvas.width, height, 0, 0, canvas.width, height)
    // console.log('canvas截断的位置', position, height)
    // console.log('PDF生成的位置', a4HeightRef - a4LeftHeight, height)
    pdf.addImage(canvas1.toDataURL('image/jpeg', 1.0), 'JPEG', 5, a4Width / canvas1.width * (a4HeightRef - a4LeftHeight)+5, a4Width, a4Width / canvas1.width * height)

    leftHeight -= height
    position += height
    a4LeftHeight -= height
     }

  // 根据生成的页数，给每一页PDF加上页码
  for (let page = 0; page <= pdfProgress; page++) {
    // 因为页码会变，所以在循环里面定义
  let  canvasFooter = await html2Canvas(document.getElementById('footer'))
  let  pageFooter = canvasFooter.toDataURL('image/jpeg', 1.0)
    pdf.setPage(page)//全部生成完毕后，再逐一设置页眉页码水印
    // 添加页码
    pdf.addImage(pageFooter, 'JPEG', 0, a4Height+4, a4Width, (a4Width / canvasFooter.width * canvasFooter.height).toFixed(2) / 1)
    // 给每一页添加水印
    pdf.addImage(watermark, 'PNG', 0, -200, a4Width, (a4Width / watermark.width * watermark.height).toFixed(2) / 1)
      _this.pdfPage++
  }
  // 所有内容都生成完毕
    pdf.save(title + '.pdf')

}
function createWaterMark() {
  // 创建一个画布
  const can = document.createElement('canvas')
  // 设置画布的长宽
  can.width = 800
  can.height = 1020

  const cans = can.getContext('2d')
  // 旋转角度 canvas旋转不是以图片旋转，而是以画布左上角为原点旋转
  cans.rotate(-45 * Math.PI / 180)
  cans.translate(0, 0)
  // const fillTxt = 'SKECHERS'
  const fillTxt = '水印'

  const txtLen = fillTxt.length
  // 水印如果都短设置为150px字体，长水印则80px字体
  const fontSize = txtLen > 12 ? '80px Simsun' : '150px Simsun'
  cans.font = fontSize
  // 设置填充绘画的颜色、渐变或者模式
  cans.fillStyle = 'rgba(64, 158, 255,0.17)'
  // 设置文本内容的当前对齐方式
  cans.textAlign = 'center'
  // 设置在绘制文本时使用的当前文本基线
  cans.textBaseline = 'Middle'
  // 在画布上绘制填色的文本（输出的文本，开始绘制文本的X坐标位置，开始绘制文本的Y坐标位置）
  cans.fillText(fillTxt, -txtLen * 5, 700)

  // watermark = can.toDataURL('image/png')
  // jspdf的addImage方法传过去如果是canvas，png格式的才有效果
  return can
}

<template>
  <div class="app-container">
    <!-- 页眉和页码 -->
    <div class="hideDiv">
      <div id="footer" style="  font-size: 30px;
  color:#000000;
  width:2888px;
  text-align: center;">
        第<span >{
   
   { pdfPage }}</span>页
      </div>
    </div>
        <div class="casepoint" style="width:2888px">
          <div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是按揭购房就覅哦对竞品的就是按揭购房就覅哦对竞品的就是按揭购房就覅哦对竞品的就是按揭购房就覅哦对竞品的就是按揭购房就覅哦对竞品的就是按揭购房就覅哦对竞品的就是按揭购房就覅哦对竞品的就是按揭购房就覅哦对竞品的就是按揭购房就覅哦对竞品的就是按揭购房就覅哦对竞品的就是按揭购房就覅哦对竞品的就是按揭购房就覅哦对竞品的就是按揭购房就覅哦对竞品的就是按揭购房就覅哦对竞品的就是按揭购房就覅哦对竞品的就是按揭购房就覅哦对竞品的就是按揭购房就覅哦对竞品的就是按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:40px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:40px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:40px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:40px;margin-top:10px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:40px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:40px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
             <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
             <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div> <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div> <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div> <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div> <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div> <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div> <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div> <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div> <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div> <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div> <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div> <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div> <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div> <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div> <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div> <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div> <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div> <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div> <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div> <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div> <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div> <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div> <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div> <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div> <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div> <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div> <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div> <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
            <div style="font-size:20px">按揭购房就覅哦对竞品的就是</div>
          </div>
        </div>
  </div>
</template>
<script>
import htmlToPdf from "@/utils/htmlToPdf";
export default{
  name: 'SeePdf',
  data() {
    return {
      pdfPage: 1,
    }
  },
  created () {
      htmlToPdf.getPdf('pdf名字','casepoint',this)
    
  },
  methods: {

  }
}
</script>
<style scoped>
.mask{
  position: fixed;
  left:0;
  top:0;
  width:100%;
  height:100%;
  color:#409eff;
  z-index: 9999;
  background-color:#ffffff;
}
.mask .tips{
  position: absolute;
  top: 45%;
  width:100%;
  font-size:18px;
  text-align: center;
}
.title3{
  font-size: 16px;
}
#title {
  width:800px;
  text-align: center;
  padding:10px 60px 0;
  color:#808080;
}
#title p{
  font-size: 14px;
  padding-bottom: 5px;
  border-bottom: 1px solid #c4c7ce;
}
#pdfDom {
  width:800px;
  letter-spacing: 2px;
}
#cover{
  display:flex;
  height: 1020px;
}
#cover .coverContent{
   margin: auto;
   text-align:center;
}
p{
  font-size: 14px;
}

</style>

效果图：

猜你喜欢

转载自blog.csdn.net/weixin_52004060/article/details/121618199
今日推荐
面壁智能发布 Eurux-8x22B 开源大模型 —— 堪称「理科状元」
开源日报 | 谷歌扶持鸿蒙上位；开源Rabbit R1；Docker加持的安卓手机；微软的焦虑和野心；海尔电器把开放平台关了
中国码农的“35岁魔咒”
蘭雅 CorelDRAW 插件 2024.5.1 国际劳动节版，免费下载
Arc Browser for Windows 1.0 正式 GA
90后程序员开发视频搬运软件、不到一年获利超 700 万，结局很刑！
周排行
【转】spring中对控制反转和依赖注入的理解
tms webcore 安装和使用
java程序员进阶相关书籍
SpringMVC接受请求参数、
如何保存训练好的机器学习模型
MyEclipse、Eclipse设置项目JDK的三个地方
商超行业微信小程序开发定制一般多少钱 （行业技术人员解读）
Markdown编辑器语言——30分钟入门到到精通
Linux系统下MongoDB的简单安装与基本操作
Power Strings
每日归档
更多
2024-05-07(14)
2024-05-06(40)
2024-05-05(0)
2024-05-04(7)
2024-05-03(19)
2024-05-02(0)
2024-05-01(4)
2024-04-30(1)
2024-04-29(40)
2024-04-28(0)

代码天地 © 2018 codetd.com

境外服务器   最新电视剧2022