mirror of
https://github.com/fantastic-admin/basic.git
synced 2026-10-07 13:17:52 +08:00
更新全局右侧悬浮按钮
This commit is contained in:
hooray
@@ -0,0 +1 @@
|
||||
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1606244611237" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10599" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M512 102.4a409.6 409.6 0 1 0 409.6 409.6A409.6 409.6 0 0 0 512 102.4z m0 760.448A350.848 350.848 0 1 1 862.848 512 351.36 351.36 0 0 1 512 862.848z" p-id="10600"></path><path d="M690.304 300.928a29.184 29.184 0 0 0-40.96 5.888L515.712 485.12h-7.424L374.528 307.2a29.312 29.312 0 0 0-46.72 35.2L435.2 485.12h-54.784a29.184 29.184 0 1 0 0 58.368h98.688l3.712 4.864v38.4h-102.4a29.312 29.312 0 0 0 0 58.496h102.4v102.4a29.184 29.184 0 1 0 58.368 0v-102.4h102.4a29.312 29.312 0 0 0 0-58.496h-102.4v-38.4l3.712-4.864h98.688a29.184 29.184 0 0 0 0-58.368H588.8l107.52-143.232a29.312 29.312 0 0 0-6.016-40.96z" p-id="10601"></path></svg>
|
||||
|
After Width: | Height: | Size: 1005 B |
@@ -0,0 +1 @@
|
||||
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1606244534316" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5376" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M541.141333 268.864l61.717334 16.938667-132.394667 482.474666-61.717333-16.938666 132.394666-482.474667zM329.002667 298.666667l44.885333 45.610666-175.36 172.586667 175.04 167.573333-44.266667 46.229334L106.666667 517.504 329.002667 298.666667z m355.882666 0l222.336 218.837333L684.586667 730.666667l-44.266667-46.229334 175.018667-167.573333L640 344.277333 684.885333 298.666667z" p-id="5377"></path></svg>
|
||||
|
After Width: | Height: | Size: 782 B |
@@ -0,0 +1 @@
|
||||
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1606244516889" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4604" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M766.46 172.7H610.53c-17.51 0-34.29 5.42-48.5 15.67l-29.79 21.49a27.623 27.623 0 0 1-32.34 0l-29.79-21.49c-14.21-10.25-30.98-15.67-48.5-15.67H257.54c-45.71 0-82.9 37.19-82.9 82.9V726c0 45.71 37.19 82.9 82.9 82.9h164.07c5.85 0 11.43 1.8 16.17 5.22l29.79 21.49a82.783 82.783 0 0 0 48.5 15.69c17 0 34-5.24 48.5-15.69l29.81-21.5c4.72-3.41 10.31-5.21 16.15-5.21h155.93c45.71 0 82.9-37.19 82.9-82.9V255.6c0-45.72-37.19-82.9-82.9-82.9z m27.63 553.29c0 15.24-12.4 27.63-27.63 27.63H610.53c-17.54 0-34.31 5.42-48.5 15.67l-29.79 21.49a27.623 27.623 0 0 1-32.34 0l-29.78-21.48c-14.2-10.27-30.97-15.68-48.51-15.68H257.54c-15.24 0-27.63-12.39-27.63-27.63V255.6c0-15.24 12.4-27.63 27.63-27.63h164.07c5.84 0 11.43 1.8 16.17 5.22l29.79 21.49c5.28 3.81 10.97 6.68 16.8 9.11v239.83c0 15.26 12.37 27.63 27.63 27.63s27.63-12.37 27.63-27.63V266.83c8.76-2.6 17.21-6.58 24.93-12.15l29.79-21.49a27.484 27.484 0 0 1 16.17-5.22h155.93c15.24 0 27.63 12.39 27.63 27.63v470.39z" p-id="4605"></path></svg>
|
||||
|
After Width: | Height: | Size: 1.3 KiB |
@@ -0,0 +1 @@
|
||||
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1606244485648" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3840" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32"><defs><style type="text/css"></style></defs><path d="M878.839923 489.557872c-29.743418-46.99943-42.632983-97.607038-50.350758-151.176095C800.417829 143.543254 608.344279 17.634636 422.355307 75.30101c-122.815163 38.07927-197.606567 123.735116-222.487234 250.495124-11.623735 59.217706-22.740934 116.999714-56.889685 169.790034-34.465976 53.279461-43.7402 115.842355-39.244816 179.300642 2.598174 36.664038 13.791098 70.054519 40.995693 97.232508 8.18338 8.17417 16.292058 21.673625 15.855106 32.385595C157.439752 881.734856 203.099674 922.55454 267.783883 945.100022c71.653947 24.974811 144.967696 23.877827 215.783555-5.913687 19.298532-8.120958 34.81083-11.057847 55.073316-1.221828 58.244542 28.272927 120.866788 28.719088 182.709275 17.476023 98.704023-17.943674 142.117788-71.040986 142.442176-169.583327 30.92329-22.388916 50.297546-53.78702 54.758138-93.076862C926.706093 620.973924 917.838122 551.180348 878.839923 489.557872zM838.798974 657.789411c-0.548492 18.203594-7.91425 36.201503-15.062044 66.660212-25.233708-21.372773-39.48734-33.44574-54.692646-46.325072-17.59882 26.982538-34.342156 52.651151-52.5304 80.537268 10.998495 6.033413 23.922852 10.174734 32.673144 18.636452 12.17632 11.773138 27.230178 25.605168 30.187533 40.685631 4.279467 21.827121-15.522532 34.543747-33.881668 42.757826-58.291614 26.081005-118.835526 28.999474-175.528736 0.451278-40.527019-20.407796-73.857125-21.776979-114.390283-0.441045-53.107545 27.950586-110.563118 24.686239-166.788677 4.916986-6.126534-2.15406-12.06785-5.220908-17.572214-8.691963-36.835953-23.222911-37.795814-52.718689-2.01796-76.576049 11.973706-7.984858 25.355481-13.856589 38.788421-21.067828-17.692964-27.946492-34.155914-53.952796-51.922557-82.016968-14.903431 12.717649-29.839609 25.463951-45.512566 38.838563-28.297486-21.744233-26.875091-48.762587-25.337061-74.009597 3.244904-53.263088 17.491373-103.337553 53.943586-144.310733 13.664208-15.358803 18.34788-31.764448 21.015639-52.398394 5.809309-44.936445 14.762215-89.923032 27.453259-133.423779 30.692023-105.216343 129.925095-174.186158 237.44183-168.359452 105.724926 5.728468 195.385992 82.576717 217.572294 187.953719 9.342786 44.37465 15.066137 89.524966 24.912389 133.771703 2.943029 13.225209 13.254885 25.369807 21.944801 36.657898C824.935222 548.074613 840.521199 600.542592 838.798974 657.789411z" p-id="3841"></path></svg>
|
||||
|
After Width: | Height: | Size: 2.6 KiB |
@@ -0,0 +1,149 @@
|
||||
<template>
|
||||
<div class="buy-it">
|
||||
<div class="item" @click="open('http://wpa.qq.com/msgrd?v=3&uin=304327508&site=qq&menu=yes')">
|
||||
<svg-icon name="fixed-right-qq" />
|
||||
<span class="title">咨询</span>
|
||||
</div>
|
||||
<template>
|
||||
<el-popover placement="left" width="400" trigger="hover">
|
||||
<div class="pay">
|
||||
<div class="wechat">
|
||||
<el-image :src="require('@/assets/images/wechat.png')" />
|
||||
</div>
|
||||
<div class="alipay">
|
||||
<el-image :src="require('@/assets/images/alipay.png')" />
|
||||
</div>
|
||||
<div class="info">
|
||||
<p>专业版限时优惠 <b style="font-size: 18px; color: #f40;">396</b> 元，截止至 2020/12/31</p>
|
||||
<p>请先加作者 QQ ：304327508 ，或者点击右侧在线咨询，然后通过上方微信或支付宝进行支付</p>
|
||||
<p>支付成功后将需提供一个源码接收邮箱地址，源码包含专业版演示源码和模版源码</p>
|
||||
</div>
|
||||
</div>
|
||||
<div slot="reference" class="item buy">
|
||||
<svg-icon name="fixed-right-buy" />
|
||||
<span class="title">购买</span>
|
||||
</div>
|
||||
</el-popover>
|
||||
<div class="item doc" @click="open('https://hooray.gitee.io/fantastic-admin/')">
|
||||
<svg-icon name="fixed-right-doc" />
|
||||
<span class="title">文档</span>
|
||||
</div>
|
||||
<div class="item code" @click="open('https://gitee.com/hooray/fantastic-admin/')">
|
||||
<svg-icon name="fixed-right-code" />
|
||||
<span class="title">源码</span>
|
||||
</div>
|
||||
</template>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
mounted() {
|
||||
this.$notify({
|
||||
type: 'info',
|
||||
iconClass: '',
|
||||
title: '优惠啦~',
|
||||
message: '专业版限时优惠 396 元，截止至 2020/12/31',
|
||||
duration: 6000
|
||||
})
|
||||
},
|
||||
methods: {
|
||||
open(url) {
|
||||
window.open(url, 'top')
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.buy-it {
|
||||
position: fixed;
|
||||
right: 0;
|
||||
top: 50%;
|
||||
margin-top: -120px;
|
||||
width: 60px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
.item {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
height: 60px;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
background-color: #409eff;
|
||||
border-bottom: 1px solid #fff;
|
||||
transition: 0.3s;
|
||||
opacity: 0.6;
|
||||
cursor: pointer;
|
||||
&:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
&:first-child {
|
||||
border-top-left-radius: 5px;
|
||||
}
|
||||
&:last-child {
|
||||
border-bottom-left-radius: 5px;
|
||||
border-bottom: 0;
|
||||
}
|
||||
&.buy {
|
||||
border-radius: 0;
|
||||
border-bottom: 1px solid #fff;
|
||||
background-color: #ff4200;
|
||||
}
|
||||
&.doc {
|
||||
background-color: #727272;
|
||||
}
|
||||
&.code {
|
||||
background-color: #343b42;
|
||||
}
|
||||
.svg-icon {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
font-size: 20px;
|
||||
}
|
||||
.title {
|
||||
display: inline-block;
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.pay {
|
||||
text-align: center;
|
||||
.wechat,
|
||||
.alipay {
|
||||
display: inline-block;
|
||||
width: 160px;
|
||||
margin: 10px 10px;
|
||||
padding: 20px 20px 0;
|
||||
color: #fff;
|
||||
border-radius: 4px;
|
||||
&::after {
|
||||
display: block;
|
||||
height: 40px;
|
||||
line-height: 36px;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
.wechat {
|
||||
background-color: #22ab38;
|
||||
&::after {
|
||||
content: '请使用微信支付';
|
||||
}
|
||||
}
|
||||
.alipay {
|
||||
background-color: #1678ff;
|
||||
&::after {
|
||||
content: '请使用支付宝支付';
|
||||
}
|
||||
}
|
||||
.info {
|
||||
line-height: 20px;
|
||||
p {
|
||||
margin: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -88,6 +88,7 @@
|
||||
</div>
|
||||
<Search />
|
||||
<ThemeSetting />
|
||||
<BuyIt />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -99,6 +100,7 @@ import SidebarItem from './components/SidebarItem'
|
||||
import Breadcrumb from './components/Breadcrumb'
|
||||
import Search from './components/Search'
|
||||
import ThemeSetting from './components/ThemeSetting'
|
||||
import BuyIt from './components/BuyIt'
|
||||
|
||||
export default {
|
||||
name: 'Layout',
|
||||
@@ -108,7 +110,8 @@ export default {
|
||||
SidebarItem,
|
||||
Breadcrumb,
|
||||
ThemeSetting,
|
||||
UserMenu
|
||||
UserMenu,
|
||||
BuyIt
|
||||
},
|
||||
provide() {
|
||||
return {
|
||||
|
||||
+1
-1
@@ -49,7 +49,7 @@
|
||||
<h3 class="question">两个版本都长期维护吗？</h3>
|
||||
<div class="answer">都长期维护，但侧重不同。基础版侧重于稳定性维护，主要在修复 bug ，不定期增加新特性；而专业版侧重于新特性开发，在确保稳定的基础上，会长期深挖中后台系统框架，持续产出可落地的特性或开发规范。</div>
|
||||
<h3 class="question">如何购买专业版？</h3>
|
||||
<div class="answer">请先加作者 QQ ：304327508 ，备注来意，然后通过下方微信或支付宝进行支付，建议支付时备注上自己的 QQ 号，支付成功后会邀请进专业版客户群，可在群文件里下载专业版演示源码和模版源码。</div>
|
||||
<div class="answer">请先加作者 QQ ：304327508 ，或者点击右侧在线咨询，然后通过上方微信或支付宝进行支付，支付成功后将需提供一个源码接收邮箱地址，源码包含专业版演示源码和模版源码。</div>
|
||||
<div class="pay">
|
||||
<div class="wechat">
|
||||
<el-image :src="require('@/assets/images/wechat.png')" />
|
||||
|
||||
@@ -20,6 +20,9 @@ export default {
|
||||
message: res.map(p => `<p>${p}</p>`).join('')
|
||||
})
|
||||
})
|
||||
},
|
||||
open(url) {
|
||||
window.open(url, 'top')
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user