THJ_Mobile/src/packages/mobile/views/rules/zrht/index.vue

<template>
  <app-view>
    <template #header>
      <app-navbar title="合同转让" />
    </template>
    <div style="padding: .2rem;">
      <div style="text-align: center;background-color: #fff;padding: 1rem 0;">
        <h4 style="margin-bottom: .32rem;">协议转让合同.docx</h4>
        <Button type="primary" style="width: 50%;" round @click="download">下载文档</Button>
      </div>
    </div>
  </app-view>
</template>

<script lang="ts" setup>
import { Button } from 'vant'
import { getServiceUrl } from '@/services/http'
import plus from '@/utils/h5plus'

const download = () => {
  const url = getServiceUrl('mobileOpenUrl')
  plus.openURL(url + '/html/ht_zr.docx')
}
</script>