/office

Primary LanguageJava

office组件

能够显示word,excel,ppt,pdf文件 传入src即可 使用前:请先添加插件

weexplus plugin add farwolf2010/office

用法

	<template>
    <div style="align-items: center;justify-content: center">
       <div  style="width: 700px;height: 1100px;background-color: #eeeeee">
           <office style="flex: 1" :src="src">

           </office>
       </div>
        <div style="flex-direction: row" >
            <button text="加载http" @click="loadhttp"></button>
            <button text="加载本地" @click="loadlocal"></button>
        </div>
    </div>
</template>
<script>
    export default{
        props: {},
        data(){
            return {
                src:''
            }
        },
        methods: {
            loadhttp(){
              this.src=  'http://59.110.169.246/img/1.docx'
            },
            loadlocal(){
                let url='http://59.110.169.246/img/book.pdf'
                let net=weex.requireModule('net')
                net.download(url,(res)=>{
                    this.log(res)
                },(res)=>{
                    this.log(res)
                    this.src=res.path
                },()=>{

                })
            },
            onLoad(p){
//                this.src='http://59.110.169.246/img/1.docx'

            }
        },
        created(){

        }
    }
</script>
<style scoped>

</style>