deadcxap/liberama
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Небольшое изменение содержимого страницы

Browse Source
This commit is contained in:
Book Pauk
2020-01-28 19:44:52 +07:00
parent 1226acefd6
commit efb2413720
1 changed files with 40 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
client/components/Reader/HelpPage/DonateHelpPage/DonateHelpPage.vue
View File

@@ -1,30 +1,54 @@
<template> <template>
<div class="page"> <div class="page">
<div class="box"> <div class="box">
<p class="p">Проект существует исключительно на личном энтузиазме.</p> <p class="p">Вы можете пожертвовать на развитие проекта любую сумму:</p>
<p class="p">Чтобы энтузиазма было побольше, вы можете пожертвовать на развитие проекта любую сумму:</p>
<div class="address"> <div class="address">
<img class="logo" src="./assets/yandex.png"> <img class="logo" src="./assets/yandex.png">
<el-button class="button" @click="donateYandexMoney">Пожертвовать</el-button><br> <el-button class="button" @click="donateYandexMoney">Пожертвовать</el-button><br>
<div class="para">{{ yandexAddress }}</div> <div class="para">{{ yandexAddress }}
<el-tooltip :open-delay="500" effect="light">
<template slot="content">
Скопировать
</template>
<i class="el-icon-copy-document copy-icon" @click="copyAddress(yandexAddress, 'Яндекс кошелек')"></i>
</el-tooltip>
</div>
</div> </div>
<div class="address"> <div class="address">
<img class="logo" src="./assets/bitcoin.png"> <img class="logo" src="./assets/bitcoin.png">
<el-button class="button" @click="copyAddress(bitcoinAddress, 'Bitcoin')">Скопировать</el-button><br> <div class="para">{{ bitcoinAddress }}
<div class="para">{{ bitcoinAddress }}</div> <el-tooltip :open-delay="500" effect="light">
<template slot="content">
Скопировать
</template>
<i class="el-icon-copy-document copy-icon" @click="copyAddress(bitcoinAddress, 'Bitcoin-адрес')"></i>
</el-tooltip>
</div>
</div> </div>
<div class="address"> <div class="address">
<img class="logo" src="./assets/litecoin.png"> <img class="logo" src="./assets/litecoin.png">
<el-button class="button" @click="copyAddress(litecoinAddress, 'Litecoin')">Скопировать</el-button><br> <div class="para">{{ litecoinAddress }}
<div class="para">{{ litecoinAddress }}</div> <el-tooltip :open-delay="500" effect="light">
<template slot="content">
Скопировать
</template>
<i class="el-icon-copy-document copy-icon" @click="copyAddress(litecoinAddress, 'Litecoin-адрес')"></i>
</el-tooltip>
</div>
</div> </div>
<div class="address"> <div class="address">
<img class="logo" src="./assets/monero.png"> <img class="logo" src="./assets/monero.png">
<el-button class="button" @click="copyAddress(moneroAddress, 'Monero')">Скопировать</el-button><br> <div class="para">{{ moneroAddress }}
<div class="para">{{ moneroAddress }}</div> <el-tooltip :open-delay="500" effect="light">
<template slot="content">
Скопировать
</template>
<i class="el-icon-copy-document copy-icon" @click="copyAddress(moneroAddress, 'Monero-адрес')"></i>
</el-tooltip>
</div>
</div> </div>
</div> </div>
</div> </div>
@@ -54,7 +78,7 @@ class DonateHelpPage extends Vue {
async copyAddress(address, prefix) { async copyAddress(address, prefix) {
const result = await copyTextToClipboard(address); const result = await copyTextToClipboard(address);
if (result) if (result)
this.$notify.success({message: `${prefix}-адрес ${address} успешно скопирован в буфер обмена`}); this.$notify.success({message: `${prefix} ${address} успешно скопирован в буфер обмена`});
else else
this.$notify.error({message: 'Копирование не удалось'}); this.$notify.error({message: 'Копирование не удалось'});
} }
@@ -106,4 +130,10 @@ h5 {
position: relative; position: relative;
top: 10px; top: 10px;
} }
.copy-icon {
margin-left: 10px;
cursor: pointer;
font-size: 120%;
}
</style> </style>