<div class="box1" style="position: relative;width: 90%;margin: auto;">
  <div class="box2">
      <div>
          <span id="crtp" class="span1" style="display: block;">{{weather?.data?.forecast[0].type}}</span>
          <span id="interval_tp" style="display: block;" class="span2">{{juti}}</span>
          <span id="interval_tp" style="display: block;" class="span2">湿度:{{weather?.data?.shidu}}</span>
          <span id="interval_tp" style="display: block;" class="span2">空气质量:{{weather?.data?.quality}}</span>
      </div>
      <span class="span3">
        <i class="layui-icon layui-icon-location" style="color:#65B0FF">{{weather?.cityInfo?.city}}</i><span id="coordinate"></span>
      </span>
  </div>
  <div class="box3">
      <span id="crdate" class="span4">{{time}}</span>
      <div class="box4">
          <img [src]="image">
      </div>
      <span id="weekday" class="span5" style="display: flex;text-align: right;">{{weather?.data?.forecast[0].notice}}</span>
  </div>
</div>
