|
- <!DOCTYPE html>
- <html>
- <!--var hm = document.createElement("script");-->
- <!--hm.src = "https://hm.baidu.com/hm.js?4b3fd515907f4daca589f0137bc04349";-->
- <!--var s = document.getElementsByTagName("script")[0];-->
- <!--s.parentNode.insertBefore(hm, s);-->
- <!--})();-->
- <script src="https://hm.baidu.com/hm.js?4b3fd515907f4daca589f0137bc04349" type="text/javascript"></script>
- <head>
- <meta charset="utf-8">
- <link rel="shortcut icon" href="./static/image/favicon.ico">
- <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
- <style>
- .ub
- {
- display: -webkit-box;
- display: -moz-box;
- position:relative;
- }
- /*以反方向显示 div 框的子元素*/
- .ub-rev
- {
- -webkit-box-direction:reverse;
- -moz-box-direction:reverse;
- }
-
- .ub-fh
- {
- width:100%;
- }
-
- .ub-fv
- {
- height:100%;
- }
-
- .ub-con
- {
- position:absolute;
- width:100%;
- height:100%;
- }
- /*通过使用 box-align and box-pack 属性,居中 div 框的子元素*/
- .ub-ac
- {
- -webkit-box-align:center;
- -moz-box-align:center;
- }
- /*通过使用 box-align and box-pack :end属性,右下 div 框的子元素*/
- .ub-ae
- {
- -webkit-box-align:end;
- -moz-box-align:end;
- }
-
- .ub-pc
- {
- -webkit-box-pack:center;
- -moz-box-pack:center;
- }
- .ub-pe
- {
- -webkit-box-pack:end;
- -moz-box-pack:end;
- }
- /*不知道*/
- .ub-pj
- {
- -webkit-box-pack:justify;
- -moz-box-pack:justify;
- }
- /*从上向下垂直排列子元素。*/
- .ub-ver
- {
- -webkit-box-orient:vertical;
- -moz-box-orient:vertical;
- }
- /*box-flex主要让子容器针对父容器的宽度按一定规则进行划分*/
- .ub-f1
- {
- position:relative;
- -webkit-box-flex: 1;
- -moz-box-flex: 1;
- }
-
- .ub-f2
- {
- position:relative;
- -webkit-box-flex: 2;
- -moz-box-flex: 2;
- }
-
- .ub-f3
- {
- position:relative;
- -webkit-box-flex: 3;
- -moz-box-flex: 3;
- }
-
- .ub-f4
- {
- position:relative;
- -webkit-box-flex: 4;
- -moz-box-flex: 4;
- }
-
- </style>
- <title>蜘蛛出行 安全、舒适、便捷</title>
- </head>
- <body>
- <div id="app"></div>
- <!-- built files will be auto injected -->
- </body>
- </html>
|