Hooke / tswj

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
41553e40 1 parent 00dd99b7

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

Inline Side-by-side
Showing 1 changed file with 17 additions and 23 deletions
1 +<!--
2 + * @Date: 2022-05-11 11:19:14
3 + * @LastEditors: hookehuyr hookehuyr@gmail.com
4 + * @LastEditTime: 2022-06-22 19:29:23
5 + * @FilePath: /tswj/src/components/ShortcutFixed/index.vue
6 + * @Description: 文件描述
7 +-->
1 <template> 8 <template>
2 - <div> 9 + <div class="shortcut-page">
3 - <van-image v-if="isHome" class="icon-home" :src="icon_home" @click="toHome" /> 10 + <van-image v-if="isHome" class="icon-box" :src="icon_home" @click="toHome" />
4 - <van-image v-if="isMe" class="icon-me" :src="icon_me" @click="toMe" /> 11 + <van-image v-if="isMe" class="icon-box" :src="icon_me" @click="toMe" />
5 - <van-image v-if="isRank" class="icon-rank" :src="icon_rank" @click="toRank" /> 12 + <van-image v-if="isRank" class="icon-box" :src="icon_rank" @click="toRank" />
6 </div> 13 </div>
7 </template> 14 </template>
8 15
...@@ -85,30 +92,17 @@ export default { ...@@ -85,30 +92,17 @@ export default {
85 </script> 92 </script>
86 93
87 <style lang="less" scoped> 94 <style lang="less" scoped>
88 -.icon-home { 95 +.shortcut-page {
89 - z-index: 169;
90 position: fixed; 96 position: fixed;
91 - right: 2rem; 97 + bottom: 12rem;
92 - bottom: 14rem; 98 + right: 1rem;
93 - width: 3rem; 99 + overflow: auto;
94 - height: 3rem;
95 -}
96 -
97 -.icon-me {
98 z-index: 169; 100 z-index: 169;
99 - position: fixed;
100 - right: 2rem;
101 - bottom: 10rem;
102 width: 3rem; 101 width: 3rem;
103 - height: 3rem;
104 } 102 }
105 - 103 +.icon-box {
106 -.icon-rank {
107 - z-index: 169;
108 - position: fixed;
109 - right: 2rem;
110 - bottom: 6rem;
111 width: 3rem; 104 width: 3rem;
112 height: 3rem; 105 height: 3rem;
106 + margin-bottom: 0.5rem;
113 } 107 }
114 </style> 108 </style>
......