feat: 新增复制成功提示信息
This commit is contained in:
parent
379d6a5ba0
commit
e5faf35bfd
@ -526,6 +526,18 @@
|
||||
</div>
|
||||
</div>
|
||||
</maskLayer>
|
||||
|
||||
<!-- 提示弹窗 -->
|
||||
<div
|
||||
v-show="tipShow"
|
||||
style="position: fixed; top: 50vh; display: flex; justify-content: center; width: 100vw"
|
||||
>
|
||||
<div
|
||||
style="padding: 12px; border-radius: 8px; background: rgba(0, 0, 0, 0.4); font-weight: 600"
|
||||
>
|
||||
Copied successfully
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@ -550,7 +562,7 @@ import maskLayer from '../../components/MaskLayer.vue'
|
||||
import { useDebounce, useThrottle } from '@/utils/useDebounce'
|
||||
import { getMemberProfile } from '@/api/wallet'
|
||||
import { showError, showWarning, showInfo, showSuccess } from '@/utils/toast.js'
|
||||
import { useClipboard } from '@vueuse/core'
|
||||
import { set, useClipboard } from '@vueuse/core'
|
||||
|
||||
// vite动态导入图片
|
||||
const imageModules = import.meta.glob('@/assets/images/InvitationNewUser/*.{png,jpg,svg}', {
|
||||
@ -572,6 +584,7 @@ const headerInfo = ref({})
|
||||
|
||||
const helpInfoShow = ref(false) //帮助模块
|
||||
const enterCodeShow = ref(false) //交易弹窗
|
||||
const tipShow = ref(false) //提示弹窗
|
||||
|
||||
const invitationCode = ref('') //邀请码
|
||||
|
||||
@ -605,6 +618,11 @@ const copyCode = (text) => {
|
||||
document.execCommand('copy')
|
||||
document.body.removeChild(textArea)
|
||||
}
|
||||
|
||||
tipShow.value = true
|
||||
setTimeout(() => {
|
||||
tipShow.value = false
|
||||
}, 2000)
|
||||
}
|
||||
|
||||
/**
|
||||
|
||||
@ -230,6 +230,25 @@
|
||||
</div>
|
||||
</div>
|
||||
</maskLayer>
|
||||
|
||||
<!-- 提示弹窗 -->
|
||||
<div
|
||||
v-show="tipShow"
|
||||
style="
|
||||
position: fixed;
|
||||
top: 50vh;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
width: 100vw;
|
||||
z-index: 1000;
|
||||
"
|
||||
>
|
||||
<div
|
||||
style="padding: 12px; border-radius: 8px; background: rgba(0, 0, 0, 0.4); font-weight: 600"
|
||||
>
|
||||
Copied successfully
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@ -255,6 +274,7 @@ const isInAppEnvironment = ref(false) // 检测是否在APP环境中
|
||||
|
||||
const maskLayerShow = ref(false) // 控制遮罩层显示隐藏
|
||||
const followingStatus = ref(false) // 控制关注按钮状态
|
||||
const tipShow = ref(false) //提示弹窗
|
||||
|
||||
const defaultAvatarUrl = (e) => {
|
||||
console.log('头像资源出错')
|
||||
@ -279,6 +299,11 @@ const copyPhone = (text) => {
|
||||
document.execCommand('copy')
|
||||
document.body.removeChild(textArea)
|
||||
}
|
||||
|
||||
tipShow.value = true
|
||||
setTimeout(() => {
|
||||
tipShow.value = false
|
||||
}, 2000)
|
||||
}
|
||||
|
||||
onMounted(() => {
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user