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

2021/8/18 20:36:16

本文主要是介绍小程序后台布局,B站的经典写法,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

 

视频,后台布局经验写法

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

 


 

相对路径是相对于父元素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{}
      }
    }


这篇关于小程序后台布局,B站的经典写法的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程