mui app在线更新

  • 一参考资料
  • 二代码
    • HTML代码
    • CSS代码
    • JS代码
    • 接口代码

 

一、参考资料

  • http://ask.dcloud.net.cn/article/182

二、代码

1. HTML代码

<div class="mui-content">
    <div class="mui-scroll"> <div class="login-img"> <img src="images/icon.png" width="20%" /> <p id="version">当前应用版本:p> div> div> <ul class="mui-table-view check" id="check"> <li class="mui-table-view-cell"> <div class="updateProDiv">更新进度: <progress value="" max="" id="proDownFile">progress> <span class="persent">span> div> <a href="#" id="update" class="mui-navigate-right">检查更新a> li> ul> div>

 

2. CSS代码

#version{margin-top:20px;font-size: 18px;} .check{margin-top: 58%;} .check li{padding: 16px 11px;} .check a{font-size: 20px;} .check p{font-size: 18px;margin-top: 5px;} progress {border-radius: 2px;border-left: 1px #ccc solid;border-right: 1px #ccc solid;border-top: 1px #aaa solid;background-color: #eee;} progress::-webkit-progress-bar {background-color: #d7d7d7;} progress::-webkit-progress-value {background-color: #aadd6a;} .updateProDiv {display: none;}

3. JS代码


                    
                    

你可能感兴趣的:(mui app在线更新)