Skip to content
腾讯移动Web前端框架
JavaScript CSS
Branch: master
Clone or download

Latest commit

Fetching latest commit…
Cannot retrieve the latest commit at this time.

Files

Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
css
demo Update class name references. Feb 21, 2014
doc Update doc. Feb 21, 2014
img Initial push Feb 14, 2014
js Class "js-page-content" change to "ui-page-content". Feb 21, 2014
task
vendor/requirejs Initial push Feb 14, 2014
.gitignore
Modfile.js
README.md
bower.json Add bower file. Feb 27, 2014
package.json

README.md

Pro

Framework for mobile platform.

Features

  • Mobile Only
  • High performance
  • Accessibility Support
  • Custom build support

Screenshot

screenshot1

screenshot2

Demo

Scan below QR code or visit http://url.cn/NDKvRr on your handset.

qrcode

Basic template

Copy the HTML below to begin working with a minimal PRO document.

<!DOCTYPE html>
<html>
<head>
    <meta charset='utf-8'>
    <title>PRO Template</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">

    <!-- PRO CSS -->
    <link rel="stylesheet" type="text/css" href="css/pro.css">
</head>
<body class="ui-app">

    <div class="ui-top-bar js-no-bounce">
        PRO Template
    </div>

    <div class="ui-bottom-bar js-no-bounce" role="toolbar" tabindex="0">
        <button class="ui-bottom-bar-button js-active" data-toggle="tab" data-target="#page1">
            <span class="ui-icon"></span>
            <span class="ui-label">CSS</span>
        </button>
        </div>
    </div>

    <div id="page1" class="ui-page js-active">
        <div class="ui-page-content">
             <h1>Hello, world!</h1>
        </div>
    </div>

    <!-- PRO JS -->
    <script src="js/pro.js"></script>
  </body>
</html>

Platform support

Current version have been tested on the below platforms:

  • iOS 4.0-7.0
    • iOS 4.3 (iPad 1)
    • iOS 5.1 (iPhone 4)
    • iOS 6.1 (iPhone 4S)
    • iOS 7.0 (iPhone 5)
  • Android 2.3-4.4
    • Android 2.3 (ZTE)
    • Android 4.0 (HTC Rhyme S510B)
    • Android 4.1 (LG Optimus G)
    • Android 4.2 (Sony Xperia Z)
    • Android 4.3 (Nexus 4)
    • Android 4.4 (Nexus 4)

Built with Pro

  • Mobile QQ
You can’t perform that action at this time.