小程序后台布局,B站的经典写法

 

视频,后台布局经验写法

https://www.bilibili.com/video/BV1nE41117BQ?p=108

 


 

小程序后台布局,B站的经典写法

相对路径是相对于父元素50%;

 

而如下平移是相对于自己元素宽度。

width: 90%;
transform: translateX(-50%);

 

.user_content{
  position: relative;
  .user_main{
    padding-bottom: 100rpx;
    color: #666;
    
    position: absolute;
    left: 50%;

    width: 90%;
    transform: translateX(-50%);
    top:-40rpx;

    .history_wrap{
      background-color: #fff;
      display: flex;
      navigator{
        flex: 1;
        text-align: center;
        padding: 10rpx 0;
        .his_num{
          color: var(--themeColor);
        }
        .his_name{}
      }
    }
上一篇:Cell Biolabs 检测试剂盒三部曲集合


下一篇:Leon and his Moon