初始化
This commit is contained in:
49
components/Copy/Copy.vue
Normal file
49
components/Copy/Copy.vue
Normal file
@@ -0,0 +1,49 @@
|
||||
<template>
|
||||
<view class="copy" @click="onCopy">
|
||||
<svg :width="size" :height="size" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13 12.4316V7.8125C13 6.2592 14.2592 5 15.8125 5H40.1875C41.7408 5 43 6.2592 43 7.8125V32.1875C43 33.7408 41.7408 35 40.1875 35H35.5163" stroke="#333" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/><path d="M32.1875 13H7.8125C6.2592 13 5 14.2592 5 15.8125V40.1875C5 41.7408 6.2592 43 7.8125 43H32.1875C33.7408 43 35 41.7408 35 40.1875V15.8125C35 14.2592 33.7408 13 32.1875 13Z" fill="none" stroke="#333" stroke-width="4" stroke-linejoin="round"/></svg>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name:"Copy",
|
||||
props: {
|
||||
size: {
|
||||
default: 14,
|
||||
type: Number | String
|
||||
},
|
||||
text: {
|
||||
default: '',
|
||||
type: String
|
||||
},
|
||||
successText: {
|
||||
default: '已复制',
|
||||
type: String
|
||||
}
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
onCopy() {
|
||||
uni.setClipboardData({
|
||||
data: this.text,
|
||||
success: ()=> {
|
||||
uni.showToast({
|
||||
title: this.successText,
|
||||
icon: 'success'
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.copy {
|
||||
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user