AcidificationModel/pages/Soil Acidification/Soil Acidification.wxss

/* 普通文本样式 */
.containe {
  padding: 5px 5px;  /* 调整容器的内边距，减小文字与容器的距离 */
  line-height: 1;  /* 调整行高，控制文字的垂直间距 */
  margin-bottom: 2px;
}

.regular-text {
  font-size: 14px;  /* 设置字体大小 */
  color: #333333;
}


/* 父容器样式 */
.container {
  display: flex;
  flex-direction: column; /* 垂直排列 */
  align-items: center;    /* 居中对齐 */
  padding: 10px 0;        /* 增加上下内边距 */
  margin: 1px 20px 20px  20px;     /* 增加顶部外边距 */
}

/* 按钮样式 */
.full-width-button {
  width: 100%;            /* 按钮占满宽度 */
  padding: 5px 0;        /* 按钮内边距，控制高度 */
  margin: 15px 0;         /* 按钮间距 */
  background-color: #3EC01E; /* 按钮背景颜色 */
  color: white;           /* 按钮文字颜色 */
  font-size: 18px;        /* 按钮文字大小 */
  border: none;           /* 去除按钮边框 */
  outline: none;          /* 去除焦点边框 */
  text-align: center;     /* 文字居中 */
  border-radius: 5px;     /* 圆角效果 */
}

/* 按钮点击效果 */
.full-width-button:active {
  background-color: #299A0C; /* 按下按钮时的颜色变化 */
}

.navigat-arrow {
  padding: 5px;
  width: 700rpx;
  height: 400rpx;
}