|
@@ -31,7 +31,7 @@
|
|
|
v-click-log="state.log_invite_btn_click" @onClick="clickBtn" font-weight="600"></v-btn>
|
|
|
<div class="mask" v-show="showShareTips">
|
|
|
<div class="content">
|
|
|
- <img class="icon-loading" :src="require('@/assets/svg/icon-loading-channel.svg')" />
|
|
|
+ <img class="icon-loading" :src="channelLoadingImg" />
|
|
|
<div class="text">
|
|
|
Link copied to clipboard
|
|
|
<br/>
|
|
@@ -52,6 +52,9 @@ import { setChromeStorage } from '@/uilts/chromeExtension.js'
|
|
|
|
|
|
let ClipboardJS = require('clipboard');
|
|
|
|
|
|
+let loadingImg = require('@/assets/img/icon-loading-channel.png');
|
|
|
+
|
|
|
+let channelLoadingImg = ref(loadingImg);
|
|
|
let state = inject('state')
|
|
|
|
|
|
state.log_invite_btn_show = {
|
|
@@ -166,6 +169,7 @@ async function clickBtn() {
|
|
|
}
|
|
|
|
|
|
const clickShare = (item) => {
|
|
|
+ channelLoadingImg.value = loadingImg;
|
|
|
var clipboard = new ClipboardJS('.share-item');
|
|
|
clipboard.on('success', function (e) {
|
|
|
// state.toast.txt = 'Copy Successfully'
|
|
@@ -203,6 +207,7 @@ const clickShare = (item) => {
|
|
|
} else {
|
|
|
setTimeout(() => {
|
|
|
showShareTips.value = false;
|
|
|
+ channelLoadingImg.value = '';
|
|
|
chrome.tabs.create({
|
|
|
url: item.redirectPath
|
|
|
});
|
|
@@ -215,7 +220,8 @@ const clickShare = (item) => {
|
|
|
shareLinkId: state.invite_code,
|
|
|
myShareLinkId: state.detail.inviteCopyUrl,
|
|
|
currentInvitedNum: state.inviteCount,
|
|
|
- postId: state.postId
|
|
|
+ postId: state.postId,
|
|
|
+ redPacketType: Report.redPacketType.treasure
|
|
|
}, {
|
|
|
'channel-name': item.name
|
|
|
});
|
|
@@ -365,7 +371,6 @@ const clickCopy = () => {
|
|
|
.icon-loading {
|
|
|
width: 60px;
|
|
|
height: 60px;
|
|
|
- animation: loading 1 1s linear forwards;
|
|
|
margin-bottom: 30px;
|
|
|
}
|
|
|
|
|
@@ -375,18 +380,6 @@ const clickCopy = () => {
|
|
|
color: #FFFFFF;
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
-
|
|
|
- @keyframes loading {
|
|
|
- 0% {
|
|
|
- transform: rotate(0);
|
|
|
- }
|
|
|
-
|
|
|
- 100% {
|
|
|
- transform: rotate(280deg);
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
@keyframes fade-in-gray {
|
|
|
from {
|
|
|
background: none;
|