Files
tk-mini-program/pages/index/chat/messageComponent/textmessage.vue
pengxiaolong 36005c9604 优化
2025-07-25 18:39:42 +08:00

49 lines
864 B
Vue

<template>
<view class="messagetext" @longpress="handleCopy"> {{ messagetext }} </view>
</template>
<script>
export default {
data() {
return {};
},
onLoad() {
// 页面加载时执行
},
props: {
messagetext: {
type: String,
default: "",
},
},
methods: {
handleCopy() {
// 复制到剪贴板
uni.setClipboardData({
data: this.messagetext,
success: () => {
// 显示成功提示
uni.showToast({
title: "复制成功",
icon: "success",
duration: 1500,
});
},
fail: (err) => {
console.error("复制失败:", err);
},
});
},
},
};
</script>
<style scoped>
.messagetext {
font-size: 34rpx;
color: #333;
letter-spacing: 1rpx;
padding: 19rpx 30rpx 19rpx 30rpx;
}
</style>