Skip to content
腾讯移动Web前端框架
JavaScript CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
css Fix group button active style. Feb 27, 2014
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 Insert final newline. Feb 17, 2014
vendor/requirejs Initial push Feb 14, 2014
.gitignore Initial push Feb 14, 2014
Modfile.js Update server task options. Feb 18, 2014
README.md Add short link for demo url. Mar 4, 2014
bower.json Add bower file. Feb 27, 2014
package.json Initial push Feb 14, 2014

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.