ant-design-vue/site/components/geektime.vue

54 lines
888 B
Vue
Raw Normal View History

2019-03-18 09:09:41 +00:00
<template>
2019-08-04 13:14:08 +00:00
<div
v-show="visible"
id="geektime"
>
2019-03-18 09:09:41 +00:00
<a
2019-03-18 09:27:45 +00:00
href="https://time.geekbang.org/course/intro/163?code=KHKYcoBU6vZa8nMglg7AWfDxxi3BWrz9INAzAY3umPk%3D"
2019-03-18 09:09:41 +00:00
target="_blank"
>
<img
2019-07-04 10:28:27 +00:00
width="170"
2019-03-18 09:09:41 +00:00
alt="Vue 实战教程"
2019-08-22 10:29:50 +00:00
src="http://qn.antdv.com/geektime-vue.jpeg"
2019-03-18 09:09:41 +00:00
>
</a>
2019-08-04 13:14:08 +00:00
<div
v-if="isMobile"
class="close"
@click="visible=false"
>
<a-icon type="close" />
2019-07-04 10:28:27 +00:00
</div>
</div>
2019-03-18 09:09:41 +00:00
</template>
<script>
export default {
2019-07-04 10:28:27 +00:00
props: ['isMobile'],
data() {
return {
2019-08-04 13:14:08 +00:00
visible: true,
};
},
2019-03-18 09:09:41 +00:00
};
</script>
2019-07-04 10:28:27 +00:00
<style lang="less" scoped>
2019-03-18 09:09:41 +00:00
#geektime {
position: fixed;
2019-03-19 07:35:51 +00:00
bottom: 15px;
right: 15px;
2019-07-04 10:28:27 +00:00
.close {
position: absolute;
text-align: center;
top: -8px;
right: -8px;
font-size: 16px;
padding: 15px;
color: #6e3041;
}
2019-03-18 09:09:41 +00:00
}
</style>