适配

zhangxiaoxu123456

2022-04-11 8317e320c373d5a08e8eaa95854cab828bd07ecd

适配

 src/assets/css/base.scss

@@ -1,11 +1,11 @@
$fontSize-20: 2rem;
$fontSize-24: 2.4rem;
$fontSize-26: 2.6rem;
$fontSize-28: 2.8rem;
$fontSize-30: 3rem;
$fontSize-32: 3.2rem;
$fontSize-38: 3.8rem;
$fontSize-48: 4.8rem;
$fontSize-20: 0.078125rem  /* 20/256 */;
$fontSize-24: 0.09375rem  /* 24/256 */;
$fontSize-26: 0.1015625rem  /* 26/256 */;
$fontSize-28: 0.109375rem  /* 28/256 */;
$fontSize-30: 0.1171875rem  /* 30/256 */;
$fontSize-32: 0.125rem  /* 32/256 */;
$fontSize-38: 0.1484375rem  /* 38/256 */;
$fontSize-48: 0.1875rem  /* 48/256 */;

$color-blue: #51D2FF;
$color-white: #fff;

 src/pages/show/index/index.vue

@@ -742,26 +742,26 @@
  .index-wrap{
    width: 100%;
    height: 100%;
    padding: 0 2rem  /* 10/10 */;
    padding: 0 0.078125rem  /* 20/256 */;
    box-sizing: border-box;
    .index-line-box{
      width: 100%;
      display: flex;
      margin-top: 3.2rem;
      margin-top: 0.125rem  /* 32/256 */;
      .yanglao-block{
        width: 59rem  /* 590/10 */;
        height: 23rem  /* 230/10 */;
        width: 2.3046875rem  /* 590/256 */;
        height: 0.8984375rem  /* 230/256 */;
        background:url("../../../assets/images/yanglao-block-bj.png") no-repeat center;
        background-size: 100% 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin: 0 2rem;
        margin: 0 0.078125rem  /* 20/256 */;
        position: relative;
        img{
          width: 8rem;
          height: 8rem;
          width: 0.3125rem  /* 80/256 */;
          height: 0.3125rem  /* 80/256 */;
        }
        h1{
          color: #fff;