实例代码 - 手册网

实例代码返回格式化

<!DOCTYPE html>
<html lang="zh-cn">
	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta http-equiv="Cache-Control" content="no-siteapp"/>
		<meta name="renderer" content="webkit" />
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
        <meta name="description" content="PlaneUI" />
        <meta name="keywords" content="PlaneUI" />
		<title>文本等基本元素 - PlaneUI 组件示例</title>

test();  // Hello Tasty!

//Javascript Code
function test(){
    console.log("Hello Tasty!");
}

test();  // Hello Tasty!

//Javascript Code
function test(){
    console.log("Hello Tasty!");
}

test();  // Hello Tasty!
            </pre>
            <div class="pui-scrollable-vertical pui-left pui-border-transparent" style="width:400px;">
                adfsfsdfsadfdsf<br/>adfsfsdfsadfdsf<br/>adfsfsdfsadfdsf<br/>adfsfsdfsadfdsf<br/>adfsfsdfsadfdsf<br/>adfsfsdfsadfdsf<br/>adfsfsdfsadfdsf<br/>adfsfsdfsadfdsf<br/>adfsfsdfsadfdsf<br/>
                adfsfsdfsadfdsf<br/>adfsfsdfsadfdsf<br/>adfsfsdfsadfdsf<br/>adfsfsdfsadfdsf<br/>adfsfsdfsadfdsf<br/>adfsfsdfsadfdsf<br/>adfsfsdfsadfdsf<br/>adfsfsdfsadfdsf<br/>adfsfsdfsadfdsf<br/>
            </div>
            <div class="pui-scrollable-horizontal pui-left" style="width:50%;margin-left:15px;">
                <div class="bg-color-green text-white p10" style="width:2000px;height:240px;">
                     adfsfsdfsadfdsf<br/>adfsfsdfsadfdsffdfasdfasdfsadfasdfasdfasdfadsfadsfdsafsadfsadfdsaffdfdafadsf4t3tret34yhnvadfv agvvzxxcavdfagfdsgvdfvdfgvfdvdfsvdfvdfvasdfs<br/>  
                     adfsfsdfsadfdsf<br/>adfsfsdfsadfdsffdfasdfasdfsadfasdfasdfasdfadsfadsfdsafsadfsadfdsaffdfdafadsf4t3tret34yhnvadfv agvvzxxcavdfagfdsgvdfvdfgvfdvdfsvdfvdfvasdfs<br/> 
                     adfsfsdfsadfdsf<br/>adfsfsdfsadfdsffdfasdfasdfsadfasdfasdfasdfadsfadsfdsafsadfsadfdsaffdfdafadsf4t3tret34yhnvadfv agvvzxxcavdfagfdsgvdfvdfgvfdvdfsvdfvdfvasdfs<br/>       
                </div>
            </div>
            <div class="clear"></div>
            <br/><br/>
		</div>

<script type="text/javascript" src="./js/jquery-2.1.1.min.js"></script>

<script type="text/javascript" src="./../../dist/js/planeui.js"></script>
	</body>
</html>

​x
 
<!DOCTYPE html>
<html lang="zh-cn">
    <head>
        <meta charset="utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta http-equiv="Cache-Control" content="no-siteapp"/>
        <meta name="renderer" content="webkit" />
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
        <meta name="description" content="PlaneUI" />
        <meta name="keywords" content="PlaneUI" />
        <title>文本等基本元素 - PlaneUI 组件示例</title>
​
        <link rel="icon" type="image/png" href="favicon.png" />
        <link rel="stylesheet" type="text/css" href="../../dist/css/planeui.basic.css" />
    </head>
    <body>
        <div class="pui-layout" style="width:96%;">
            <br/>
            <h4>文本、段落、代码等基本元素 Basic & Texts</h4>
            <p><small>兼容情况： 支持 IE8及以上版本（IE 7及以下版本未测试）</small></p><br/>
            <br/>
            <h1 class="pui-normal">Hello World! <small>副标题文本</small></h1>