.page { width: 100%; height: 100vh; overflow: scroll; background-color: #F4F4F4 !important; } /* 搜索 */ .search-head { position: fixed; left: 0; // top: 86rpx; z-index: 10; display: flex; justify-content: center; align-items: center; width: 100%; /* #ifdef APP-PLUS */ // height: calc(120rpx + var(--status-bar-height)); /* #endif */ padding: 20rpx; background-color: #F4F4F4; .search { display: flex; align-items: center; width: 100%; height: 80rpx; background: rgba(255, 255, 255, 1); border: 0; border-radius: 30rpx; padding:0 25rpx; image { width: 34rpx; height: 34rpx; } text{ width: 2rpx; height: 24rpx; background-color:#D8D8D8; margin: 0 18rpx; } input { width: 58%; height: 100%; font-size: 28rpx; color: #646464; } } .btn { display: flex; align-items: center; justify-content: center; position: absolute; right: 30rpx; background-color: #D32D25; border-radius: 100rpx; padding: 12rpx 25rpx; text { font-size: 28rpx; color: #fff; } } } .listBox{ position: relative; z-index: 1; } .content { width: 100%; } .item{ width: 98%; padding: 30rpx; border-radius: 20rpx; display: flex; justify-content: space-between; align-items: center; background-color: white; margin: 0 auto; margin-top: 20rpx; .comName{ margin-left: 20rpx; font-size: 30rpx; font-weight: bold; } } .comTime{ margin-right: 20rpx; } .more-content{ display: flex; align-items: center; image{ width: 100rpx; height: 100rpx; border-radius: 100%; } .more-content-img { image { width: 24rpx; height: 24rpx; } } }