pdf阅读优化

闫增涛

2024-11-05 50ca1ad0d141d7dc0ddf29b2d3051b85ceff8f56

 packageDomain/pages/resourceDetails/document/index.wxml

@@ -1,4 +1,4 @@
<view style="width: 100%; height: {{barHeight}}px; "></view>
<!-- <view style="width: 100%; height: {{barHeight}}px; "></view>
<view class="nacigationBar" style="width: 70%; height: {{navBarHeight}}px;">
  <view>
    <t-icon name="chevron-left" size="30" data-name="{{item}}" bind:click="goBack" />
@@ -6,14 +6,20 @@
  <view class="navbar-title">资源详情</view>
</view>

-->

<view class="titleNameBox" wx:if="{{selectType != 'webpage'}}">
  {{titleName}}
</view>



<!-- bind:tap="onClick" -->
<view class="pictureBox" wx:if="{{selectType == 'picture'}}">
  <image src="{{showData}}" mode="aspectFit" />
  <!-- style="width: {{(newScale <= 5 ? newScale: 5) * 100}}%;" -->
  <image
    src="{{showData}}"
    mode="widthFix"
    data-src="{{showData}}"
    bindtap="preview"
  />
</view>

<view wx:if="{{selectType == 'zip'}}">
@@ -21,28 +27,47 @@
    <image src="/static/images/document/zip200px.png" mode="aspectFill" />
  </view>


  <view class="button-example">
    <t-button size="large" bind:tap="onDownloadButton">
      <view class="text">
        下载
      </view>
    <t-button size="large" bind:tap="onDownloadButton" class="download-btn">
      <view class="text"> 下载 </view>
    </t-button>
  </view>
</view>


<view wx:if="{{selectType == 'pdf' ||  selectType == 'document'}}">
  <view wx:for="{{naturalResources}}" wx:key="index" wx:for-item="item" wx:for-index="index">

    <image src="{{item}}" alt="" style="min-height: 550px;"></image>
  <view
    wx:for="{{naturalResources}}"
    wx:key="index"
    wx:for-item="item"
    wx:for-index="index"
    class="img-box"
  >
    <image
      src="{{item}}"
      data-src="{{item}}"
      bind:tap="preview"
      alt=""
      style="min-height: 550px; width: 100%"
      mode="aspectFit"
    ></image>
    <view class="divider">第 {{index + 1}} 页</view>
  </view>

  <!-- <web-view src="{{pdfSrc}}" id="web-view-pdf" /> -->
</view>




<web-view wx:if="{{selectType == 'webpage'}}" src="{{webpageSrc}}"></web-view>
<!-- <button bind:tap="handleTap">点位</button> -->
<!-- <button bind:tap="handleTap">点位</button> -->

<!-- <t-button theme="primary" size="large" variant="outline" block>基础图片预览</t-button> -->
<t-toast id="t-toast" />
<t-image-viewer
  usingCustomNavbar
  deleteBtn="{{deleteBtn}}"
  closeBtn="{{closeBtn}}"
  showIndex="{{showIndex}}"
  visible="{{visible}}"
  images="{{images}}"
  bind:change="onChange"
  bind:delete="onDelete"
  bind:close="onClose"
></t-image-viewer>