You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
61 lines
1.3 KiB
61 lines
1.3 KiB
<template>
|
|
<div class="snd-ad">
|
|
<div class="sponsorsWrap">
|
|
<span class="sponsorsTitle">
|
|
{{ title }}
|
|
</span>
|
|
<ul>
|
|
<li class="sponsorsItem">
|
|
<a
|
|
href="https://tipe.io/?ref=ant-design-vue"
|
|
target="_blank"
|
|
>
|
|
<img
|
|
height="51"
|
|
src="https://cdn.tipe.io/tipe/tipe-cat-no-text.svg"
|
|
alt="tipe"
|
|
>
|
|
</a>
|
|
</li>
|
|
<li
|
|
v-if="isEffective(effectiveTime.bmatch)"
|
|
class="sponsorsItem"
|
|
>
|
|
<a
|
|
href="https://www.youkeda.com?from=vue"
|
|
target="_blank"
|
|
>
|
|
<img
|
|
height="66"
|
|
src="https://cdn.nlark.com/yuque/0/2019/jpeg/87084/1554903046813-assets/web-upload/2dfca1bb-6927-4044-841d-2b0c9f908295.jpeg"
|
|
alt="bmatch"
|
|
>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
import moment from 'moment';
|
|
export default {
|
|
props: ['title'],
|
|
data() {
|
|
return {
|
|
top: 50,
|
|
effectiveTime : {
|
|
bmatch: {
|
|
start: '2019-03-11',
|
|
end: '2019-06-11',
|
|
},
|
|
},
|
|
};
|
|
},
|
|
methods: {
|
|
isEffective({start, end}){
|
|
return moment().isBetween(start, end);
|
|
},
|
|
},
|
|
};
|
|
</script>
|