Toggle navigation
Toggle navigation
This project
Loading...
Sign in
Hooke
/
tswj
Go to a project
Toggle navigation
Toggle navigation pinning
Projects
Groups
Snippets
Help
Project
Activity
Repository
Pipelines
Graphs
Issues
0
Merge Requests
0
Wiki
Snippets
Network
Create a new issue
Builds
Commits
Issue Boards
Authored by
hookehuyr
2022-06-22 19:37:12 +0800
Browse Files
Options
Browse Files
Download
Email Patches
Plain Diff
Commit
41553e40e7820cf94368dd3e99118a7e8cd5604c
41553e40
1 parent
00dd99b7
✨ feat(快捷访问组件): 显示位置整体提高
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
17 additions
and
23 deletions
src/components/ShortcutFixed/index.vue
src/components/ShortcutFixed/index.vue
View file @
41553e4
<!--
* @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>
...
...
Please
register
or
login
to post a comment