Skip to content

T
tabulator-another-web
Commit ac58828e authored by xiaoye's avatar xiaoye
Browse files
Options

改为绝对定位

parent f694b8c4
Show whitespace changes
Inline Side-by-side
Showing with 19 additions and 10 deletions
src/pages/main.vue
View file @ ac58828e
<template> <template>
<view id = 'page'> <view id = 'page'>
<view id = 'head' class = 'click'> <view id = 'really' class = 'click head'>
<view> <view>
<button class = 'button' @click = 'page.show.drawer()'> <button class = 'button' @click = 'page.show.drawer()'>
<uni-icons :type = "page.menu ? page.drawer ? 'left' : 'search' : page.drawer ? 'left' : 'info'"></uni-icons> <uni-icons :type = "page.menu ? page.drawer ? 'left' : 'search' : page.drawer ? 'left' : 'info'"></uni-icons>
...@@ -22,6 +22,7 @@ ...@@ -22,6 +22,7 @@
</uni-list-chat> </uni-list-chat>
</uni-list> </uni-list>
</view> </view>
<view class = 'click head'><uni-list><uni-list-chat></uni-list-chat></uni-list></view>
<Pics></Pics> <Pics></Pics>
<transition name = 'move_right'> <transition name = 'move_right'>
<uni-card <uni-card
......
src/style/page.scss
View file @ ac58828e
#page { #page {
#head { .head {
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
display: grid; display: grid;
grid-template-columns: repeat(5, 1fr); grid-template-columns: repeat(5, 1fr);
grid-template-rows: 1fr; grid-template-rows: 1fr;
align-items: center; align-items: center;
position: relative;
:deep(.uni-list) { :deep(.uni-list) {
:hover { :hover {
cursor: pointer; cursor: pointer;
...@@ -15,6 +13,13 @@ ...@@ -15,6 +13,13 @@
width: 30%; width: 30%;
} }
} }
#really {
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
background-color: white;
position: fixed;
width: 100%;
z-index: 1;
}
#body { #body {
width: var(--size); width: var(--size);
margin: 0 auto; margin: 0 auto;
...@@ -27,9 +32,10 @@ ...@@ -27,9 +32,10 @@
} }
} }
:deep(#user) { :deep(#user) {
position: absolute; position: fixed;
top : 70px;
right: 2%; right: 2%;
z-index: 1; z-index: 2;
max-width: var(--size); max-width: var(--size);
width: 20%; width: 20%;
.user { .user {
...@@ -40,8 +46,9 @@ ...@@ -40,8 +46,9 @@
} }
} }
:deep(#drawer) { :deep(#drawer) {
position: absolute; position: fixed;
z-index: 1; top : 70px;
z-index: 2;
width: var(--size); width: var(--size);
height: 80%; height: 80%;
overflow-y: auto; overflow-y: auto;
...@@ -83,8 +90,9 @@ ...@@ -83,8 +90,9 @@
} }
.Pics { .Pics {
position: absolute; position: fixed;
z-index: 1; top : 70px;
z-index: 2;
right: 2%; right: 2%;
width: 50%; width: 50%;
:deep(.uni-card) { :deep(.uni-card) {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment