tourism-wxapp/components/diy-classify/classify.less

page{
  background: #F7F7F7;
}
.cate_container{
  display: flex;
  min-height: 900rpx;
  .left_menu{
      width: 210rpx;
      //隐藏滚动条
      ::-webkit-scrollbar {
          width:0;
          height:0;
          color:transparent;
      }
      .left_content{
          background: #FFFFFF;
          .left_item{
              font-size: 30rpx;
              font-weight: 600;
              height: 80rpx;
              display: flex;
              align-items: center;
              justify-content: center;
          }
          .active{
              background: #41B1FF;
              color: #FFFFFF;
              font-size: 30rpx;
          }
      }
  }
  .right_menu{
      ::-webkit-scrollbar {
          width:0;
          height:0;
          color:transparent;
      }
      .right_content{
          display: flex;
          flex-wrap: wrap;
          .right_item{ 
              margin: 20rpx 0 0 35rpx;
              .image{
                  width: 150rpx;
                  height: 150rpx;
                  border-radius: 12rpx;
              }
              .name{
                  font-size: 24rpx;
                  text-align: center;
              }
          }
      }
  }
}