V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX  ›  beilo  ›  全部回复第 1 页 / 共 2 页
回复总数  26
1  2  
68 天前
回复了 beilo 创建的主题 React react 有哪些热门的论坛吗?
@imjamespond 英文渣渣,只能在里面找找解决方案
68 天前
回复了 beilo 创建的主题 React react 有哪些热门的论坛吗?
@azcvcza 学会了。谢谢大佬 有空我也去了解下
68 天前
回复了 beilo 创建的主题 React react 有哪些热门的论坛吗?
@hellangel2020 就觉得广告有点多,很多都是复制的。也就不怎么逛了
68 天前
回复了 beilo 创建的主题 React react 有哪些热门的论坛吗?
@EasonC github 怎么看想关注的技术呀
@fiveelementgid 唉,如果不是迫不得已。我也没办法
@Unclev21x 谢谢老哥。那看来不带棉衣是正确的。哈哈哈
@Myprincess 基本没打算在深圳买房,家是湖南的。深圳算是比较近点的
@pangleon 也考虑过广州,如果深圳找不到好的工作可能会考虑长沙和广州的。特别喜欢吃肠粉。
看来深圳蟑螂是真的多
@RoniDo 十分感谢。感觉很有用
@RivetCity 不打算深圳买房的。
@hejw19970413 看你的描述,深圳压力比上海大多了。
@mokeyjay 碰上了也没辙。好像自己运气一直这样不好
@Richardweii 我查了下,能转移的只有公积金和养老金对吧。医保能弄吗
@colorfulberry 嗯呐 谢谢。主要是不想在上海再待下去了。离家太远了
@rainfallmax 刚好都没带 哈哈哈
@ChanKc
height: 100%就是父元素的 100%,也就是算出 70vh
这句话让我突然明白了,我一直误以为是剩余的空间。现在我明白了。
谢谢
我贴出我案例的代码

.App {
font-family: sans-serif;
text-align: center;
}
.heigth-80 {
height: 80px;
background: #223333;
}
.mask-bg {
width: 100%;
height: 100%;
position: fixed;
left: 0px;
top: 0px;
background: rgba(0, 0, 0, 0.4);
z-index: 11;
}
.dialog {
height: 70vh;
background: white;
position: fixed;
width: 100%;
left: 0px;
bottom: 0px;
border-radius: 18px 18px 0px 0px;
padding: 0 !important;
width: 100%;
box-sizing: border-box;
}
.tab {
height: 50px;
}
ul,
li {
list-style: none;
margin: 0;
padding: 0;
}
ul {
padding: 10px 25px;
}
li {
display: flex;
min-height: 44px;
align-items: center;
line-height: 40px;
background: #faf;
}
.yellow {
background: yellow;
}
.content {
overflow-y: scroll;
height: 100%;
}
.content::after {
content: " ";
display: block;
height: 80px;
background: blue;
}
.bottom-fixed-popup {
position: fixed;
height: 50px;
background: red;
left: 0px;
bottom: 0px;
width: 100%;
padding: 0px 5%;
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
}


// 上面是 css

import React from "react";
import "./styles.css";

export default function App() {
const list = [];
const listBg = [];
for (let index = 0; index < 20; index++) {
list.push(index);
}
for (let index = 0; index < 100; index++) {
listBg.push(index);
}
return (
<div className="App">
{listBg.map(item => (
<li className="yellow">我是背景{item}</li>
))}
<div className="mask-bg">
<div className="dialog">
<div className="tab">我是标题</div>
<div className="content">
<ul>
{list.map(item => (
<li>我是子项{item}</li>
))}
</ul>
<div className="heigth-80" />
</div>
{/* <div className="bottom-fixed-popup " /> */}
</div>
</div>
</div>
);
}
@ChanKc 我写了个案例,底下蓝色是::after,和黑色是同一高度 80px

https://07vry.csb.app/
@ChanKc 大概效果就是这样的
1  2  
关于   ·   帮助文档   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   2532 人在线   最高记录 5497   ·     Select Language
创意工作者们的社区
World is powered by solitude
VERSION: 3.9.8.5 · 16ms · UTC 16:09 · PVG 00:09 · LAX 08:09 · JFK 11:09
♥ Do have faith in what you're doing.