@zengqiao@首页更新

2019/bj-zqzt/biz/css/base.css

@@ -7578,3 +7578,81 @@ ul li .details-info {
.comment-reason.ipu-form-item>div {
  padding-right: 0;
}
/*更新提醒*/
.update-slide {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 200;
  background: rgba(24,26,28,0.62);
  -webkit-transition: top 300ms ease-out;
  transition: top 300ms ease-out;
  display: none;
}
.update-slide.active{
  top: 0;
  display: block;
}
.update-content-area {
  background:rgba(255,255,255,1);
  border-radius:.045rem;
  width: 3.05rem;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  padding: .84rem .25rem .21rem;
}
.update-content-title {
  background-image: linear-gradient(229deg, #3A93FF 0%, #456DFF 100%);
  font-size: .2rem;
  font-weight:bold;
  line-height:.27rem;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  text-align:center;
}
.update-content-body {
  font-size: .13rem;
  color: #8E9399;
  margin: .25rem .09rem;
}
.update-tips {
  margin-top: .2rem;
  font-size: .14rem;
  color: #8E9399;
  text-align: right;
}
.update-tips .ipu-checkbox input[type=checkbox]:checked:before {
   background: #3F93F8;
   border-color: #3F93F8;
 }
.update-content-pic {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1.44rem;
  height: 1.07rem;
  transform: translate(-50%,-50%);
  background: url(../img/update.png) center center no-repeat;
  background-size: contain;
}
.update-close-btn {
  position:absolute;
  top: .18rem;
  right: .18rem;
  color: #8E9399;
}
.update-version {
  font-family: SourceHanSansCN-Medium;
  font-size: .12rem;
  color: #8E9399;
  position:absolute;
  bottom: 0;
  right: .35rem;
}

2019/bj-zqzt/biz/js/index.js

@@ -576,6 +576,7 @@ require(['jquery', 'ipuUI', 'echarts', "iScroll", 'LeftSwipe', 'Hammer'], functi
        location.href = "work-sheet.html";
      } else if (text == "日志") {
        console.log("跳转至日志");
        $(".update-slide").addClass("active");
      } else if (text == "楼宇") {
        location.href = "building-management.html";
      }
@@ -591,5 +592,20 @@ require(['jquery', 'ipuUI', 'echarts', "iScroll", 'LeftSwipe', 'Hammer'], functi
      }
    });
    // 我知道了
    $(".confirm-btn").click(function () {
      $(this).parents(".update-slide").removeClass("active");
    });
    // 点空白区域关闭更新
    $(".update-slide").click(function (e) {
      if($(e.target).hasClass("update-slide")){
        $(this).removeClass("active");
      }
    });
    // 关闭按钮
    $(".update-close-btn").click(function () {
      $(this).parents(".update-slide").removeClass("active");
    });
  });
});

2019/bj-zqzt/index.html

@@ -812,6 +812,28 @@
    </div>
  </div>
  <div class="update-slide active">
    <div class="update-content-area">
      <div class="update-content-pic"></div>
      <i class="iconfont-material icon-close update-close-btn"></i>
      <div style="position:relative">
        <div class="update-content-title">发现新版本</div>
        <div class="update-version">v1.12</div>
      </div>
      <div class="update-content-body">
        1. 新增工单“查进度”功能<br/>
        2. 优化语音输入功能<br/>
        3. 修复语音输入无法带出键盘，优化体验<br/>
      </div>
      <div class="ipu-btn common-btn confirm-btn">我知道了</div>
      <div class="update-tips">
        <label class="ipu-checkbox ipu-checkbox-s ipu-checkbox-square">
          <input type="checkbox">下次登录不再提醒
        </label>
      </div>
    </div>
  </div>
</div>
</body>
</html>