Commit ac58828e authored by xiaoye's avatar xiaoye

改为绝对定位

parent f694b8c4
<template>
<view id = 'page'>
<view id = 'head' class = 'click'>
<view id = 'really' class = 'click head'>
<view>
<button class = 'button' @click = 'page.show.drawer()'>
<uni-icons :type = "page.menu ? page.drawer ? 'left' : 'search' : page.drawer ? 'left' : 'info'"></uni-icons>
......@@ -22,6 +22,7 @@
</uni-list-chat>
</uni-list>
</view>
<view class = 'click head'><uni-list><uni-list-chat></uni-list-chat></uni-list></view>
<Pics></Pics>
<transition name = 'move_right'>
<uni-card
......
#page {
#head {
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
.head {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-template-rows: 1fr;
align-items: center;
position: relative;
:deep(.uni-list) {
:hover {
cursor: pointer;
......@@ -15,6 +13,13 @@
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 {
width: var(--size);
margin: 0 auto;
......@@ -27,9 +32,10 @@
}
}
:deep(#user) {
position: absolute;
position: fixed;
top : 70px;
right: 2%;
z-index: 1;
z-index: 2;
max-width: var(--size);
width: 20%;
.user {
......@@ -40,8 +46,9 @@
}
}
:deep(#drawer) {
position: absolute;
z-index: 1;
position: fixed;
top : 70px;
z-index: 2;
width: var(--size);
height: 80%;
overflow-y: auto;
......@@ -83,8 +90,9 @@
}
.Pics {
position: absolute;
z-index: 1;
position: fixed;
top : 70px;
z-index: 2;
right: 2%;
width: 50%;
: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