hookehuyr

✨ feat(快捷访问组件): 显示位置整体提高

<!--
* @Date: 2022-05-11 11:19:14
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2022-06-22 19:29:23
* @FilePath: /tswj/src/components/ShortcutFixed/index.vue
* @Description: 文件描述
-->
<template>
<div>
<van-image v-if="isHome" class="icon-home" :src="icon_home" @click="toHome" />
<van-image v-if="isMe" class="icon-me" :src="icon_me" @click="toMe" />
<van-image v-if="isRank" class="icon-rank" :src="icon_rank" @click="toRank" />
<div class="shortcut-page">
<van-image v-if="isHome" class="icon-box" :src="icon_home" @click="toHome" />
<van-image v-if="isMe" class="icon-box" :src="icon_me" @click="toMe" />
<van-image v-if="isRank" class="icon-box" :src="icon_rank" @click="toRank" />
</div>
</template>
......@@ -85,30 +92,17 @@ export default {
</script>
<style lang="less" scoped>
.icon-home {
z-index: 169;
.shortcut-page {
position: fixed;
right: 2rem;
bottom: 14rem;
width: 3rem;
height: 3rem;
}
.icon-me {
bottom: 12rem;
right: 1rem;
overflow: auto;
z-index: 169;
position: fixed;
right: 2rem;
bottom: 10rem;
width: 3rem;
height: 3rem;
}
.icon-rank {
z-index: 169;
position: fixed;
right: 2rem;
bottom: 6rem;
.icon-box {
width: 3rem;
height: 3rem;
margin-bottom: 0.5rem;
}
</style>
......