58 lines
1.3 KiB
Vue
58 lines
1.3 KiB
Vue
|
<template>
|
||
|
|
<div id="right-bottom">
|
||
|
|
<img v-if="isCN" width="150" alt="官方公众号" src="https://qn.antdv.com/wechat.jpeg">
|
||
|
|
<div v-if="isMobile" class="close" @click="visible = false">
|
||
|
|
<a-icon type="close" />
|
||
|
|
</div>
|
||
|
|
<!-- <span v-if="isCN">广告</span> -->
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import moment from 'moment';
|
||
|
|
const isEffective = (start, end) => {
|
||
|
|
return moment().isBetween(start, end);
|
||
|
|
};
|
||
|
|
export default {
|
||
|
|
components: {},
|
||
|
|
props: ['isCN', 'isMobile'],
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
visible: true,
|
||
|
|
ads: [
|
||
|
|
{
|
||
|
|
alt: 'geektime',
|
||
|
|
img: 'https://qn.antdv.com/geektime-web-small.jpg',
|
||
|
|
href: 'http://gk.link/a/10l8O',
|
||
|
|
visible: isEffective('2020-09-03 10:00:00', '2020-10-04 10:00:00'),
|
||
|
|
},
|
||
|
|
{
|
||
|
|
alt: 'powerproject',
|
||
|
|
img: 'https://qn.antdv.com/powerproject.jpeg?v=20200327',
|
||
|
|
href: 'http://www.powerproject.com.cn',
|
||
|
|
visible: isEffective('2020-03-27 17:00:00', '2020-09-28 17:00:00'),
|
||
|
|
},
|
||
|
|
],
|
||
|
|
};
|
||
|
|
},
|
||
|
|
};
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="less" scoped>
|
||
|
|
#right-bottom {
|
||
|
|
position: fixed;
|
||
|
|
bottom: 10px;
|
||
|
|
right: 10px;
|
||
|
|
width: 150px;
|
||
|
|
.close {
|
||
|
|
position: absolute;
|
||
|
|
text-align: center;
|
||
|
|
top: -8px;
|
||
|
|
right: -8px;
|
||
|
|
font-size: 16px;
|
||
|
|
padding: 15px;
|
||
|
|
color: #6e3041;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|