pdf阅读优化

闫增涛

2024-11-05 50ca1ad0d141d7dc0ddf29b2d3051b85ceff8f56

 packageDomain/pages/resourceDetails/document/index.wxml

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

<view wx:if="{{selectType == 'zip'}}">
@@ -21,32 +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> -->



<!-- <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>
<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>