1、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代码


                    
                    

你可能感兴趣的:(技术)