Pro Framework腾讯移动Web前端框架

联合创作 · 2023-09-25 00:55

Pro 是腾讯移动Web前端框架。

主要特性

  • 仅支持移动端

  • 高性能

  • 支持 Accessibility

  • 支持自定义构建

截图

screenshot2

示例

扫描二维码,或者访问 http://url.cn/NDKvRr

qrcode

基础模板

复制一下 HTML,然后查看 Pro 文档:

<!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>

支持的平台

当前版本已经通过以下平台的测试:

  • 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)

浏览 12
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报