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-24 13:22:05 +0800
Browse Files
Options
Browse Files
Download
Email Patches
Plain Diff
Commit
083b14dcba0c2d169f30992aa963d887f9bef326
083b14dc
1 parent
1d16be05
✨ feat(快捷访问控件): 新增自定义sytle,z-index提高
Hide whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
8 additions
and
5 deletions
src/components/ShortcutFixed/index.vue
src/views/client/chooseBook.vue
src/components/ShortcutFixed/index.vue
View file @
083b14d
<!--
* @Date: 2022-05-11 11:19:14
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2022-06-24
09:19:27
* @LastEditTime: 2022-06-24
13:19:43
* @FilePath: /tswj/src/components/ShortcutFixed/index.vue
* @Description: 文件描述
-->
<template>
<div class="shortcut-page">
<div class="shortcut-page"
:style="customStyle"
>
<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" />
...
...
@@ -21,7 +21,7 @@ import { icon_me, icon_home, icon_rank } from '@/utils/generateIcons.js'
<script>
// FIXME: VUE2写法
export default {
props: ['type', 'item'],
props: ['type', 'item'
, 'customStyle'
],
data() {
return {
userType: Cookies.get('userType') ? Cookies.get('userType') : ''
...
...
@@ -97,7 +97,7 @@ export default {
bottom: 18rem;
right: 1rem;
overflow: auto;
z-index:
16
9;
z-index:
99
9;
width: 3rem;
}
.icon-box {
...
...
src/views/client/chooseBook.vue
View file @
083b14d
...
...
@@ -49,7 +49,7 @@
</div>
<div style="height: 5rem" />
<donate-bar :donate-type="donateType">爱心助力</donate-bar>
<shortcut-fixed :type="USER_ROLE.CLIENT" :item="shortcutItem" />
<shortcut-fixed :type="USER_ROLE.CLIENT" :item="shortcutItem"
:custom-style="customStyle"
/>
</div>
</template>
...
...
@@ -82,6 +82,9 @@ if (isClient) {
} else {
shortcutItem.value = ['me']
}
const customStyle = {
bottom: '8rem'
}
const userType = Cookies.get('userType')
// 判断是访客进入还是幼儿园进入
...
...
Please
register
or
login
to post a comment