收藏
回答

为什么flex布局不生效?

.page{

  height: 100%;

}

.cates {

  height: 100%;

  .cates_container {

    height: calc(100vh - 90rpx);

    display: flex;

    .left_menu { 

      flex:2;

      min-width: 130px;

      width: 30%;

      

      .menu_item {

        margin-top: 10rpx;

        height: 80rpx;

        display: flex;

        justify-content: center;

        align-items: center;

        font-size: 30rpx;

      }

      .active {

        font-weight: bolder;

        color: var(--themeColor);

        border-left: 8rpx solid currentColor;

      }

    }


    .rignt_content {

      flex: 5;

      .productType { 

        padding:30rpx 20rpx 30rpx 20rpx;

        .productType_title {

          font-weight: bolder;

        }

        .product_list {

          navigator {

             display: flex;

            image {

             flex:1;

            }

            .right {

             flex: 3;

              .product_name {

              }

              .product_price {

                

              }

            }

          }

        }

      }


    }

  }

}

回答关注问题邀请回答
收藏

1 个回答

  • 启年
    启年
    03-29

    要么做一个代码片段,

    要么在开发者工具里边,自己打开调试器、选择WXML ,看右侧的styles,选择相关的dom, 直接调试

    03-29
    有用 1
    回复
登录 后发表内容