更新记录

0.0.2（2024-11-06）

• chore: 更新文档

0.0.1（2024-11-06）

• init

平台兼容性

lime-pdf PDF预览

• UTS 原生PDF预览器，支持本地和网络pdf等功能,兼容uniappx(安卓,ios)

安装

插件市场导入，引入插件标签后，自定义基座后使用

代码演示

基础使用

通过url可以设置pdf的路径，支持网络或本地。

<l-pdf 
    ref="pdfRef"
    url="/static/shareSDK.pdf"  
    @load="load"
    @fail="fail"
    @pageChanged="pageChanged"
    style="height:500px;width: 100%;">
</l-pdf>
<button @click="onClick">跳转指指定页面</button>

const pdfRef = ref<LPdfComponentPublicInstance|null>(null)

const load = (info: UTSJSONObject)=>{
    // INFO 包含 页数，作者，标题，目录等
    console.log('info', info)
}

const fail = (err: UTSJSONObject)=>{
    // 发生错误时
    console.log('err', err)
}
const pageChanged = (info: UTSJSONObject)=> {
    // 切换页面时 
    console.log('pageChanged', info)
}
const onClick = ()=> {
    // 跳转到指定页面
    pdfRef.value?.jumpTo(3)
}

Render

<l-pdf 
    ref="pdfRef"
    @load="load"
    @fail="fail"
    @pageChanged="pageChanged"
    style="height:500px;width: 100%;">
</l-pdf>
<button @click="render">render</button>

const pdfRef = ref<LPdfComponentPublicInstance|null>(null)

const load = (info: UTSJSONObject)=>{
    // INFO 包含 页数，作者，标题，目录等
    console.log('info', info)
}
const render = ()=> {
    // 调用渲染函数
    pdfRef.value?.render(
        "/static/shareSDK.pdf", // pdf 路径
        0, // 默认页面 
        false, //是否允许水平滑动切换页面，false（垂直滑动）
        'password'//如果pdf有密码可选填
    )
}

API

Props

Events