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.
42 lines
789 B
42 lines
789 B
4 years ago
|
<template>
|
||
|
<div v-show="visible" id="geektime">
|
||
|
<a
|
||
|
href="https://time.geekbang.org/course/intro/100024601?code=KHKYcoBU6vZa8nMglg7AWfDxxi3BWrz9INAzAY3umPk%3D"
|
||
|
target="_blank"
|
||
|
>
|
||
|
<img width="150" alt="Vue 实战教程" src="https://qn.antdv.com/geektime-vue.jpeg" />
|
||
|
</a>
|
||
|
<div class="close" @click="visible = false">
|
||
|
<a-icon type="close" />
|
||
|
</div>
|
||
|
</div>
|
||
|
</template>
|
||
|
|
||
|
<script>
|
||
|
export default {
|
||
|
props: ['isMobile'],
|
||
|
data() {
|
||
|
return {
|
||
|
visible: true,
|
||
|
};
|
||
|
},
|
||
|
};
|
||
|
</script>
|
||
|
|
||
|
<style lang="less" scoped>
|
||
|
#geektime {
|
||
|
position: fixed;
|
||
|
bottom: 10px;
|
||
|
right: 10px;
|
||
|
.close {
|
||
|
position: absolute;
|
||
|
text-align: center;
|
||
|
top: -8px;
|
||
|
right: -8px;
|
||
|
font-size: 16px;
|
||
|
padding: 15px;
|
||
|
color: #6e3041;
|
||
|
}
|
||
|
}
|
||
|
</style>
|