UA 0.1.4发布

he wei

2022-11-13 b4816f6294646157b50bb49f1d19eaf306e0ac8c

 src/pages/qrcode.vue

@@ -2,9 +2,16 @@
  <div class="contain">
    <div class="inner">
      <!-- <a href="https://www.baidu.com" target="view_window">百度</a> -->
      <div class="info">请扫描二维码, 观看内阻计使用视频, 谢谢!</div>
      <div class="qrcode">
        <img src="/qrcode.jpg" alt="二维码" />
      <div class="info">请扫描二维码, 观看相关视频, 谢谢!</div>
      <div class="wrap">
        <div class="qrcode">
          <div class="img-contain"><img src="/qrcode.jpg" alt="二维码(仪表)" /></div>
          <!-- <div class="title">仪表操作视频</div> -->
        </div>
        <!-- <div class="qrcode">
          <div class="img-contain"><img src="/qrcode.jpg" alt="二维码(软件)" /></div>
          <div class="title">软件操作视频</div>
        </div> -->
      </div>
    </div>
  </div>
@@ -41,10 +48,29 @@
      font-style: italic;
      margin-bottom: 0.6em;
    }
    .wrap {
      display: flex;
      flex-direction: row;
    }
    .qrcode {
      box-shadow: 4px 4px 10px -2px #000;
      img {
        display: block;
      background: #fff;
      & + .qrcode {
        margin-left: 60px;
      }
      .title {
        background: transparent;
        padding: 10px 0;
      }
      .img-contain {
        width: 18em;
        height: 18em;
        // border: 2px solid #000;
        img {
          width: 100%;
          height: 100%;
          object-fit: contain;
        }
      }
    }
  }