MP-szs/pages/zzdy/index.wxss

/* pages/zzdy/index.wxss */
page {
  background: #f3f6fe;
}

/* 顶部背景图 */
.top-bg {
  position: relative;
  z-index: -1;
  width: 100%;
  height: auto;
}
.top-bg > image {
  width: 100%;
  height: auto;
}
/* 功能区 */
.content {
  margin-top: -200rpx;
  padding-top: 50rpx;
  width: 100%;
  border-radius: 60rpx 60rpx 0 0;
  background: #f3f6fe;
}
/* 底部选项卡 */
.none {
  width: 100%;
  height: 40px;
  padding-top: 30rpx;
  padding-bottom: env(safe-area-inset-bottom);
}
.tabs {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 999;
  background: #ffffff;
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding-top: 30rpx;
  padding-bottom: env(safe-area-inset-bottom);
}

.tabs .tab {
  flex: 1;
  height: 80rpx;
  text-align: center;
}

.tabs .tab > view:nth-child(1) {
  margin: auto;
  width: 44rpx;
  height: 50rpx;
  overflow: hidden;
}

.tabs .tab > view:nth-child(1) > image {
  width: 100%;
  height: auto;
}

.tabs .tab > view:nth-child(2) {
  width: 100%;
  height: 30rpx;
  font-size: 24rpx;
}