Traffic-widget/miniprogram/pages/entry/index.scss

/* pages/entry/index.wxss */
.page {
  font-weight: 500;

  .title {
    background: linear-gradient(180deg, #2AB0FF 0%, #2F8AFF 100%);
    height: 240rpx;
    line-height: 176rpx;
    color: #FFFFFF;
    font-size: 24px;
    font-family: PingFangSC-Medium, PingFang SC;
    padding-left: 40rpx;
  }

  .main {
    background-color: #fff;
    position: absolute;
    top: 176rpx;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 36rpx;
    padding: 28rpx 40rpx 0 40rpx;

    .label {
      line-height: 84rpx;
      height: 84rpx;
      color: #222222;
      font-size: 24rpx;
      font-family: PingFangSC-Regular, PingFang SC;
    }

    .input {
      border: 1rpx solid #E5E5E5;
      padding: 6rpx;
      height: 72rpx;
      line-height: 72rpx;
      border-radius: 6rpx;
      font-size: 0;

      .inputTool {
        width: 425rpx;
        height: 100%;
        font-size: 30rpx;
        box-sizing: border-box;
        padding-left: 26rpx;
        display: inline-block;
      }

      .placeholder-style {
        color: #C5C5C5;
        font-size: 30rpx;
      }

      .buttom {
        background: linear-gradient(180deg, #26B4EC 0%, #2F8AFF 100%);
        color: #FFFFFF;
        display: inline-block;
        width: 230rpx;
        border-radius: 4rpx;
        height: 100%;
        line-height: 72rpx;
        font-size: 30rpx;
        padding: 0;
      }
    }


  }
}