qinyongbo / Pro

腾讯移动Web前端框架

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

About

腾讯移动Web前端框架


Languages

Language:JavaScript 74.3%Language:HTML 13.1%Language:CSS 12.5%