forked from opentiny/tiny-vue
30 lines
10 KiB
Vue
30 lines
10 KiB
Vue
<template>
|
|
<div>
|
|
<div class="h-72">
|
|
<tiny-signature :value="url"></tiny-signature>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import { Signature } from '@opentiny/vue'
|
|
|
|
export default {
|
|
components: {
|
|
TinySignature: Signature
|
|
},
|
|
mounted() {
|
|
setTimeout(() => {
|
|
this.url = this.remoteUrl
|
|
}, 1000)
|
|
},
|
|
data() {
|
|
return {
|
|
url: '',
|
|
remoteUrl:
|
|
'data:image/png;base64,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'
|
|
}
|
|
}
|
|
}
|
|
</script>
|