test/basic2
1
0
Fork 0
mirror of https://gitee.com/fantastic-admin/basic.git synced 2024-12-04 21:18:16 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

更新BuyIt组件

Browse Source
This commit is contained in:
hooray 2022-04-09 23:53:30 +08:00
parent 89e6903e2e
commit 6d45383ac6
2 changed files with 17 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/assets/icons/fixed-right-qq.svg
View File

@ -1 +0,0 @@
<svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="32" height="32"><path d="M878.84 489.558c-29.743-47-42.633-97.607-50.35-151.176C800.417 143.543 608.343 17.635 422.354 75.3 299.54 113.381 224.75 199.036 199.868 325.796c-11.624 59.218-22.74 117-56.89 169.79-34.466 53.28-43.74 115.843-39.244 179.3 2.598 36.665 13.79 70.055 40.995 97.233 8.184 8.174 16.292 21.674 15.855 32.386-3.144 77.23 42.516 118.05 107.2 140.595 71.654 24.975 144.968 23.878 215.783-5.914 19.299-8.12 34.811-11.058 55.074-1.221 58.244 28.272 120.867 28.719 182.709 17.476 98.704-17.944 142.118-71.041 142.442-169.584 30.923-22.389 50.298-53.787 54.758-93.077 8.156-71.806-.712-141.6-39.71-203.222zm-40.041 168.231c-.549 18.204-7.914 36.202-15.062 66.66l-54.693-46.324c-17.599 26.982-34.342 52.65-52.53 80.537 10.998 6.033 23.923 10.175 32.673 18.636 12.176 11.773 27.23 25.605 30.188 40.686 4.279 21.827-15.523 34.544-33.882 42.758-58.292 26.08-118.836 29-175.529.451-40.527-20.408-73.857-21.777-114.39-.441-53.108 27.95-110.563 24.686-166.789 4.917-6.126-2.154-12.068-5.221-17.572-8.692-36.836-23.223-37.796-52.719-2.018-76.576 11.974-7.985 25.356-13.857 38.788-21.068-17.693-27.946-34.155-53.953-51.922-82.017l-45.513 38.839c-28.297-21.745-26.875-48.763-25.337-74.01 3.245-53.263 17.492-103.337 53.944-144.31 13.664-15.36 18.348-31.765 21.015-52.399 5.81-44.936 14.763-89.923 27.454-133.424 30.692-105.216 129.925-174.186 237.442-168.36 105.725 5.73 195.386 82.577 217.572 187.954 9.343 44.375 15.066 89.525 24.912 133.772 2.943 13.225 13.255 25.37 21.945 36.658 35.44 46.039 51.026 98.507 49.304 155.753z"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.6 KiB

39
src/layout/components/BuyIt/index.vue
View File

@ -29,25 +29,21 @@ function open(url) {
<template>
<div class="buy-it" :class="{'actived': isActived}">
<div class="item" @click="open('https://wpa.qq.com/msgrd?v=3&uin=304327508&site=qq&menu=yes')">
<svg-icon name="fixed-right-qq" />
<span class="title">在线<br>咨询</span>
</div>
<div class="item chat" @click="open('https://qm.qq.com/cgi-bin/qm/qr?k=WoDBYN0S9r94f9oBZkxlGbiYxu3dEzgt&jump_from=webapi')">
<svg-icon name="fixed-right-chat" />
<span class="title">加入<br>QQ群</span>
</div>
<div class="item buy" @click="open(`https://hooray.${locationOrigin.includes('gitee') ? 'gitee' : 'github'}.io/fantastic-admin/buy.html`)">
<div class="item" @click="open(`https://hooray.${locationOrigin.includes('gitee') ? 'gitee' : 'github'}.io/fantastic-admin/buy.html`)">
<svg-icon name="fixed-right-buy" />
<span class="title">购买<br>专业版</span>
</div>
<div class="item doc" @click="open(`https://hooray.${locationOrigin.includes('gitee') ? 'gitee' : 'github'}.io/fantastic-admin/`)">
<div class="item" @click="open(`https://${locationOrigin.includes('gitee') ? 'gitee' : 'github'}.com/hooray/fantastic-admin/`)">
<svg-icon name="fixed-right-code" />
<span class="title">下载<br>基础版</span>
</div>
<div class="item" @click="open(`https://hooray.${locationOrigin.includes('gitee') ? 'gitee' : 'github'}.io/fantastic-admin/`)">
<svg-icon name="fixed-right-doc" />
<span class="title">开发<br>文档</span>
</div>
<div class="item code" @click="open(`https://${locationOrigin.includes('gitee') ? 'gitee' : 'github'}.com/hooray/fantastic-admin/`)">
<svg-icon name="fixed-right-code" />
<span class="title">下载<br>基础版</span>
<div class="item" @click="open(`https://hooray.${locationOrigin.includes('gitee') ? 'gitee' : 'github'}.io/fantastic-admin/support.html`)">
<svg-icon name="fixed-right-chat" />
<span class="title">技术<br>支持</span>
</div>
</div>
</template>
@ -58,7 +54,7 @@ function open(url) {
z-index: 10;
right: -58px;
top: 50%;
margin-top: -170px;
transform: translateY(-50%);
width: 70px;
display: flex;
flex-direction: column;
@ -74,7 +70,6 @@ function open(url) {
height: 70px;
text-align: center;
color: #fff;
background-color: #409eff;
border-bottom: 1px solid #fff;
transition: 0.3s;
opacity: 0.7;
@ -89,16 +84,16 @@ function open(url) {
border-bottom-left-radius: 5px;
border-bottom: 0;
}
&.chat {
background-color: #0fcc1a;
}
&.buy {
&:nth-child(1) {
background-color: #ff4200;
}
&.doc {
background-color: #727272;
&:nth-child(2) {
background-color: #409eff;
}
&.code {
&:nth-child(3) {
background-color: #0fcc1a;
}
&:nth-child(4) {
background-color: #343b42;
}
.svg-icon {