问题是因为页面超出,最简单的方法就是给超出页面各种大模块背景色或者边框线,加完之后一眼就能看出到底是哪个模块超出页面,修改一下宽度即可解决。
/**app.wxss**/
.container_box{
/* background-color: #fafafa; */
background-color:black;
height: 100vh;
/* overflow:hidden; */
}
.container {
background-color:blue;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
}
.partition{
background-color:brown;
height: 60rpx;
width: 100vh;
/* background-color: #fafafa; */
}
.placeholder{
background-color:burlywood;
font-size: small;
color: #f18b7f;
flex-grow: 1;
/* 居右 */
text-align: right;
}
.btnstyle{
background-color:blueviolet;
width: 320rpx;
height: 60rpx;
/* background-color: #F18B7F; */
font-size: medium;
color: white;
border-radius: 60rpx;
margin-right: 30rpx;
padding-bottom: 10rpx;
}