├── .gitignore
├── LICENSE
├── README.md
├── answer
    ├── index.html
    ├── screen
    │   ├── screen01.png
    │   └── screen02.png
    └── thumbnail.png
├── common
    ├── images
    │   └── round
    │   │   ├── round-inner.png
    │   │   ├── round-light.png
    │   │   ├── round-light2.png
    │   │   ├── round-outer.png
    │   │   ├── round-scan-light.png
    │   │   ├── round-scan.png
    │   │   └── round.psd
    ├── round.html
    ├── round.jpg
    └── round.png
├── css
    ├── .svn
    │   ├── all-wcprops
    │   ├── entries
    │   └── text-base
    │   │   ├── bui.css.map.svn-base
    │   │   ├── bui.css.svn-base
    │   │   └── bui_weixin.css.svn-base
    ├── bui.css
    └── bui_weixin.css
├── detail
    ├── answer.html
    ├── answer.jpg
    ├── answer.png
    ├── chat.html
    ├── chat.jpg
    └── chat.png
├── font
    ├── .svn
    │   ├── all-wcprops
    │   ├── entries
    │   ├── prop-base
    │   │   ├── iconfont.eot.svn-base
    │   │   ├── iconfont.ttf.svn-base
    │   │   └── iconfont.woff.svn-base
    │   └── text-base
    │   │   ├── demo.css.svn-base
    │   │   ├── demo.html.svn-base
    │   │   ├── iconfont.css.svn-base
    │   │   ├── iconfont.eot.svn-base
    │   │   ├── iconfont.svg.svn-base
    │   │   ├── iconfont.ttf.svn-base
    │   │   └── iconfont.woff.svn-base
    ├── demo.css
    ├── demo.html
    ├── iconfont.css
    ├── iconfont.eot
    ├── iconfont.svg
    ├── iconfont.ttf
    └── iconfont.woff
├── form
    ├── search.html
    ├── search.jpg
    └── search.png
├── images
    ├── .svn
    │   ├── all-wcprops
    │   ├── entries
    │   ├── prop-base
    │   │   ├── applogo.png.svn-base
    │   │   ├── date.png.svn-base
    │   │   ├── face.png.svn-base
    │   │   ├── loading.gif.svn-base
    │   │   ├── pic.jpg.svn-base
    │   │   ├── slideshow.png.svn-base
    │   │   └── vcode.jpg.svn-base
    │   └── text-base
    │   │   ├── applogo.png.svn-base
    │   │   ├── date.png.svn-base
    │   │   ├── face.png.svn-base
    │   │   ├── loading.gif.svn-base
    │   │   ├── pic.jpg.svn-base
    │   │   ├── slideshow.png.svn-base
    │   │   └── vcode.jpg.svn-base
    └── applogo.png
├── index
    ├── images
    │   ├── .svn
    │   │   ├── all-wcprops
    │   │   ├── entries
    │   │   ├── prop-base
    │   │   │   ├── Personal1-bg-personal1.png.svn-base
    │   │   │   ├── Personal1-img-face.png.svn-base
    │   │   │   ├── Personal3-img-contact.png.svn-base
    │   │   │   ├── index2-img.png.svn-base
    │   │   │   ├── index3-img.png.svn-base
    │   │   │   └── index4-img.png.svn-base
    │   │   └── text-base
    │   │   │   ├── Personal1-bg-personal1.png.svn-base
    │   │   │   ├── Personal1-img-face.png.svn-base
    │   │   │   ├── Personal3-img-contact.png.svn-base
    │   │   │   ├── index2-img.png.svn-base
    │   │   │   ├── index3-img.png.svn-base
    │   │   │   └── index4-img.png.svn-base
    │   ├── Personal3-img-contact.png
    │   ├── index2-img.png
    │   ├── index3-img.png
    │   ├── index4-img.png
    │   └── round
    │   │   ├── round-inner.png
    │   │   ├── round-light.png
    │   │   ├── round-light2.png
    │   │   ├── round-outer.png
    │   │   ├── round-scan-light.png
    │   │   ├── round-scan.png
    │   │   └── round.psd
    ├── index1.html
    ├── index1.jpg
    ├── index1.png
    ├── index2.html
    ├── index2.jpg
    ├── index2.png
    ├── index3.html
    ├── index3.jpg
    ├── index3.png
    ├── index4.html
    ├── index4.jpg
    └── index4.png
├── js
    ├── .svn
    │   ├── all-wcprops
    │   ├── dir-prop-base
    │   ├── entries
    │   ├── text-base
    │   │   ├── bingotouch.js.svn-base
    │   │   ├── bui.js.svn-base
    │   │   ├── cordova.js.svn-base
    │   │   └── zepto.js.svn-base
    │   └── tmp
    │   │   ├── bui.js.2.tmp
    │   │   └── bui.js.tmp
    ├── app
    │   ├── .svn
    │   │   ├── all-wcprops
    │   │   ├── entries
    │   │   └── text-base
    │   │   │   └── _config.js.svn-base
    │   └── _config.js
    ├── bingotouch.js
    ├── bui.js
    ├── cordova.js
    ├── jquery.min.js
    ├── plugins
    │   ├── .svn
    │   │   ├── all-wcprops
    │   │   ├── entries
    │   │   └── text-base
    │   │   │   ├── fastclick.js.svn-base
    │   │   │   └── vue.min.js.svn-base
    │   ├── fastclick.js
    │   └── vue.min.js
    └── zepto.js
├── list
    ├── schedule.html
    ├── schedule.jpg
    ├── schedule.png
    ├── status.html
    ├── status.jpg
    └── status.png
├── login
    ├── login1.html
    ├── login1.jpg
    ├── login1.png
    ├── register.html
    ├── register.jpg
    └── register.png
├── matual
    ├── alipay.html
    ├── alipay.jpg
    └── alipay.png
└── personal
    ├── images
        ├── .svn
        │   ├── all-wcprops
        │   ├── entries
        │   ├── prop-base
        │   │   ├── Personal1-bg-personal1.png.svn-base
        │   │   ├── Personal1-img-face.png.svn-base
        │   │   ├── Personal3-img-contact.png.svn-base
        │   │   ├── index2-img.png.svn-base
        │   │   ├── index3-img.png.svn-base
        │   │   └── index4-img.png.svn-base
        │   └── text-base
        │   │   ├── Personal1-bg-personal1.png.svn-base
        │   │   ├── Personal1-img-face.png.svn-base
        │   │   ├── Personal3-img-contact.png.svn-base
        │   │   ├── index2-img.png.svn-base
        │   │   ├── index3-img.png.svn-base
        │   │   └── index4-img.png.svn-base
        ├── Personal1-bg-personal1.png
        ├── Personal1-img-face.png
        └── Personal3-img-contact.png
    ├── personal1.html
    ├── personal1.jpg
    ├── personal1.png
    ├── personal2.html
    ├── personal2.jpg
    ├── personal2.png
    ├── personal3.html
    ├── personal3.jpg
    ├── personal3.png
    ├── personal4.html
    ├── personal4.jpg
    └── personal4.png


/.gitignore:
--------------------------------------------------------------------------------
1 | 
2 | prepros-6.config
3 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2017 imouou
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # BUI-Scenes
2 | 移动终端常用的场景页
3 | 


--------------------------------------------------------------------------------
/answer/screen/screen01.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/answer/screen/screen01.png


--------------------------------------------------------------------------------
/answer/screen/screen02.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/answer/screen/screen02.png


--------------------------------------------------------------------------------
/answer/thumbnail.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/answer/thumbnail.png


--------------------------------------------------------------------------------
/common/images/round/round-inner.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/common/images/round/round-inner.png


--------------------------------------------------------------------------------
/common/images/round/round-light.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/common/images/round/round-light.png


--------------------------------------------------------------------------------
/common/images/round/round-light2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/common/images/round/round-light2.png


--------------------------------------------------------------------------------
/common/images/round/round-outer.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/common/images/round/round-outer.png


--------------------------------------------------------------------------------
/common/images/round/round-scan-light.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/common/images/round/round-scan-light.png


--------------------------------------------------------------------------------
/common/images/round/round-scan.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/common/images/round/round-scan.png


--------------------------------------------------------------------------------
/common/images/round/round.psd:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/common/images/round/round.psd


--------------------------------------------------------------------------------
/common/round.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE HTML>
  2 | <html lang="en-US">
  3 | <head>
  4 | <meta name="author" content="王伟深" />
  5 | <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
  6 | <title>index3</title>
  7 | <meta name="format-detection" content="telephone=no" />
  8 | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
  9 | <link rel="stylesheet" href="../css/bui.css" /> 
 10 | <script src="../js/zepto.js"></script>
 11 | <script src="../js/plugins/fastclick.js"></script>
 12 | <script src="../js/bui.js"></script>
 13 | <script src="../js/app/_config.js"></script>
 14 | <style type="text/css">
 15 | 
 16 |     /*圆圈旋转动画*/
 17 |     .round-wrap {
 18 |         background: #0072c6;
 19 |         padding:1rem 0;
 20 |     }
 21 |     .round-animate {
 22 |         width: 3rem;
 23 |         height: 3rem;
 24 |         overflow: hidden;
 25 |         margin: 0 auto;
 26 |         position: relative;
 27 |     }
 28 |     .round-animate img{
 29 |         max-width: 100%;
 30 |         max-height: 100%;
 31 |         vertical-align: top;
 32 |     }
 33 |     .round-animate .round-scan-light ,
 34 |     .round-animate .round-scan ,
 35 |     .round-animate .round-light ,
 36 |     .round-animate .round-inner ,
 37 |     .round-animate .round-outer {
 38 |         width: 100%;
 39 |         height: 100%;
 40 |         background: url("images/round/round-outer.png") center no-repeat;
 41 |         background-size: auto 100%;
 42 |         position: absolute;
 43 |         top: 0;
 44 |         left: 0;
 45 |         right: 0;
 46 |         bottom: 0;
 47 |         z-index: 10;
 48 |     }
 49 |     .round-animate .round-light {
 50 |         background-image: url("images/round/round-light.png");
 51 |     }
 52 |     .round-animate .round-inner {
 53 |         background-image: url("images/round/round-inner.png");
 54 |     }
 55 |     .round-animate .round-scan {
 56 |         background-image: url("images/round/round-scan.png");
 57 |     }
 58 |     .round-animate .round-scan-light {
 59 |         background-image: url("images/round/round-scan-light.png");
 60 |     }
 61 |     /*动画CSS*/
 62 |     .animate-rotation{
 63 |       -webkit-animation:rotate 30s infinite linear;
 64 |       animation:rotate 30s infinite linear;
 65 |     }
 66 | 
 67 |     .animate-rotation-reverse{
 68 |       -webkit-animation:rotateReverse 4s infinite ease-out;
 69 |       animation:rotateReverse 4s infinite  ease-out;
 70 |     }
 71 |     .animate-rotation-inner{
 72 |       -webkit-animation:rotateReverse 8s infinite linear;
 73 |       animation:rotateReverse 8s infinite linear;
 74 |     }
 75 |     .animate-zoom{
 76 |       -webkit-animation:zoom 1s infinite ease-out;
 77 |       animation:zoom 1s infinite  ease-out ;
 78 |     }
 79 |     .animate-translateY{
 80 |       -webkit-animation:translateY 4s infinite ease-out;
 81 |       animation:translateY 4s infinite  ease-out ;
 82 |     }
 83 | 
 84 |     @-webkit-keyframes rotate{
 85 |       0%{ -webkit-transform:rotate(0deg);}
 86 |       100%{-webkit-transform:rotate(-360deg);}
 87 |     }
 88 |     @keyframes rotate{
 89 |       0%{ -webkit-transform:rotate(0deg);}
 90 |       100%{-webkit-transform:rotate(-360deg);}
 91 |     }
 92 |     @-webkit-keyframes rotateReverse{
 93 |       0%{ -webkit-transform:rotate(0deg);}
 94 |       100%{-webkit-transform:rotate(360deg);}
 95 |     }
 96 |     @keyframes rotateReverse{
 97 |       0%{ -webkit-transform:rotate(0deg);}
 98 |       100%{-webkit-transform:rotate(360deg);}
 99 |     }
100 |     @-webkit-keyframes zoom{
101 |       0%{ -webkit-transform:scale(0.9);}
102 |       70%{ -webkit-transform:scale(1);}
103 |       100%{-webkit-transform:scale(0.9);}
104 |     }
105 |     @keyframes zoom{
106 |       0%{ -webkit-transform:scale(0.9);}
107 |       70%{ -webkit-transform:scale(1);}
108 |       100%{-webkit-transform:scale(0.9);}
109 |     }
110 |     @-webkit-keyframes translateY{
111 |       0%{ -webkit-transform:translateY(0);}
112 |       30%{ -webkit-transform:translateY(30px);}
113 |       80%{-webkit-transform:translateY(-20px);}
114 |       100%{-webkit-transform:translateY(0);}
115 |     }
116 |     @keyframes translateY{
117 |       0%{ -webkit-transform:translateY(0);}
118 |       30%{ -webkit-transform:translateY(30px);}
119 |       80%{-webkit-transform:translateY(-20px);}
120 |       100%{-webkit-transform:translateY(0);}
121 |     }
122 | </style>
123 | <script>
124 | var pageview = {};
125 | 
126 | 	bui.ready(function () {
127 |         
128 |         pageview.init();
129 | 	})
130 | 
131 |     pageview.bind = function () {
132 |     }
133 | 
134 |     pageview.init = function () {
135 |         // 绑定事件
136 |         this.bind();
137 |     }
138 | 
139 | </script>
140 | 
141 | </head>
142 | <body>
143 | <div id="page" class="bui-page index3">
144 | 	<header id="bar" class="bui-bar">
145 | 		<div class="bui-bar">
146 | 			<div class="bui-bar-left">
147 |                 <a class="bui-btn" onclick="bui.back();"><i class="icon-back"></i></a>
148 | 			</div>
149 | 			<div class="bui-bar-main">圆圈动画</div>
150 | 			<div class="bui-bar-right">
151 | 			</div>
152 | 		</div>
153 | 	</header>
154 | 	<main>
155 |         <!-- 圆圈动画 -->
156 |         <div class="round-wrap bui-box-center">
157 |             <div class="round-animate">
158 |                 <div class="round-outer animate-rotation"></div>
159 |                 <div class="round-inner animate-rotation-inner"></div>
160 |                 <div class="round-light animate-rotation-reverse"></div>
161 |                 <div class="round-main">
162 |                     <div class="round-scan animate-zoom"></div>
163 |                     <div class="round-scan-light animate-translateY"></div>
164 |                 </div>
165 |             </div>
166 |         </div>
167 | 
168 | 	</main>
169 | 
170 | </div>
171 | 	
172 | </body>
173 | </html>
174 | 


--------------------------------------------------------------------------------
/common/round.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/common/round.jpg


--------------------------------------------------------------------------------
/common/round.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/common/round.png


--------------------------------------------------------------------------------
/css/.svn/all-wcprops:
--------------------------------------------------------------------------------
 1 | K 25
 2 | svn:wc:ra_dav:version-url
 3 | V 47
 4 | /svn/EID/!svn/ver/2267/01.Projects/BUI/demo/css
 5 | END
 6 | bui.css.map
 7 | K 25
 8 | svn:wc:ra_dav:version-url
 9 | V 59
10 | /svn/EID/!svn/ver/2267/01.Projects/BUI/demo/css/bui.css.map
11 | END
12 | bui.css
13 | K 25
14 | svn:wc:ra_dav:version-url
15 | V 55
16 | /svn/EID/!svn/ver/2267/01.Projects/BUI/demo/css/bui.css
17 | END
18 | bui_weixin.css
19 | K 25
20 | svn:wc:ra_dav:version-url
21 | V 62
22 | /svn/EID/!svn/ver/2236/01.Projects/BUI/demo/css/bui_weixin.css
23 | END
24 | 


--------------------------------------------------------------------------------
/css/.svn/entries:
--------------------------------------------------------------------------------
  1 | 10
  2 | 
  3 | dir
  4 | 2323
  5 | http://wangwsh@eid.bingosoft.net:81/svn/EID/01.Projects/BUI/demo/css
  6 | http://wangwsh@eid.bingosoft.net:81/svn/EID
  7 | 
  8 | 
  9 | 
 10 | 2017-04-23T15:40:53.153926Z
 11 | 2267
 12 | wangwsh
 13 | 
 14 | 
 15 | 
 16 | 
 17 | 
 18 | 
 19 | 
 20 | 
 21 | 
 22 | 
 23 | 
 24 | 
 25 | 
 26 | 
 27 | eee847a2-21fd-0d49-b3e5-7d3b911f45d9
 28 | 
 29 | bui.css.map
 30 | file
 31 | 
 32 | 
 33 | 
 34 | 
 35 | 2017-04-22T08:06:37.000000Z
 36 | 8754ac8cbc8400d1aff3f43422dadd16
 37 | 2017-04-23T15:40:53.153926Z
 38 | 2267
 39 | wangwsh
 40 | 
 41 | 
 42 | 
 43 | 
 44 | 
 45 | 
 46 | 
 47 | 
 48 | 
 49 | 
 50 | 
 51 | 
 52 | 
 53 | 
 54 | 
 55 | 
 56 | 
 57 | 
 58 | 
 59 | 
 60 | 
 61 | 56938
 62 | 
 63 | bui.css
 64 | file
 65 | 
 66 | 
 67 | 
 68 | 
 69 | 2017-04-22T08:06:34.000000Z
 70 | a58077b7bfde79a753bcb45e299e74fa
 71 | 2017-04-23T15:40:53.153926Z
 72 | 2267
 73 | wangwsh
 74 | 
 75 | 
 76 | 
 77 | 
 78 | 
 79 | 
 80 | 
 81 | 
 82 | 
 83 | 
 84 | 
 85 | 
 86 | 
 87 | 
 88 | 
 89 | 
 90 | 
 91 | 
 92 | 
 93 | 
 94 | 
 95 | 65227
 96 | 
 97 | bui_weixin.css
 98 | file
 99 | 
100 | 
101 | 
102 | 
103 | 2017-03-21T08:00:19.000000Z
104 | 4cec0e42587371d937f9324a899ccf73
105 | 2017-03-21T09:47:43.864863Z
106 | 2236
107 | wangwsh
108 | 
109 | 
110 | 
111 | 
112 | 
113 | 
114 | 
115 | 
116 | 
117 | 
118 | 
119 | 
120 | 
121 | 
122 | 
123 | 
124 | 
125 | 
126 | 
127 | 
128 | 
129 | 3213
130 | 
131 | 


--------------------------------------------------------------------------------
/css/.svn/text-base/bui_weixin.css.svn-base:
--------------------------------------------------------------------------------
  1 | @charset "utf-8";
  2 | 
  3 | /*bui重置*/
  4 | .bui-nav>[class*=bui-btn].active {
  5 | 	color: #45c018;
  6 | }
  7 | .bui-tab .bui-nav .active {
  8 | 	border-bottom: 1px solid #45c018;
  9 | }
 10 | header.bui-bar {
 11 | 	background: #fff;
 12 | }
 13 | header.bui-bar i:before {
 14 | 	color: #ccc;
 15 | }
 16 | header.bui-bar .bui-bar-main {
 17 | 	color: #666;
 18 | }
 19 | .success {
 20 | 	background: #04BE02;
 21 | }
 22 | .danger {
 23 | 	background: #EF4F4F;
 24 | }
 25 | 
 26 | input[type="radio"].bui-choose:checked:before ,
 27 | input[type="checkbox"].bui-choose:checked:before {
 28 | 	color: #09BB07;
 29 | }
 30 | 
 31 | body,
 32 | .bui-page,
 33 | .bui-page > main {
 34 | 	background: #fbf9fe;
 35 | }
 36 | 
 37 | 
 38 | .main-nav {
 39 | 	border-top: 1px solid #eee;
 40 | }
 41 | .main-nav i {
 42 | 	display: block;
 43 | 	font-size: 0.5rem;
 44 | }
 45 | .main-nav .bui-btn {
 46 | 	border-left: 0;
 47 | 	border-top: 0;
 48 | 	padding-top: 0.3rem;
 49 | 	padding-bottom: 0.3rem;
 50 | 	background: none;
 51 | 	color: #333;
 52 | }
 53 | .main-nav .bui-btn:nth-child(3n+0) {
 54 | 	border-right: 0;
 55 | }
 56 | .main-nav .bui-btn:active {
 57 | 	background: #ddd;
 58 | }
 59 | 
 60 | .space .bui-btn{
 61 | 	margin-bottom: .3rem;
 62 | }
 63 | 
 64 | 
 65 | .bui-searchbar {
 66 | 	background: #EFEFF4;
 67 | }
 68 | .bui-searchbar .bui-input {
 69 | 	border-radius: 0.08rem;
 70 | }
 71 | 
 72 | .msg {
 73 | 	text-align: center;
 74 | 	padding:.5rem .2rem 0 .2rem;
 75 | }
 76 | .msg i{
 77 | 	font-size: 1.4rem;
 78 | }
 79 | .msg .msg-title {
 80 | 	padding-top: .5rem;
 81 | 	margin-bottom: .2rem;
 82 | 	font-size: .3rem;
 83 | }
 84 | .msg .msg-content {
 85 | 	font-size: .2rem;
 86 | 	color: #999;
 87 | 	margin-bottom: .2rem;
 88 | 	line-height:1.5;
 89 | }
 90 | 
 91 | .article {
 92 | 	background: #fff;
 93 | }
 94 | .article h1,
 95 | .article h2,
 96 | .article h3,
 97 | .article h4,
 98 | .article h5,
 99 | .article h6{
100 | 	color: #666;
101 | }
102 | .article h1 {
103 | 	padding-top: .2rem;
104 | 	padding-bottom: .2rem;
105 | 	line-height: 1.5;
106 | 	font-size: .3rem;
107 | 	color: #333;
108 | }
109 | .article .author {
110 | 	color: #999;
111 | 	font-size: .2rem;
112 | }
113 | .article .author {
114 | 	color: #666;
115 | 	font-size: .2rem;
116 | }
117 | .article .category {
118 | 	color: #82a4c3;
119 | 	font-size: .2rem;
120 | }
121 | .article .time {
122 | 	color: #999;
123 | 	font-size: .2rem;
124 | }
125 | .article .article-info {
126 | 	margin-bottom: .2rem;
127 | }
128 | .article .article-content {
129 | 	padding-top: .2rem;
130 | }
131 | .article img {
132 | 	max-width: 100%;
133 | }
134 | .article p {
135 | 	margin-bottom: .2rem;
136 | }
137 | .article blockquote,
138 | .article code {
139 | 	border-left: 3px solid #ccc;
140 | 	background: #f1f1f1;
141 | 	display: block;
142 | 	width: 100%;
143 | 	margin: 0;
144 | 	padding: .2rem;
145 | 	font-size: .2rem;
146 | 	margin-bottom: .2rem;
147 | 
148 | }
149 | 
150 | 
151 | .comment {
152 | 	background: #f1f1f1;
153 | 	padding-top: .3rem;
154 | }
155 | .comment-title {
156 | 	padding-bottom: .3rem;
157 | 	color: #666;
158 | 	border-bottom: 1px solid #ddd;
159 | 	
160 | }
161 | .comment .item-name {
162 | 	margin-bottom: .1rem;
163 | 	font-size: .2rem;
164 | }
165 | .comment .bui-list > div {
166 | 	padding-top: .2rem;
167 | 	padding-bottom: .2rem;
168 | 	border-bottom: 1px solid #ddd;
169 | }
170 | 
171 | .comment .item-content {
172 | 	clear: both;
173 | 	color: #666;
174 | 	margin-bottom: .1rem;
175 | 	font-size: .2rem;
176 | 	line-height: 1.5;
177 | }
178 | 
179 | .bui-list .vcode {
180 | 	padding-top: 0;
181 | 	padding-bottom: 0;
182 | 	padding-right: 0;
183 | }
184 | .bui-list .vcode img {
185 | 	height: .62rem;
186 | }
187 | 
188 | .upload-image {
189 | 	position: relative;
190 | 	width: 1rem;
191 | 	height: 1rem;
192 | 	line-height: 1rem;
193 | 	margin: 0 auto;
194 | 	overflow: hidden;
195 | 	background-size: cover;
196 | 	background-position: center;
197 | 	background-image: url(../images/face.png);
198 | }
199 | .upload-image img{
200 | 	width: 100%;
201 | }
202 | .upload-add {
203 | 	width: 1rem;
204 | 	height: 1rem;
205 | 	line-height: 1rem;
206 | 	margin: 0 auto;
207 | 	border: 1px solid #ddd;
208 | 	text-align: center;
209 | }
210 | .upload-add i{
211 | 	font-size: .6rem;
212 | 	color: #999;
213 | }
214 | .panel-upload .bui-panel-main {
215 | 	padding-top: .2rem;
216 | }
217 | .panel-upload .upload-image {
218 | 	margin-bottom: .2rem;
219 | }


--------------------------------------------------------------------------------
/css/bui_weixin.css:
--------------------------------------------------------------------------------
  1 | @charset "utf-8";
  2 | 
  3 | /*bui重置*/
  4 | .bui-nav>[class*=bui-btn].active {
  5 | 	color: #45c018;
  6 | }
  7 | .bui-tab .bui-nav .active {
  8 | 	border-bottom: 1px solid #45c018;
  9 | }
 10 | header.bui-bar {
 11 | 	background: #fff;
 12 | }
 13 | header.bui-bar i:before {
 14 | 	color: #ccc;
 15 | }
 16 | header.bui-bar .bui-bar-main {
 17 | 	color: #666;
 18 | }
 19 | .success {
 20 | 	background: #04BE02;
 21 | }
 22 | .danger {
 23 | 	background: #EF4F4F;
 24 | }
 25 | 
 26 | input[type="radio"].bui-choose:checked:before ,
 27 | input[type="checkbox"].bui-choose:checked:before {
 28 | 	color: #09BB07;
 29 | }
 30 | 
 31 | body,
 32 | .bui-page,
 33 | .bui-page > main {
 34 | 	background: #fbf9fe;
 35 | }
 36 | 
 37 | 
 38 | .main-nav {
 39 | 	border-top: 1px solid #eee;
 40 | }
 41 | .main-nav i {
 42 | 	display: block;
 43 | 	font-size: 0.5rem;
 44 | }
 45 | .main-nav .bui-btn {
 46 | 	border-left: 0;
 47 | 	border-top: 0;
 48 | 	padding-top: 0.3rem;
 49 | 	padding-bottom: 0.3rem;
 50 | 	background: none;
 51 | 	color: #333;
 52 | }
 53 | .main-nav .bui-btn:nth-child(3n+0) {
 54 | 	border-right: 0;
 55 | }
 56 | .main-nav .bui-btn:active {
 57 | 	background: #ddd;
 58 | }
 59 | 
 60 | .space .bui-btn{
 61 | 	margin-bottom: .3rem;
 62 | }
 63 | 
 64 | 
 65 | .bui-searchbar {
 66 | 	background: #EFEFF4;
 67 | }
 68 | .bui-searchbar .bui-input {
 69 | 	border-radius: 0.08rem;
 70 | }
 71 | 
 72 | .msg {
 73 | 	text-align: center;
 74 | 	padding:.5rem .2rem 0 .2rem;
 75 | }
 76 | .msg i{
 77 | 	font-size: 1.4rem;
 78 | }
 79 | .msg .msg-title {
 80 | 	padding-top: .5rem;
 81 | 	margin-bottom: .2rem;
 82 | 	font-size: .3rem;
 83 | }
 84 | .msg .msg-content {
 85 | 	font-size: .2rem;
 86 | 	color: #999;
 87 | 	margin-bottom: .2rem;
 88 | 	line-height:1.5;
 89 | }
 90 | 
 91 | .article {
 92 | 	background: #fff;
 93 | }
 94 | .article h1,
 95 | .article h2,
 96 | .article h3,
 97 | .article h4,
 98 | .article h5,
 99 | .article h6{
100 | 	color: #666;
101 | }
102 | .article h1 {
103 | 	padding-top: .2rem;
104 | 	padding-bottom: .2rem;
105 | 	line-height: 1.5;
106 | 	font-size: .3rem;
107 | 	color: #333;
108 | }
109 | .article .author {
110 | 	color: #999;
111 | 	font-size: .2rem;
112 | }
113 | .article .author {
114 | 	color: #666;
115 | 	font-size: .2rem;
116 | }
117 | .article .category {
118 | 	color: #82a4c3;
119 | 	font-size: .2rem;
120 | }
121 | .article .time {
122 | 	color: #999;
123 | 	font-size: .2rem;
124 | }
125 | .article .article-info {
126 | 	margin-bottom: .2rem;
127 | }
128 | .article .article-content {
129 | 	padding-top: .2rem;
130 | }
131 | .article img {
132 | 	max-width: 100%;
133 | }
134 | .article p {
135 | 	margin-bottom: .2rem;
136 | }
137 | .article blockquote,
138 | .article code {
139 | 	border-left: 3px solid #ccc;
140 | 	background: #f1f1f1;
141 | 	display: block;
142 | 	width: 100%;
143 | 	margin: 0;
144 | 	padding: .2rem;
145 | 	font-size: .2rem;
146 | 	margin-bottom: .2rem;
147 | 
148 | }
149 | 
150 | 
151 | .comment {
152 | 	background: #f1f1f1;
153 | 	padding-top: .3rem;
154 | }
155 | .comment-title {
156 | 	padding-bottom: .3rem;
157 | 	color: #666;
158 | 	border-bottom: 1px solid #ddd;
159 | 	
160 | }
161 | .comment .item-name {
162 | 	margin-bottom: .1rem;
163 | 	font-size: .2rem;
164 | }
165 | .comment .bui-list > div {
166 | 	padding-top: .2rem;
167 | 	padding-bottom: .2rem;
168 | 	border-bottom: 1px solid #ddd;
169 | }
170 | 
171 | .comment .item-content {
172 | 	clear: both;
173 | 	color: #666;
174 | 	margin-bottom: .1rem;
175 | 	font-size: .2rem;
176 | 	line-height: 1.5;
177 | }
178 | 
179 | .bui-list .vcode {
180 | 	padding-top: 0;
181 | 	padding-bottom: 0;
182 | 	padding-right: 0;
183 | }
184 | .bui-list .vcode img {
185 | 	height: .62rem;
186 | }
187 | 
188 | .upload-image {
189 | 	position: relative;
190 | 	width: 1rem;
191 | 	height: 1rem;
192 | 	line-height: 1rem;
193 | 	margin: 0 auto;
194 | 	overflow: hidden;
195 | 	background-size: cover;
196 | 	background-position: center;
197 | 	background-image: url(../images/face.png);
198 | }
199 | .upload-image img{
200 | 	width: 100%;
201 | }
202 | .upload-add {
203 | 	width: 1rem;
204 | 	height: 1rem;
205 | 	line-height: 1rem;
206 | 	margin: 0 auto;
207 | 	border: 1px solid #ddd;
208 | 	text-align: center;
209 | }
210 | .upload-add i{
211 | 	font-size: .6rem;
212 | 	color: #999;
213 | }
214 | .panel-upload .bui-panel-main {
215 | 	padding-top: .2rem;
216 | }
217 | .panel-upload .upload-image {
218 | 	margin-bottom: .2rem;
219 | }


--------------------------------------------------------------------------------
/detail/answer.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/detail/answer.jpg


--------------------------------------------------------------------------------
/detail/answer.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/detail/answer.png


--------------------------------------------------------------------------------
/detail/chat.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html>
  3 | <head>
  4 |     <meta charset="utf-8">
  5 |     <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,initial-scale=1.0,width=device-width"/>
  6 |     <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
  7 |     <title>聊天详情</title>
  8 |     <link rel="stylesheet" href="../css/bui.css" />
  9 |     <style>
 10 |         html,body {
 11 |             overflow: hidden !important;
 12 |         }
 13 |         .page-chat main {
 14 |           background: #F4F5F7; }
 15 | 
 16 |         .chat-panel {
 17 |           padding: 0 .1rem;
 18 |           border-top:0;
 19 |           background: #F4F5F7; }
 20 |           .chat-panel .time {
 21 |             margin: .2rem 0;
 22 |             padding: 0 .2rem;
 23 |             height: .3rem;
 24 |             border-radius: .15rem;
 25 |             background: #d8d8d8;
 26 |             color: #fff;
 27 |             font-size: .18rem; }
 28 |           .chat-panel .chat-icon {
 29 |             width: .6rem;
 30 |             height: .6rem; }
 31 |           .chat-panel .bui-box-align-top {
 32 |             margin-bottom: .2rem; }
 33 |           .chat-panel .chat-content {
 34 |             display: inline-block;
 35 |             background: #fff;
 36 |             -webkit-border-radius: .05rem;
 37 |             border-radius: .05rem;
 38 |             position: relative;
 39 |             padding: .15rem;
 40 |             }
 41 |           .chat-panel .chat-target .chat-content {
 42 |             margin-right: .8rem;
 43 |             margin-left: .2rem;
 44 |             }
 45 |             .chat-panel .chat-target .chat-content.bui-arrow-left:before {
 46 |               border: none; }
 47 |             .chat-panel .chat-target .chat-content.bui-arrow-left:before, .chat-panel .chat-target .chat-content.bui-arrow-left:after {
 48 |               top: .1rem;
 49 |               margin-top: 0; }
 50 |           .chat-panel .chat-mine .chat-content {
 51 |             margin-left: .8rem;
 52 |             margin-right: .2rem;
 53 |             background: #B3EAFF; }
 54 |             .chat-panel .chat-mine .chat-content.bui-arrow-right:before, .chat-panel .chat-mine .chat-content.bui-arrow-right:after {
 55 |               top: .1rem;
 56 |               margin-top: 0;
 57 |               border-left-color: #B3EAFF; }
 58 |             .chat-panel .chat-mine .chat-content.bui-arrow-right:before {
 59 |               border: none; }
 60 | 
 61 |         .chatbar {
 62 |           padding: .12rem; }
 63 |           .chatbar .bui-input i {
 64 |             width: .7rem;
 65 |             height: .46rem; 
 66 |             line-height: .46rem; 
 67 |             font-size: .46rem; }
 68 |           .chatbar .bui-input .bui-btn {
 69 |             display: inline-block;
 70 |             padding-left:0; 
 71 |             padding-right:0; 
 72 |             width: .7rem;
 73 |             border:0;
 74 |           }
 75 |           .chatbar .bui-input input {
 76 |             border: 1px solid #dedede;
 77 |             margin: 0 .12rem 0 0;
 78 |             padding: .2rem;
 79 |             -webkit-border-radius: .05rem;
 80 |             border-radius: .05rem;
 81 |             padding-right: .1rem;
 82 |             padding-left: .1rem; }
 83 |         footer {
 84 |             background: #fff;
 85 |         }
 86 |     </style>
 87 |     <!-- 依赖库 手机调试的js引用顺序如下 -->
 88 |     <script src="../js/zepto.js"></script>
 89 |     <script src="../js/plugins/fastclick.js"></script>
 90 |     <!-- BUI库 -->
 91 |     <script src="../js/bui.js"></script>
 92 |     <script src="../js/app/_config.js"></script>
 93 |     <script>
 94 |         var pageview = {};
 95 | 
 96 |         // 模块初始化定义    
 97 |     pageview.init = function () {
 98 |         this.bind();
 99 |     }
100 |     pageview.bind = function () {
101 |             // 发送的内容
102 |         var $chatInput = $("#chatInput"),
103 |             // 发送按钮
104 |             $btnSend = $("#btnSend"),
105 |             // 聊天的容器
106 |             $chatPanel = $(".chat-panel");
107 | 
108 |         // 绑定发送按钮
109 |         $btnSend.on("click",function (e) {
110 |             var val = $chatInput.val();
111 |             var tpl = chatTpl(val);
112 | 
113 |             if( !$(this).hasClass("disabled") ){
114 |                 $chatPanel.append(tpl);
115 |                 $chatInput.val('');
116 |                 $(this).removeClass("primary").addClass("disabled");
117 |             }else{
118 |                 return false;
119 |             }
120 |         });
121 | 
122 |         // 延迟监听输入
123 |         $chatInput.on("input",bui.unit.debounce(function () {
124 |             var val = $chatInput.val();
125 |             if( val ){
126 |                 $btnSend.removeClass("disabled").addClass("primary");
127 |                 
128 |             }else{
129 |                 $btnSend.removeClass("primary").addClass("disabled");
130 | 
131 |             }
132 |         },100))
133 | 
134 |         var interval = null;
135 |         var count = 3;
136 |         // 为input绑定事件
137 |         $chatInput.on('focus', function () {
138 |             var target = this;
139 |             // 键盘大小: iphonex: 333 iphone8p:271 iphone8:258 iphonese: 253 iphone6p: 292
140 |             // 使用定时器是为了延迟计算
141 |             interval = setTimeout(function(){
142 |                 var winHeight = $(window).height();
143 |                 
144 |                 bui.init({
145 |                     id: $(".bui-page"),
146 |                     height: winHeight ,
147 |                 })
148 |                 $(".bui-page")[0].scrollIntoView(true);
149 |             },500);
150 |         }).on('blur', function () {
151 |             if( interval ){
152 |                 clearTimeout(interval);
153 |             }
154 |             // 使用定时器是为了延迟计算
155 |             interval = setTimeout(function(){
156 |                 bui.init({
157 |                     id: $(".bui-page"),
158 |                 })
159 |                 $(".bui-page")[0].scrollIntoView(true);
160 |             },500);
161 |         });
162 |     }
163 | 
164 |     // 聊天模板
165 |     var chatTpl = function (con,type) {
166 |         var html = "";
167 |         var type = type || 0;
168 |         switch(type){
169 |             case 0: 
170 |             html+='<div class="bui-box-align-top chat-mine">';
171 |             html+='    <div class="span1">';
172 |             html+='        <div class="bui-box-align-right">';
173 |             html+='            <div class="chat-content bui-arrow-right">';
174 |             html+=              con;
175 |             html+='            </div>';
176 |             html+='        </div>';
177 |             html+='    </div>';
178 |             html+='    <div class="chat-icon"><img src="../images/applogo.png" alt=""></div>';
179 |             html+='</div>';
180 |             break;
181 |             case 1: 
182 |             html +='<div class="bui-box-align-top chat-target">';
183 |             html +='    <div class="chat-icon"><img src="../images/applogo.png" alt=""></div>';
184 |             html +='    <div class="span1">';
185 |             html +='        <div class="chat-content bui-arrow-left">';
186 |             html +=             con;
187 |             html +='        </div>';
188 |             html +='    </div>';
189 |             html +='</div>';
190 |             break;
191 |         }
192 | 
193 |             return html;
194 |     }
195 | 
196 | 
197 |         bui.ready(function(){
198 |             // 业务逻辑需要在这里写
199 |             pageview.init();
200 |         });
201 |         
202 |     </script>
203 | </head>
204 | <body>
205 |     <div id="page" class="bui-page page-chat">
206 |         <header class="bui-bar">
207 |             <div class="bui-bar-left">
208 |                 <a class="bui-btn" onclick="bui.back();"><i class="icon-back"></i></a>
209 |             </div>
210 |             <div class="bui-bar-main">
211 |                 聊天详情
212 |             </div>
213 |             <div class="bui-bar-right">
214 |                 <a class="bui-btn"><i class="icon-face"></i>
215 |                 </a>
216 |             </div>
217 |         </header>
218 |         <main>
219 |             <div class="bui-panel chat-panel">
220 |                 <div class="bui-box-center">
221 |                     <div class="time">5月11日 08:30</div>
222 |                 </div>
223 |                 <div class="bui-box-align-top chat-target">
224 |                     <div class="chat-icon"><img src="../images/applogo.png" alt=""></div>
225 |                     <div class="span1">
226 |                         <div class="chat-content bui-arrow-left">发货到外省要收长途费用；
227 | 280公里以外，按0.35元/吨/公里计算。1500公里以外，载货20吨，12.5米长途货车，按350元/吨计算。其他的价格请和货运中介服务部商议
228 |                         </div>
229 |                     </div>
230 |                 </div>
231 |                 <div class="bui-box-align-top chat-mine">
232 |                     <div class="span1">
233 |                         <div class="bui-box-align-right">
234 |                             <div class="chat-content bui-arrow-right">知道了，谢谢！
235 |                             </div>
236 |                         </div>
237 |                     </div>
238 |                     <div class="chat-icon"><img src="../images/applogo.png" alt=""></div>
239 |                 </div>
240 |                 <div class="bui-box-align-top chat-target">
241 |                     <div class="chat-icon"><img src="../images/applogo.png" alt=""></div>
242 |                     <div class="span1">
243 |                         <div class="chat-content bui-arrow-left">好的,您稍等~~
244 |                         </div>
245 |                     </div>
246 |                 </div>
247 |             </div>
248 |         </main>
249 |         <footer>
250 |             <div class="chatbar">
251 |                 <div class="bui-input">
252 |                     <textarea id="chatInput"></textarea><span id="btnSend" class="bui-btn round disabled">发送</span>
253 |                 </div>
254 |             </div>
255 |         </footer>
256 |     </div>
257 | </body>
258 | </html>
259 | 


--------------------------------------------------------------------------------
/detail/chat.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/detail/chat.jpg


--------------------------------------------------------------------------------
/detail/chat.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/detail/chat.png


--------------------------------------------------------------------------------
/font/.svn/all-wcprops:
--------------------------------------------------------------------------------
 1 | K 25
 2 | svn:wc:ra_dav:version-url
 3 | V 48
 4 | /svn/EID/!svn/ver/1719/01.Projects/BUI/demo/font
 5 | END
 6 | iconfont.woff
 7 | K 25
 8 | svn:wc:ra_dav:version-url
 9 | V 62
10 | /svn/EID/!svn/ver/1719/01.Projects/BUI/demo/font/iconfont.woff
11 | END
12 | iconfont.eot
13 | K 25
14 | svn:wc:ra_dav:version-url
15 | V 61
16 | /svn/EID/!svn/ver/1719/01.Projects/BUI/demo/font/iconfont.eot
17 | END
18 | iconfont.css
19 | K 25
20 | svn:wc:ra_dav:version-url
21 | V 61
22 | /svn/EID/!svn/ver/1719/01.Projects/BUI/demo/font/iconfont.css
23 | END
24 | demo.html
25 | K 25
26 | svn:wc:ra_dav:version-url
27 | V 58
28 | /svn/EID/!svn/ver/1719/01.Projects/BUI/demo/font/demo.html
29 | END
30 | demo.css
31 | K 25
32 | svn:wc:ra_dav:version-url
33 | V 57
34 | /svn/EID/!svn/ver/1719/01.Projects/BUI/demo/font/demo.css
35 | END
36 | iconfont.ttf
37 | K 25
38 | svn:wc:ra_dav:version-url
39 | V 61
40 | /svn/EID/!svn/ver/1719/01.Projects/BUI/demo/font/iconfont.ttf
41 | END
42 | iconfont.svg
43 | K 25
44 | svn:wc:ra_dav:version-url
45 | V 61
46 | /svn/EID/!svn/ver/1719/01.Projects/BUI/demo/font/iconfont.svg
47 | END
48 | 


--------------------------------------------------------------------------------
/font/.svn/entries:
--------------------------------------------------------------------------------
  1 | 10
  2 | 
  3 | dir
  4 | 2323
  5 | http://wangwsh@eid.bingosoft.net:81/svn/EID/01.Projects/BUI/demo/font
  6 | http://wangwsh@eid.bingosoft.net:81/svn/EID
  7 | 
  8 | 
  9 | 
 10 | 2016-11-11T03:28:05.688476Z
 11 | 1719
 12 | wangwsh
 13 | 
 14 | 
 15 | 
 16 | 
 17 | 
 18 | 
 19 | 
 20 | 
 21 | 
 22 | 
 23 | 
 24 | 
 25 | 
 26 | 
 27 | eee847a2-21fd-0d49-b3e5-7d3b911f45d9
 28 | 
 29 | iconfont.woff
 30 | file
 31 | 
 32 | 
 33 | 
 34 | 
 35 | 2016-12-27T08:09:56.000000Z
 36 | 361ff97787a36620dd5c896c5870f09d
 37 | 2016-05-11T13:51:00.540403Z
 38 | 1598
 39 | wangwsh
 40 | has-props
 41 | 
 42 | 
 43 | 
 44 | 
 45 | 
 46 | 
 47 | 
 48 | 
 49 | 
 50 | 
 51 | 
 52 | 
 53 | 
 54 | 
 55 | 
 56 | 
 57 | 
 58 | 
 59 | 
 60 | 
 61 | 20256
 62 | 
 63 | iconfont.eot
 64 | file
 65 | 
 66 | 
 67 | 
 68 | 
 69 | 2016-12-27T08:09:56.000000Z
 70 | c1f21b501f9d28df80a208f0e52699c5
 71 | 2016-05-11T13:51:00.540403Z
 72 | 1598
 73 | wangwsh
 74 | has-props
 75 | 
 76 | 
 77 | 
 78 | 
 79 | 
 80 | 
 81 | 
 82 | 
 83 | 
 84 | 
 85 | 
 86 | 
 87 | 
 88 | 
 89 | 
 90 | 
 91 | 
 92 | 
 93 | 
 94 | 
 95 | 37528
 96 | 
 97 | iconfont.css
 98 | file
 99 | 
100 | 
101 | 
102 | 
103 | 2016-12-27T08:09:56.000000Z
104 | 98cb8083a00e137bc7e49028fda5845a
105 | 2016-05-11T13:51:00.540403Z
106 | 1598
107 | wangwsh
108 | 
109 | 
110 | 
111 | 
112 | 
113 | 
114 | 
115 | 
116 | 
117 | 
118 | 
119 | 
120 | 
121 | 
122 | 
123 | 
124 | 
125 | 
126 | 
127 | 
128 | 
129 | 5656
130 | 
131 | demo.html
132 | file
133 | 
134 | 
135 | 
136 | 
137 | 2016-12-27T08:09:56.000000Z
138 | d280da366e4cc4e245c336768915d1ea
139 | 2016-05-11T13:51:00.540403Z
140 | 1598
141 | wangwsh
142 | 
143 | 
144 | 
145 | 
146 | 
147 | 
148 | 
149 | 
150 | 
151 | 
152 | 
153 | 
154 | 
155 | 
156 | 
157 | 
158 | 
159 | 
160 | 
161 | 
162 | 
163 | 32834
164 | 
165 | demo.css
166 | file
167 | 
168 | 
169 | 
170 | 
171 | 2016-12-27T08:09:56.000000Z
172 | 43fc64a4933c89bdf465ded521fc3649
173 | 2016-05-11T13:51:00.540403Z
174 | 1598
175 | wangwsh
176 | 
177 | 
178 | 
179 | 
180 | 
181 | 
182 | 
183 | 
184 | 
185 | 
186 | 
187 | 
188 | 
189 | 
190 | 
191 | 
192 | 
193 | 
194 | 
195 | 
196 | 
197 | 2741
198 | 
199 | iconfont.ttf
200 | file
201 | 
202 | 
203 | 
204 | 
205 | 2016-12-27T08:09:56.000000Z
206 | 3d76ecde6c15cde24191f3a341e78bef
207 | 2016-05-11T13:51:00.540403Z
208 | 1598
209 | wangwsh
210 | has-props
211 | 
212 | 
213 | 
214 | 
215 | 
216 | 
217 | 
218 | 
219 | 
220 | 
221 | 
222 | 
223 | 
224 | 
225 | 
226 | 
227 | 
228 | 
229 | 
230 | 
231 | 37244
232 | 
233 | iconfont.svg
234 | file
235 | 
236 | 
237 | 
238 | 
239 | 2016-12-27T08:09:56.000000Z
240 | 58854cad2041742500cc5c5a71db542a
241 | 2016-05-11T13:51:00.540403Z
242 | 1598
243 | wangwsh
244 | 
245 | 
246 | 
247 | 
248 | 
249 | 
250 | 
251 | 
252 | 
253 | 
254 | 
255 | 
256 | 
257 | 
258 | 
259 | 
260 | 
261 | 
262 | 
263 | 
264 | 
265 | 65303
266 | 
267 | 


--------------------------------------------------------------------------------
/font/.svn/prop-base/iconfont.eot.svn-base:
--------------------------------------------------------------------------------
1 | K 13
2 | svn:mime-type
3 | V 24
4 | application/octet-stream
5 | END
6 | 


--------------------------------------------------------------------------------
/font/.svn/prop-base/iconfont.ttf.svn-base:
--------------------------------------------------------------------------------
1 | K 13
2 | svn:mime-type
3 | V 24
4 | application/octet-stream
5 | END
6 | 


--------------------------------------------------------------------------------
/font/.svn/prop-base/iconfont.woff.svn-base:
--------------------------------------------------------------------------------
1 | K 13
2 | svn:mime-type
3 | V 24
4 | application/octet-stream
5 | END
6 | 


--------------------------------------------------------------------------------
/font/.svn/text-base/demo.css.svn-base:
--------------------------------------------------------------------------------
 1 | *{margin: 0;padding: 0;list-style: none;}
 2 | /*
 3 | KISSY CSS Reset
 4 | 理念：1. reset 的目的不是清除浏览器的默认样式，这仅是部分工作。清除和重置是紧密不可分的。
 5 | 2. reset 的目的不是让默认样式在所有浏览器下一致，而是减少默认样式有可能带来的问题。
 6 | 3. reset 期望提供一套普适通用的基础样式。但没有银弹，推荐根据具体需求，裁剪和修改后再使用。
 7 | 特色：1. 适应中文；2. 基于最新主流浏览器。
 8 | 维护：玉伯<lifesinger@gmail.com>, 正淳<ragecarrier@gmail.com>
 9 |  */
10 | 
11 | /** 清除内外边距 **/
12 | body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
13 | dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
14 | pre, /* text formatting elements 文本格式元素 */
15 | form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
16 | th, td /* table elements 表格元素 */ {
17 |   margin: 0;
18 |   padding: 0;
19 | }
20 | 
21 | /** 设置默认字体 **/
22 | body,
23 | button, input, select, textarea /* for ie */ {
24 |   font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif;
25 | }
26 | h1, h2, h3, h4, h5, h6 { font-size: 100%; }
27 | address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
28 | code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */
29 | small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */
30 | 
31 | /** 重置列表元素 **/
32 | ul, ol { list-style: none; }
33 | 
34 | /** 重置文本格式元素 **/
35 | a { text-decoration: none; }
36 | a:hover { text-decoration: underline; }
37 | 
38 | 
39 | /** 重置表单元素 **/
40 | legend { color: #000; } /* for ie6 */
41 | fieldset, img { border: 0; } /* img 搭车：让链接里的 img 无边框 */
42 | button, input, select, textarea { font-size: 100%; } /* 使得表单元素在 ie 下能继承字体大小 */
43 | /* 注：optgroup 无法扶正 */
44 | 
45 | /** 重置表格元素 **/
46 | table { border-collapse: collapse; border-spacing: 0; }
47 | 
48 | /* 清除浮动 */
49 | .ks-clear:after, .clear:after {
50 |   content: '\20';
51 |   display: block;
52 |   height: 0;
53 |   clear: both;
54 | }
55 | .ks-clear, .clear {
56 |   *zoom: 1;
57 | }
58 | 
59 | .main {padding: 30px 100px;}
60 | .main h1{font-size:36px; color:#333; text-align:left;margin-bottom:30px; border-bottom: 1px solid #eee;}
61 | 
62 | .helps{margin-top:40px;}
63 | .helps pre{
64 |   padding:20px;
65 |   margin:10px 0;
66 |   border:solid 1px #e7e1cd;
67 |   background-color: #fffdef;
68 |   overflow: auto;
69 | }
70 | 
71 | .icon_lists li{
72 |   float:left;
73 |   width: 100px;
74 |   height:180px;
75 |   text-align: center;
76 | }
77 | .icon_lists .icon{
78 |   font-size: 42px;
79 |   line-height: 100px;
80 |   margin: 10px 0;
81 |   color:#333;
82 |   -webkit-transition: font-size 0.25s ease-out 0s;
83 |   -moz-transition: font-size 0.25s ease-out 0s;
84 |   transition: font-size 0.25s ease-out 0s;
85 | 
86 | }
87 | .icon_lists .icon:hover{
88 |   font-size: 100px;
89 | }
90 | 


--------------------------------------------------------------------------------
/font/.svn/text-base/iconfont.css.svn-base:
--------------------------------------------------------------------------------
  1 | 
  2 | @font-face {font-family: "iconfont";
  3 |   src: url('iconfont.eot?t=1461655152'); /* IE9*/
  4 |   src: url('iconfont.eot?t=1461655152#iefix') format('embedded-opentype'), /* IE6-IE8 */
  5 |   url('iconfont.woff?t=1461655152') format('woff'), /* chrome, firefox */
  6 |   url('iconfont.ttf?t=1461655152') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  7 |   url('iconfont.svg?t=1461655152#iconfont') format('svg'); /* iOS 4.1- */
  8 | }
  9 | 
 10 | .iconfont {
 11 |   font-family:"iconfont" !important;
 12 |   font-size:16px;
 13 |   font-style:normal;
 14 |   -webkit-font-smoothing: antialiased;
 15 |   -webkit-text-stroke-width: 0.2px;
 16 |   -moz-osx-font-smoothing: grayscale;
 17 | }
 18 | .icon-favorfill:before { content: "\e600"; }
 19 | .icon-loading:before { content: "\e602"; }
 20 | .icon-phone:before { content: "\e603"; }
 21 | .icon-roundrightfill:before { content: "\e604"; }
 22 | .icon-search:before { content: "\e606"; }
 23 | .icon-warnfill:before { content: "\e60a"; }
 24 | .icon-warn:before { content: "\e60b"; }
 25 | .icon-camerafill:before { content: "\e60d"; }
 26 | .icon-camera:before { content: "\e60e"; }
 27 | .icon-myfill:before { content: "\e60f"; }
 28 | .icon-my:before { content: "\e610"; }
 29 | .icon-scan:before { content: "\e611"; }
 30 | .icon-settings:before { content: "\e612"; }
 31 | .icon-filter:before { content: "\e613"; }
 32 | .icon-top:before { content: "\e652"; }
 33 | .icon-pullup:before { content: "\e654"; }
 34 | .icon-refresh:before { content: "\e655"; }
 35 | .icon-moreandroid:before { content: "\e656"; }
 36 | .icon-qrcode:before { content: "\e657"; }
 37 | .icon-remind:before { content: "\e658"; }
 38 | .icon-home:before { content: "\e659"; }
 39 | .icon-homefill:before { content: "\e65a"; }
 40 | .icon-addressbook:before { content: "\e65b"; }
 41 | .icon-link:before { content: "\e65c"; }
 42 | .icon-lock:before { content: "\e65d"; }
 43 | .icon-unlock:before { content: "\e65e"; }
 44 | .icon-friendaddfill:before { content: "\e65f"; }
 45 | .icon-friendadd:before { content: "\e660"; }
 46 | .icon-friendfamous:before { content: "\e661"; }
 47 | .icon-friend:before { content: "\e662"; }
 48 | .icon-friendfavor:before { content: "\e664"; }
 49 | .icon-sort:before { content: "\e665"; }
 50 | .icon-down:before { content: "\e666"; }
 51 | .icon-female:before { content: "\e66b"; }
 52 | .icon-keyboard:before { content: "\e66c"; }
 53 | .icon-male:before { content: "\e66d"; }
 54 | .icon-newfill:before { content: "\e66e"; }
 55 | .icon-new:before { content: "\e66f"; }
 56 | .icon-pullleft:before { content: "\e670"; }
 57 | .icon-pullright:before { content: "\e671"; }
 58 | .icon-cameraadd:before { content: "\e674"; }
 59 | .icon-friendfill:before { content: "\e675"; }
 60 | .icon-picfill:before { content: "\e676"; }
 61 | .icon-alignjustify:before { content: "\e60c"; }
 62 | .icon-markfill:before { content: "\e677"; }
 63 | .icon-mark:before { content: "\e678"; }
 64 | .icon-album:before { content: "\e679"; }
 65 | .icon-peoplefill:before { content: "\e67a"; }
 66 | .icon-people:before { content: "\e67b"; }
 67 | .icon-attentionfill:before { content: "\e67f"; }
 68 | .icon-attention:before { content: "\e680"; }
 69 | .icon-rounddown:before { content: "\e688"; }
 70 | .icon-upload:before { content: "\e689"; }
 71 | .icon-safe:before { content: "\e68c"; }
 72 | .icon-shezhi:before { content: "\e614"; }
 73 | .icon-danxuanfill:before { content: "\e615"; }
 74 | .icon-danxuan:before { content: "\e616"; }
 75 | .icon-fangxingweixuanzhong:before { content: "\e617"; }
 76 | .icon-fangxingxuanzhongfill:before { content: "\e618"; }
 77 | .icon-fangxingxuanzhong:before { content: "\e619"; }
 78 | .icon-guanbi1:before { content: "\e61a"; }
 79 | .icon-guanbi2fill:before { content: "\e61b"; }
 80 | .icon-guanbi2:before { content: "\e61c"; }
 81 | .icon-jiahao:before { content: "\e61d"; }
 82 | .icon-jiahao1:before { content: "\e61e"; }
 83 | .icon-jiahao2fill:before { content: "\e61f"; }
 84 | .icon-jianhao:before { content: "\e620"; }
 85 | .icon-tishifill:before { content: "\e621"; }
 86 | .icon-tishi:before { content: "\e622"; }
 87 | .icon-wenhaofill:before { content: "\e623"; }
 88 | .icon-wenhao:before { content: "\e624"; }
 89 | .icon-xuanze:before { content: "\e625"; }
 90 | .icon-yuanxingweixuanzhong:before { content: "\e626"; }
 91 | .icon-yuanxingxuanzhongfill:before { content: "\e627"; }
 92 | .icon-yuanxingxuanzhong:before { content: "\e628"; }
 93 | .icon-biaoxingfill:before { content: "\e629"; }
 94 | .icon-biaoxing:before { content: "\e62a"; }
 95 | .icon-chexiao:before { content: "\e62b"; }
 96 | .icon-fankui:before { content: "\e62d"; }
 97 | .icon-fenxiang:before { content: "\e62e"; }
 98 | .icon-gengduo:before { content: "\e62f"; }
 99 | .icon-gouwuchefill:before { content: "\e630"; }
100 | .icon-gouwuche:before { content: "\e631"; }
101 | .icon-liuyanfill:before { content: "\e632"; }
102 | .icon-liuyan:before { content: "\e633"; }
103 | .icon-pengyou:before { content: "\e635"; }
104 | .icon-saoma:before { content: "\e637"; }
105 | .icon-shaixuan:before { content: "\e638"; }
106 | .icon-shanchu:before { content: "\e639"; }
107 | .icon-shenfen:before { content: "\e63a"; }
108 | .icon-shizhongfill:before { content: "\e63b"; }
109 | .icon-shizhong:before { content: "\e63c"; }
110 | .icon-tongzhifill:before { content: "\e63e"; }
111 | .icon-tongzhi:before { content: "\e63f"; }
112 | .icon-xihuanfill:before { content: "\e640"; }
113 | .icon-xihuan:before { content: "\e641"; }
114 | .icon-xinxifill:before { content: "\e642"; }
115 | .icon-xinxi:before { content: "\e643"; }
116 | .icon-dingbu:before { content: "\e644"; }
117 | .icon-xiangshang1:before { content: "\e645"; }
118 | .icon-xiangshang2:before { content: "\e646"; }
119 | .icon-xiangshang3:before { content: "\e647"; }
120 | .icon-xiangxia1:before { content: "\e648"; }
121 | .icon-xiangxia2:before { content: "\e649"; }
122 | .icon-xiangxia3:before { content: "\e64a"; }
123 | .icon-xiangxia5:before { content: "\e64b"; }
124 | .icon-xiangyou1:before { content: "\e64c"; }
125 | .icon-xiangyou2:before { content: "\e64d"; }
126 | .icon-xiangyou3fill:before { content: "\e64e"; }
127 | .icon-xiangyou3:before { content: "\e64f"; }
128 | .icon-xiangzuo1:before { content: "\e650"; }
129 | .icon-xiangzuo2:before { content: "\e651"; }
130 | .icon-biaoxing1:before { content: "\e601"; }
131 | 


--------------------------------------------------------------------------------
/font/.svn/text-base/iconfont.eot.svn-base:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/font/.svn/text-base/iconfont.eot.svn-base


--------------------------------------------------------------------------------
/font/.svn/text-base/iconfont.ttf.svn-base:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/font/.svn/text-base/iconfont.ttf.svn-base


--------------------------------------------------------------------------------
/font/.svn/text-base/iconfont.woff.svn-base:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/font/.svn/text-base/iconfont.woff.svn-base


--------------------------------------------------------------------------------
/font/demo.css:
--------------------------------------------------------------------------------
 1 | *{margin: 0;padding: 0;list-style: none;}
 2 | /*
 3 | KISSY CSS Reset
 4 | 理念：1. reset 的目的不是清除浏览器的默认样式，这仅是部分工作。清除和重置是紧密不可分的。
 5 | 2. reset 的目的不是让默认样式在所有浏览器下一致，而是减少默认样式有可能带来的问题。
 6 | 3. reset 期望提供一套普适通用的基础样式。但没有银弹，推荐根据具体需求，裁剪和修改后再使用。
 7 | 特色：1. 适应中文；2. 基于最新主流浏览器。
 8 | 维护：玉伯<lifesinger@gmail.com>, 正淳<ragecarrier@gmail.com>
 9 |  */
10 | 
11 | /** 清除内外边距 **/
12 | body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
13 | dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
14 | pre, /* text formatting elements 文本格式元素 */
15 | form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
16 | th, td /* table elements 表格元素 */ {
17 |   margin: 0;
18 |   padding: 0;
19 | }
20 | 
21 | /** 设置默认字体 **/
22 | body,
23 | button, input, select, textarea /* for ie */ {
24 |   font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif;
25 | }
26 | h1, h2, h3, h4, h5, h6 { font-size: 100%; }
27 | address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
28 | code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */
29 | small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */
30 | 
31 | /** 重置列表元素 **/
32 | ul, ol { list-style: none; }
33 | 
34 | /** 重置文本格式元素 **/
35 | a { text-decoration: none; }
36 | a:hover { text-decoration: underline; }
37 | 
38 | 
39 | /** 重置表单元素 **/
40 | legend { color: #000; } /* for ie6 */
41 | fieldset, img { border: 0; } /* img 搭车：让链接里的 img 无边框 */
42 | button, input, select, textarea { font-size: 100%; } /* 使得表单元素在 ie 下能继承字体大小 */
43 | /* 注：optgroup 无法扶正 */
44 | 
45 | /** 重置表格元素 **/
46 | table { border-collapse: collapse; border-spacing: 0; }
47 | 
48 | /* 清除浮动 */
49 | .ks-clear:after, .clear:after {
50 |   content: '\20';
51 |   display: block;
52 |   height: 0;
53 |   clear: both;
54 | }
55 | .ks-clear, .clear {
56 |   *zoom: 1;
57 | }
58 | 
59 | .main {padding: 30px 100px;}
60 | .main h1{font-size:36px; color:#333; text-align:left;margin-bottom:30px; border-bottom: 1px solid #eee;}
61 | 
62 | .helps{margin-top:40px;}
63 | .helps pre{
64 |   padding:20px;
65 |   margin:10px 0;
66 |   border:solid 1px #e7e1cd;
67 |   background-color: #fffdef;
68 |   overflow: auto;
69 | }
70 | 
71 | .icon_lists li{
72 |   float:left;
73 |   width: 100px;
74 |   height:180px;
75 |   text-align: center;
76 | }
77 | .icon_lists .icon{
78 |   font-size: 42px;
79 |   line-height: 100px;
80 |   margin: 10px 0;
81 |   color:#333;
82 |   -webkit-transition: font-size 0.25s ease-out 0s;
83 |   -moz-transition: font-size 0.25s ease-out 0s;
84 |   transition: font-size 0.25s ease-out 0s;
85 | 
86 | }
87 | .icon_lists .icon:hover{
88 |   font-size: 100px;
89 | }
90 | 


--------------------------------------------------------------------------------
/font/iconfont.css:
--------------------------------------------------------------------------------
  1 | 
  2 | @font-face {font-family: "iconfont";
  3 |   src: url('iconfont.eot?t=1461655152'); /* IE9*/
  4 |   src: url('iconfont.eot?t=1461655152#iefix') format('embedded-opentype'), /* IE6-IE8 */
  5 |   url('iconfont.woff?t=1461655152') format('woff'), /* chrome, firefox */
  6 |   url('iconfont.ttf?t=1461655152') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  7 |   url('iconfont.svg?t=1461655152#iconfont') format('svg'); /* iOS 4.1- */
  8 | }
  9 | 
 10 | .iconfont {
 11 |   font-family:"iconfont" !important;
 12 |   font-size:16px;
 13 |   font-style:normal;
 14 |   -webkit-font-smoothing: antialiased;
 15 |   -webkit-text-stroke-width: 0.2px;
 16 |   -moz-osx-font-smoothing: grayscale;
 17 | }
 18 | .icon-favorfill:before { content: "\e600"; }
 19 | .icon-loading:before { content: "\e602"; }
 20 | .icon-phone:before { content: "\e603"; }
 21 | .icon-roundrightfill:before { content: "\e604"; }
 22 | .icon-search:before { content: "\e606"; }
 23 | .icon-warnfill:before { content: "\e60a"; }
 24 | .icon-warn:before { content: "\e60b"; }
 25 | .icon-camerafill:before { content: "\e60d"; }
 26 | .icon-camera:before { content: "\e60e"; }
 27 | .icon-myfill:before { content: "\e60f"; }
 28 | .icon-my:before { content: "\e610"; }
 29 | .icon-scan:before { content: "\e611"; }
 30 | .icon-settings:before { content: "\e612"; }
 31 | .icon-filter:before { content: "\e613"; }
 32 | .icon-top:before { content: "\e652"; }
 33 | .icon-pullup:before { content: "\e654"; }
 34 | .icon-refresh:before { content: "\e655"; }
 35 | .icon-moreandroid:before { content: "\e656"; }
 36 | .icon-qrcode:before { content: "\e657"; }
 37 | .icon-remind:before { content: "\e658"; }
 38 | .icon-home:before { content: "\e659"; }
 39 | .icon-homefill:before { content: "\e65a"; }
 40 | .icon-addressbook:before { content: "\e65b"; }
 41 | .icon-link:before { content: "\e65c"; }
 42 | .icon-lock:before { content: "\e65d"; }
 43 | .icon-unlock:before { content: "\e65e"; }
 44 | .icon-friendaddfill:before { content: "\e65f"; }
 45 | .icon-friendadd:before { content: "\e660"; }
 46 | .icon-friendfamous:before { content: "\e661"; }
 47 | .icon-friend:before { content: "\e662"; }
 48 | .icon-friendfavor:before { content: "\e664"; }
 49 | .icon-sort:before { content: "\e665"; }
 50 | .icon-down:before { content: "\e666"; }
 51 | .icon-female:before { content: "\e66b"; }
 52 | .icon-keyboard:before { content: "\e66c"; }
 53 | .icon-male:before { content: "\e66d"; }
 54 | .icon-newfill:before { content: "\e66e"; }
 55 | .icon-new:before { content: "\e66f"; }
 56 | .icon-pullleft:before { content: "\e670"; }
 57 | .icon-pullright:before { content: "\e671"; }
 58 | .icon-cameraadd:before { content: "\e674"; }
 59 | .icon-friendfill:before { content: "\e675"; }
 60 | .icon-picfill:before { content: "\e676"; }
 61 | .icon-alignjustify:before { content: "\e60c"; }
 62 | .icon-markfill:before { content: "\e677"; }
 63 | .icon-mark:before { content: "\e678"; }
 64 | .icon-album:before { content: "\e679"; }
 65 | .icon-peoplefill:before { content: "\e67a"; }
 66 | .icon-people:before { content: "\e67b"; }
 67 | .icon-attentionfill:before { content: "\e67f"; }
 68 | .icon-attention:before { content: "\e680"; }
 69 | .icon-rounddown:before { content: "\e688"; }
 70 | .icon-upload:before { content: "\e689"; }
 71 | .icon-safe:before { content: "\e68c"; }
 72 | .icon-shezhi:before { content: "\e614"; }
 73 | .icon-danxuanfill:before { content: "\e615"; }
 74 | .icon-danxuan:before { content: "\e616"; }
 75 | .icon-fangxingweixuanzhong:before { content: "\e617"; }
 76 | .icon-fangxingxuanzhongfill:before { content: "\e618"; }
 77 | .icon-fangxingxuanzhong:before { content: "\e619"; }
 78 | .icon-guanbi1:before { content: "\e61a"; }
 79 | .icon-guanbi2fill:before { content: "\e61b"; }
 80 | .icon-guanbi2:before { content: "\e61c"; }
 81 | .icon-jiahao:before { content: "\e61d"; }
 82 | .icon-jiahao1:before { content: "\e61e"; }
 83 | .icon-jiahao2fill:before { content: "\e61f"; }
 84 | .icon-jianhao:before { content: "\e620"; }
 85 | .icon-tishifill:before { content: "\e621"; }
 86 | .icon-tishi:before { content: "\e622"; }
 87 | .icon-wenhaofill:before { content: "\e623"; }
 88 | .icon-wenhao:before { content: "\e624"; }
 89 | .icon-xuanze:before { content: "\e625"; }
 90 | .icon-yuanxingweixuanzhong:before { content: "\e626"; }
 91 | .icon-yuanxingxuanzhongfill:before { content: "\e627"; }
 92 | .icon-yuanxingxuanzhong:before { content: "\e628"; }
 93 | .icon-biaoxingfill:before { content: "\e629"; }
 94 | .icon-biaoxing:before { content: "\e62a"; }
 95 | .icon-chexiao:before { content: "\e62b"; }
 96 | .icon-fankui:before { content: "\e62d"; }
 97 | .icon-fenxiang:before { content: "\e62e"; }
 98 | .icon-gengduo:before { content: "\e62f"; }
 99 | .icon-gouwuchefill:before { content: "\e630"; }
100 | .icon-gouwuche:before { content: "\e631"; }
101 | .icon-liuyanfill:before { content: "\e632"; }
102 | .icon-liuyan:before { content: "\e633"; }
103 | .icon-pengyou:before { content: "\e635"; }
104 | .icon-saoma:before { content: "\e637"; }
105 | .icon-shaixuan:before { content: "\e638"; }
106 | .icon-shanchu:before { content: "\e639"; }
107 | .icon-shenfen:before { content: "\e63a"; }
108 | .icon-shizhongfill:before { content: "\e63b"; }
109 | .icon-shizhong:before { content: "\e63c"; }
110 | .icon-tongzhifill:before { content: "\e63e"; }
111 | .icon-tongzhi:before { content: "\e63f"; }
112 | .icon-xihuanfill:before { content: "\e640"; }
113 | .icon-xihuan:before { content: "\e641"; }
114 | .icon-xinxifill:before { content: "\e642"; }
115 | .icon-xinxi:before { content: "\e643"; }
116 | .icon-dingbu:before { content: "\e644"; }
117 | .icon-xiangshang1:before { content: "\e645"; }
118 | .icon-xiangshang2:before { content: "\e646"; }
119 | .icon-xiangshang3:before { content: "\e647"; }
120 | .icon-xiangxia1:before { content: "\e648"; }
121 | .icon-xiangxia2:before { content: "\e649"; }
122 | .icon-xiangxia3:before { content: "\e64a"; }
123 | .icon-xiangxia5:before { content: "\e64b"; }
124 | .icon-xiangyou1:before { content: "\e64c"; }
125 | .icon-xiangyou2:before { content: "\e64d"; }
126 | .icon-xiangyou3fill:before { content: "\e64e"; }
127 | .icon-xiangyou3:before { content: "\e64f"; }
128 | .icon-xiangzuo1:before { content: "\e650"; }
129 | .icon-xiangzuo2:before { content: "\e651"; }
130 | .icon-biaoxing1:before { content: "\e601"; }
131 | 


--------------------------------------------------------------------------------
/font/iconfont.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/font/iconfont.eot


--------------------------------------------------------------------------------
/font/iconfont.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/font/iconfont.ttf


--------------------------------------------------------------------------------
/font/iconfont.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/font/iconfont.woff


--------------------------------------------------------------------------------
/form/search.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html>
  3 | <head lang="en">
  4 |     <meta charset="UTF-8">
  5 |     <meta name="author" content="颜家超"/>
  6 |     <meta name="viewport"
  7 |           content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"/>
  8 |     <title>搜索</title>
  9 |     <link rel="stylesheet" href="../css/bui.css"/>
 10 | 
 11 |     <script src="../js/zepto.js"></script>
 12 |     <script src="../js/plugins/fastclick.js"></script>
 13 |     <script src="../js/bui.js"></script>
 14 |     <script src="../js/app/_config.js"></script>
 15 |     <script>
 16 | 
 17 |         var pageview = {};
 18 | 
 19 |         bui.ready(function () {
 20 |             
 21 |             // 执行初始化
 22 |             pageview.init();
 23 |         })
 24 | 
 25 |         pageview.bind = function () {
 26 | 
 27 |             //初始化页面的链接跳转
 28 |             bui.btn({id: "#page", handle: ".bui-btn"}).load();
 29 | 
 30 |         }
 31 |         pageview.init = function () {
 32 | 
 33 |             this.bind();
 34 |         }
 35 |     </script>
 36 |     <style>
 37 |         /**头部**/
 38 |         .search-bar {
 39 |             background-image: linear-gradient(to bottom, #7cb8e9, #89bfe3, #72a8d7, #89b5d8, #92bbda)
 40 |         }
 41 | 
 42 |         .search-bar .bui-bar {
 43 |             background-color: transparent;
 44 |         }
 45 | 
 46 |         .search-bar .wrap-search {
 47 |             padding: .4rem .2rem;
 48 |             background-color: transparent;
 49 |         }
 50 | 
 51 |         .search-bar .wrap-search .wrap-input {
 52 |             -webkit-border-radius: .05rem;
 53 |             -moz-border-radius: .05rem;
 54 |             border-radius: .05rem;
 55 |         }
 56 | 
 57 |         .bui-bar .add-bar-width {
 58 |             width: 1rem;
 59 |         }
 60 | 
 61 |         .bui-bar .add-bar-width .bui-btn {
 62 |             width: 1.1rem;
 63 |         }
 64 | 
 65 |         .add-bar-width .bui-btn .name {
 66 |             vertical-align: top;
 67 |         }
 68 | 
 69 |         /*内容区**/
 70 |         .search-main .search-panel {
 71 |             margin-top: .18rem;
 72 |             border: none;
 73 | 
 74 |         }
 75 | 
 76 |         .search-main .search-panel .data-panel {
 77 |             padding-top: .13rem;
 78 |             padding-bottom: .13rem;
 79 |             font-size: .2rem;
 80 |             color: #999;
 81 |         }
 82 | 
 83 |         .search-main .bui-panel-head {
 84 |             padding-top: .13rem;
 85 |             padding-bottom: .13rem;
 86 |             font-size: .22rem;
 87 |             border-bottom-width: 1px;
 88 |         }
 89 | 
 90 |         .search-main .bui-panel-foot {
 91 |             padding:0;
 92 |             padding-top: .2rem;
 93 |             padding-bottom: .2rem;
 94 |             text-align: center;
 95 |         }
 96 |         .search-main .bui-panel-foot .bui-btn{
 97 |             border:0;
 98 |             padding:0;
 99 |             min-height: .2rem;
100 |         }
101 | 
102 |         .lists-panel {
103 |             margin: .12rem .2rem;
104 |             border: none;
105 |         }
106 | 
107 |         .lists-panel .bui-panel-head {
108 |             padding-top: .2rem;
109 |             padding-bottom: .2rem;
110 |             font-size: .22rem;
111 |             border-bottom: none;
112 |         }
113 | 
114 |         .lists-panel .bui-panel-main {
115 |             padding: 0 .2rem .2rem;
116 |             border-bottom:none;
117 |         }
118 | 
119 |         .lists-panel .bui-panel-main .span4 {
120 |             padding: 0 .05rem .1rem;
121 |             text-align: center;
122 | 
123 |         }
124 | 
125 |         .lists-panel .bui-panel-main .lists-tag {
126 |             display: inline-block;
127 |             width: 100%;
128 |             padding: .08rem 0;
129 |             font-size: .2rem;
130 |             color: #666;
131 |             background-color: #ebf9ff;
132 |             -webkit-border-radius: .2rem;
133 |             -moz-border-radius: .1rem;
134 |             border-radius: .2rem;
135 | 
136 |         }
137 |         .search-nav{
138 |             border-top:1px solid #cccccc;
139 |         }
140 |         .search-nav .bui-btn{
141 |             border:none;
142 |             background-color:#f8f8f8;
143 |         }
144 |         .search-nav .active-nav{
145 |             color:#0072c5;
146 |         }
147 |     </style>
148 | </head>
149 | <body>
150 | <div class="bui-page" id="page">
151 |     <header class="search-bar">
152 |         <div class="bui-bar">
153 |             <div class="bui-bar-left bui-bar-text">
154 |                 <a class="bui-btn" onclick="bui.back();">
155 |                     <i class="icon-back"></i>返回
156 |                 </a>
157 |             </div>
158 |             <div class="bui-bar-main">
159 |                 搜索
160 |             </div>
161 |             <div class="bui-bar-right bui-bar-text">
162 | 
163 |             </div>
164 |         </div>
165 |         <div class="bui-searchbar wrap-search">
166 |             <div class="bui-input wrap-input">
167 |                 <i class="icon-search">
168 |                 </i>
169 |                 <input type="text" value="" placeholder="搜索"/>
170 |             </div>
171 |         </div>
172 |     </header>
173 |     <main>
174 |         <div class="bui-box-space search-main">
175 |             <div class="span1">
176 |                 <div class="bui-panel search-panel">
177 |                     <div class="bui-panel-head">搜索历史</div>
178 |                     <div class="bui-panel-main">
179 |                         <ul class="bui-list">
180 |                             <li class="bui-btn bui-box data-panel">
181 | 
182 |                                 OA在线办公系统
183 | 
184 |                             </li>
185 |                             <li class="bui-btn bui-box data-panel">
186 |                                 融合通信
187 |                             </li>
188 |                         </ul>
189 |                     </div>
190 |                     <div class="bui-panel-foot">
191 |                         <div class="bui-btn search-remove">
192 |                             <i class="icon-">&#xe639;</i><span>删除历史记录</span>
193 |                         </div>
194 |                     </div>
195 |                 </div>
196 |             </div>
197 | 
198 |         </div>
199 |         <div class="bui-panel  lists-panel">
200 |             <div class="bui-panel-head">
201 |                 搜索热词
202 |             </div>
203 |             <div class="bui-panel-main">
204 |                 <div class="bui-fluid">
205 |                     <div class="span4">
206 |                         <span class="lists-tag">OA办公</span>
207 |                     </div>
208 |                     <div class="span4">
209 |                         <span class="lists-tag">医疗医生</span>
210 |                     </div>
211 |                     <div class="span4">
212 |                         <span class="lists-tag">融合通信</span>
213 |                     </div>
214 |                     <div class="span4">
215 |                         <span class="lists-tag">通信办公系统</span>
216 |                     </div>
217 |                     <div class="span4">
218 |                         <span class="lists-tag">移动办公</span>
219 |                     </div>
220 |                     <div class="span4">
221 |                         <span class="lists-tag">优惠</span>
222 |                     </div>
223 |                     <div class="span4">
224 |                         <span class="lists-tag">OA办公</span>
225 |                     </div>
226 |                     <div class="span4">
227 |                         <span class="lists-tag">医疗医生</span>
228 |                     </div>
229 |                     <div class="span4">
230 |                         <span class="lists-tag">融合通信</span>
231 |                     </div>
232 |                     <div class="span4">
233 |                         <span class="lists-tag">通信办公系统</span>
234 |                     </div>
235 |                     <div class="span4">
236 |                         <span class="lists-tag">移动办公</span>
237 |                     </div>
238 |                     <div class="span4">
239 |                         <span class="lists-tag">优惠</span>
240 |                     </div>
241 |                     <div class="span4">
242 |                         <span class="lists-tag">OA办公</span>
243 |                     </div>
244 |                     <div class="span4">
245 |                         <span class="lists-tag">医疗医生</span>
246 |                     </div>
247 |                     <div class="span4">
248 |                         <span class="lists-tag">融合通信</span>
249 |                     </div>
250 |                 </div>
251 |             </div>
252 |         </div>
253 |     </main>
254 |     <footer>
255 |         <ul class="bui-nav search-nav">
256 |             <li class="bui-btn bui-box-vertical">
257 |                 <i class="icon-infofill"></i>
258 |                 <div class="span1">
259 |                     消息
260 |                 </div>
261 |             </li>
262 |             <li class="bui-btn bui-box-vertical">
263 |                 <i class="icon-facefill"></i>
264 |                 <div class="span1">
265 |                     通信录
266 |                 </div>
267 |             </li>
268 |             <li class="bui-btn bui-box-vertical active">
269 |                 <i class="icon-search"></i>
270 |                 <div class="span1">
271 |                     发现
272 |                 </div>
273 |             </li>
274 |             <li class="bui-btn bui-box-vertical">
275 |                 <i class="icon-info"></i>
276 |                 <div class="span1">
277 |                     我的
278 |                 </div>
279 |             </li>
280 |         </ul>
281 |     </footer>
282 | </div>
283 | </body>
284 | </html>


--------------------------------------------------------------------------------
/form/search.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/form/search.jpg


--------------------------------------------------------------------------------
/form/search.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/form/search.png


--------------------------------------------------------------------------------
/images/.svn/all-wcprops:
--------------------------------------------------------------------------------
 1 | K 25
 2 | svn:wc:ra_dav:version-url
 3 | V 50
 4 | /svn/EID/!svn/ver/2246/01.Projects/BUI/demo/images
 5 | END
 6 | vcode.jpg
 7 | K 25
 8 | svn:wc:ra_dav:version-url
 9 | V 60
10 | /svn/EID/!svn/ver/1719/01.Projects/BUI/demo/images/vcode.jpg
11 | END
12 | date.png
13 | K 25
14 | svn:wc:ra_dav:version-url
15 | V 59
16 | /svn/EID/!svn/ver/2246/01.Projects/BUI/demo/images/date.png
17 | END
18 | face.png
19 | K 25
20 | svn:wc:ra_dav:version-url
21 | V 59
22 | /svn/EID/!svn/ver/1719/01.Projects/BUI/demo/images/face.png
23 | END
24 | loading.gif
25 | K 25
26 | svn:wc:ra_dav:version-url
27 | V 62
28 | /svn/EID/!svn/ver/1719/01.Projects/BUI/demo/images/loading.gif
29 | END
30 | applogo.png
31 | K 25
32 | svn:wc:ra_dav:version-url
33 | V 62
34 | /svn/EID/!svn/ver/1719/01.Projects/BUI/demo/images/applogo.png
35 | END
36 | slideshow.png
37 | K 25
38 | svn:wc:ra_dav:version-url
39 | V 64
40 | /svn/EID/!svn/ver/1719/01.Projects/BUI/demo/images/slideshow.png
41 | END
42 | pic.jpg
43 | K 25
44 | svn:wc:ra_dav:version-url
45 | V 58
46 | /svn/EID/!svn/ver/1719/01.Projects/BUI/demo/images/pic.jpg
47 | END
48 | 


--------------------------------------------------------------------------------
/images/.svn/entries:
--------------------------------------------------------------------------------
  1 | 10
  2 | 
  3 | dir
  4 | 2323
  5 | http://wangwsh@eid.bingosoft.net:81/svn/EID/01.Projects/BUI/demo/images
  6 | http://wangwsh@eid.bingosoft.net:81/svn/EID
  7 | 
  8 | 
  9 | 
 10 | 2017-03-31T06:34:24.357670Z
 11 | 2246
 12 | wangwsh
 13 | 
 14 | 
 15 | 
 16 | 
 17 | 
 18 | 
 19 | 
 20 | 
 21 | 
 22 | 
 23 | 
 24 | 
 25 | 
 26 | 
 27 | eee847a2-21fd-0d49-b3e5-7d3b911f45d9
 28 | 
 29 | vcode.jpg
 30 | file
 31 | 
 32 | 
 33 | 
 34 | 
 35 | 2016-12-27T08:09:56.000000Z
 36 | 785e6badfde02d6b7c565e18cf56cca1
 37 | 2016-06-30T09:03:39.537305Z
 38 | 1641
 39 | wangwsh
 40 | has-props
 41 | 
 42 | 
 43 | 
 44 | 
 45 | 
 46 | 
 47 | 
 48 | 
 49 | 
 50 | 
 51 | 
 52 | 
 53 | 
 54 | 
 55 | 
 56 | 
 57 | 
 58 | 
 59 | 
 60 | 
 61 | 2775
 62 | 
 63 | date.png
 64 | file
 65 | 
 66 | 
 67 | 
 68 | 
 69 | 2017-03-28T09:18:03.000000Z
 70 | ea9884effc134485234e1b160e599708
 71 | 2017-03-31T06:34:24.357670Z
 72 | 2246
 73 | wangwsh
 74 | has-props
 75 | 
 76 | 
 77 | 
 78 | 
 79 | 
 80 | 
 81 | 
 82 | 
 83 | 
 84 | 
 85 | 
 86 | 
 87 | 
 88 | 
 89 | 
 90 | 
 91 | 
 92 | 
 93 | 
 94 | 
 95 | 155143
 96 | 
 97 | face.png
 98 | file
 99 | 
100 | 
101 | 
102 | 
103 | 2016-12-27T08:09:56.000000Z
104 | 82e1ab3f3435b00d65ea15a16b6ebc2f
105 | 2016-06-30T09:03:39.537305Z
106 | 1641
107 | wangwsh
108 | has-props
109 | 
110 | 
111 | 
112 | 
113 | 
114 | 
115 | 
116 | 
117 | 
118 | 
119 | 
120 | 
121 | 
122 | 
123 | 
124 | 
125 | 
126 | 
127 | 
128 | 
129 | 43168
130 | 
131 | loading.gif
132 | file
133 | 
134 | 
135 | 
136 | 
137 | 2016-12-27T08:09:56.000000Z
138 | eb0d4350399324d3351b6f8d2bcfa26b
139 | 2016-05-11T13:51:00.540403Z
140 | 1598
141 | wangwsh
142 | has-props
143 | 
144 | 
145 | 
146 | 
147 | 
148 | 
149 | 
150 | 
151 | 
152 | 
153 | 
154 | 
155 | 
156 | 
157 | 
158 | 
159 | 
160 | 
161 | 
162 | 
163 | 22260
164 | 
165 | applogo.png
166 | file
167 | 
168 | 
169 | 
170 | 
171 | 2016-12-27T08:09:56.000000Z
172 | b79525e1fe769e3044fe11faaf2cadde
173 | 2016-05-23T14:54:52.219101Z
174 | 1611
175 | wangwsh
176 | has-props
177 | 
178 | 
179 | 
180 | 
181 | 
182 | 
183 | 
184 | 
185 | 
186 | 
187 | 
188 | 
189 | 
190 | 
191 | 
192 | 
193 | 
194 | 
195 | 
196 | 
197 | 10458
198 | 
199 | slideshow.png
200 | file
201 | 
202 | 
203 | 
204 | 
205 | 2017-03-20T10:33:59.000000Z
206 | ddf04b488e9b1559c78a9fbe7c95da22
207 | 2016-05-11T13:51:00.540403Z
208 | 1598
209 | wangwsh
210 | has-props
211 | 
212 | 
213 | 
214 | 
215 | 
216 | 
217 | 
218 | 
219 | 
220 | 
221 | 
222 | 
223 | 
224 | 
225 | 
226 | 
227 | 
228 | 
229 | 
230 | 
231 | 223614
232 | 
233 | pic.jpg
234 | file
235 | 
236 | 
237 | 
238 | 
239 | 2017-01-18T06:40:40.000000Z
240 | 7ae13662dd1775bf140f5fe98a20960d
241 | 2016-05-11T13:51:00.540403Z
242 | 1598
243 | wangwsh
244 | has-props
245 | 
246 | 
247 | 
248 | 
249 | 
250 | 
251 | 
252 | 
253 | 
254 | 
255 | 
256 | 
257 | 
258 | 
259 | 
260 | 
261 | 
262 | 
263 | 
264 | 
265 | 23428
266 | 
267 | 


--------------------------------------------------------------------------------
/images/.svn/prop-base/applogo.png.svn-base:
--------------------------------------------------------------------------------
1 | K 13
2 | svn:mime-type
3 | V 24
4 | application/octet-stream
5 | END
6 | 


--------------------------------------------------------------------------------
/images/.svn/prop-base/date.png.svn-base:
--------------------------------------------------------------------------------
1 | K 13
2 | svn:mime-type
3 | V 24
4 | application/octet-stream
5 | END
6 | 


--------------------------------------------------------------------------------
/images/.svn/prop-base/face.png.svn-base:
--------------------------------------------------------------------------------
1 | K 13
2 | svn:mime-type
3 | V 24
4 | application/octet-stream
5 | END
6 | 


--------------------------------------------------------------------------------
/images/.svn/prop-base/loading.gif.svn-base:
--------------------------------------------------------------------------------
 1 | K 14
 2 | svn:executable
 3 | V 1
 4 | *
 5 | K 13
 6 | svn:mime-type
 7 | V 24
 8 | application/octet-stream
 9 | END
10 | 


--------------------------------------------------------------------------------
/images/.svn/prop-base/pic.jpg.svn-base:
--------------------------------------------------------------------------------
1 | K 13
2 | svn:mime-type
3 | V 24
4 | application/octet-stream
5 | END
6 | 


--------------------------------------------------------------------------------
/images/.svn/prop-base/slideshow.png.svn-base:
--------------------------------------------------------------------------------
1 | K 13
2 | svn:mime-type
3 | V 24
4 | application/octet-stream
5 | END
6 | 


--------------------------------------------------------------------------------
/images/.svn/prop-base/vcode.jpg.svn-base:
--------------------------------------------------------------------------------
1 | K 13
2 | svn:mime-type
3 | V 24
4 | application/octet-stream
5 | END
6 | 


--------------------------------------------------------------------------------
/images/.svn/text-base/applogo.png.svn-base:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/images/.svn/text-base/applogo.png.svn-base


--------------------------------------------------------------------------------
/images/.svn/text-base/date.png.svn-base:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/images/.svn/text-base/date.png.svn-base


--------------------------------------------------------------------------------
/images/.svn/text-base/face.png.svn-base:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/images/.svn/text-base/face.png.svn-base


--------------------------------------------------------------------------------
/images/.svn/text-base/loading.gif.svn-base:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/images/.svn/text-base/loading.gif.svn-base


--------------------------------------------------------------------------------
/images/.svn/text-base/pic.jpg.svn-base:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/images/.svn/text-base/pic.jpg.svn-base


--------------------------------------------------------------------------------
/images/.svn/text-base/slideshow.png.svn-base:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/images/.svn/text-base/slideshow.png.svn-base


--------------------------------------------------------------------------------
/images/.svn/text-base/vcode.jpg.svn-base:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/images/.svn/text-base/vcode.jpg.svn-base


--------------------------------------------------------------------------------
/images/applogo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/images/applogo.png


--------------------------------------------------------------------------------
/index/images/.svn/all-wcprops:
--------------------------------------------------------------------------------
 1 | K 25
 2 | svn:wc:ra_dav:version-url
 3 | V 60
 4 | /svn/EID/!svn/ver/1719/01.Projects/BUI/demo/ui_scence/images
 5 | END
 6 | Personal1-bg-personal1.png
 7 | K 25
 8 | svn:wc:ra_dav:version-url
 9 | V 87
10 | /svn/EID/!svn/ver/1719/01.Projects/BUI/demo/ui_scence/images/Personal1-bg-personal1.png
11 | END
12 | index2-img.png
13 | K 25
14 | svn:wc:ra_dav:version-url
15 | V 75
16 | /svn/EID/!svn/ver/1719/01.Projects/BUI/demo/ui_scence/images/index2-img.png
17 | END
18 | index3-img.png
19 | K 25
20 | svn:wc:ra_dav:version-url
21 | V 75
22 | /svn/EID/!svn/ver/1719/01.Projects/BUI/demo/ui_scence/images/index3-img.png
23 | END
24 | index4-img.png
25 | K 25
26 | svn:wc:ra_dav:version-url
27 | V 75
28 | /svn/EID/!svn/ver/1719/01.Projects/BUI/demo/ui_scence/images/index4-img.png
29 | END
30 | Personal3-img-contact.png
31 | K 25
32 | svn:wc:ra_dav:version-url
33 | V 86
34 | /svn/EID/!svn/ver/1719/01.Projects/BUI/demo/ui_scence/images/Personal3-img-contact.png
35 | END
36 | Personal1-img-face.png
37 | K 25
38 | svn:wc:ra_dav:version-url
39 | V 83
40 | /svn/EID/!svn/ver/1719/01.Projects/BUI/demo/ui_scence/images/Personal1-img-face.png
41 | END
42 | 


--------------------------------------------------------------------------------
/index/images/.svn/entries:
--------------------------------------------------------------------------------
  1 | 10
  2 | 
  3 | dir
  4 | 2323
  5 | http://wangwsh@eid.bingosoft.net:81/svn/EID/01.Projects/BUI/demo/ui_scence/images
  6 | http://wangwsh@eid.bingosoft.net:81/svn/EID
  7 | 
  8 | 
  9 | 
 10 | 2016-05-11T13:51:00.540403Z
 11 | 1598
 12 | wangwsh
 13 | 
 14 | 
 15 | 
 16 | 
 17 | 
 18 | 
 19 | 
 20 | 
 21 | 
 22 | 
 23 | 
 24 | 
 25 | 
 26 | 
 27 | eee847a2-21fd-0d49-b3e5-7d3b911f45d9
 28 | 
 29 | Personal1-bg-personal1.png
 30 | file
 31 | 
 32 | 
 33 | 
 34 | 
 35 | 2016-12-29T05:40:57.000000Z
 36 | 5fd3fa6be377ff36f4c90388f9794b78
 37 | 2016-05-11T13:51:00.540403Z
 38 | 1598
 39 | wangwsh
 40 | has-props
 41 | 
 42 | 
 43 | 
 44 | 
 45 | 
 46 | 
 47 | 
 48 | 
 49 | 
 50 | 
 51 | 
 52 | 
 53 | 
 54 | 
 55 | 
 56 | 
 57 | 
 58 | 
 59 | 
 60 | 
 61 | 93660
 62 | 
 63 | index2-img.png
 64 | file
 65 | 
 66 | 
 67 | 
 68 | 
 69 | 2016-12-29T05:40:57.000000Z
 70 | 856312bee2ef9f35521988c3ea2a5e8c
 71 | 2016-05-11T13:51:00.540403Z
 72 | 1598
 73 | wangwsh
 74 | has-props
 75 | 
 76 | 
 77 | 
 78 | 
 79 | 
 80 | 
 81 | 
 82 | 
 83 | 
 84 | 
 85 | 
 86 | 
 87 | 
 88 | 
 89 | 
 90 | 
 91 | 
 92 | 
 93 | 
 94 | 
 95 | 82755
 96 | 
 97 | index3-img.png
 98 | file
 99 | 
100 | 
101 | 
102 | 
103 | 2016-12-29T05:40:57.000000Z
104 | dc66692cd65445377a75ef5834b12b92
105 | 2016-05-11T13:51:00.540403Z
106 | 1598
107 | wangwsh
108 | has-props
109 | 
110 | 
111 | 
112 | 
113 | 
114 | 
115 | 
116 | 
117 | 
118 | 
119 | 
120 | 
121 | 
122 | 
123 | 
124 | 
125 | 
126 | 
127 | 
128 | 
129 | 109097
130 | 
131 | index4-img.png
132 | file
133 | 
134 | 
135 | 
136 | 
137 | 2016-12-29T05:40:57.000000Z
138 | 8a2cab073096bafe79b5ac36bb98296f
139 | 2016-05-11T13:51:00.540403Z
140 | 1598
141 | wangwsh
142 | has-props
143 | 
144 | 
145 | 
146 | 
147 | 
148 | 
149 | 
150 | 
151 | 
152 | 
153 | 
154 | 
155 | 
156 | 
157 | 
158 | 
159 | 
160 | 
161 | 
162 | 
163 | 8223
164 | 
165 | Personal3-img-contact.png
166 | file
167 | 
168 | 
169 | 
170 | 
171 | 2016-12-29T05:40:57.000000Z
172 | eab4e01d927585dcad32d9d8ff96fca4
173 | 2016-05-11T13:51:00.540403Z
174 | 1598
175 | wangwsh
176 | has-props
177 | 
178 | 
179 | 
180 | 
181 | 
182 | 
183 | 
184 | 
185 | 
186 | 
187 | 
188 | 
189 | 
190 | 
191 | 
192 | 
193 | 
194 | 
195 | 
196 | 
197 | 20741
198 | 
199 | Personal1-img-face.png
200 | file
201 | 
202 | 
203 | 
204 | 
205 | 2016-12-29T05:40:57.000000Z
206 | 709877f2fb5c3d85274085aaafbef034
207 | 2016-05-11T13:51:00.540403Z
208 | 1598
209 | wangwsh
210 | has-props
211 | 
212 | 
213 | 
214 | 
215 | 
216 | 
217 | 
218 | 
219 | 
220 | 
221 | 
222 | 
223 | 
224 | 
225 | 
226 | 
227 | 
228 | 
229 | 
230 | 
231 | 28047
232 | 
233 | 


--------------------------------------------------------------------------------
/index/images/.svn/prop-base/Personal1-bg-personal1.png.svn-base:
--------------------------------------------------------------------------------
1 | K 13
2 | svn:mime-type
3 | V 24
4 | application/octet-stream
5 | END
6 | 


--------------------------------------------------------------------------------
/index/images/.svn/prop-base/Personal1-img-face.png.svn-base:
--------------------------------------------------------------------------------
1 | K 13
2 | svn:mime-type
3 | V 24
4 | application/octet-stream
5 | END
6 | 


--------------------------------------------------------------------------------
/index/images/.svn/prop-base/Personal3-img-contact.png.svn-base:
--------------------------------------------------------------------------------
1 | K 13
2 | svn:mime-type
3 | V 24
4 | application/octet-stream
5 | END
6 | 


--------------------------------------------------------------------------------
/index/images/.svn/prop-base/index2-img.png.svn-base:
--------------------------------------------------------------------------------
1 | K 13
2 | svn:mime-type
3 | V 24
4 | application/octet-stream
5 | END
6 | 


--------------------------------------------------------------------------------
/index/images/.svn/prop-base/index3-img.png.svn-base:
--------------------------------------------------------------------------------
1 | K 13
2 | svn:mime-type
3 | V 24
4 | application/octet-stream
5 | END
6 | 


--------------------------------------------------------------------------------
/index/images/.svn/prop-base/index4-img.png.svn-base:
--------------------------------------------------------------------------------
1 | K 13
2 | svn:mime-type
3 | V 24
4 | application/octet-stream
5 | END
6 | 


--------------------------------------------------------------------------------
/index/images/.svn/text-base/Personal1-bg-personal1.png.svn-base:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/index/images/.svn/text-base/Personal1-bg-personal1.png.svn-base


--------------------------------------------------------------------------------
/index/images/.svn/text-base/Personal1-img-face.png.svn-base:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/index/images/.svn/text-base/Personal1-img-face.png.svn-base


--------------------------------------------------------------------------------
/index/images/.svn/text-base/Personal3-img-contact.png.svn-base:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/index/images/.svn/text-base/Personal3-img-contact.png.svn-base


--------------------------------------------------------------------------------
/index/images/.svn/text-base/index2-img.png.svn-base:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/index/images/.svn/text-base/index2-img.png.svn-base


--------------------------------------------------------------------------------
/index/images/.svn/text-base/index3-img.png.svn-base:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/index/images/.svn/text-base/index3-img.png.svn-base


--------------------------------------------------------------------------------
/index/images/.svn/text-base/index4-img.png.svn-base:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/index/images/.svn/text-base/index4-img.png.svn-base


--------------------------------------------------------------------------------
/index/images/Personal3-img-contact.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/index/images/Personal3-img-contact.png


--------------------------------------------------------------------------------
/index/images/index2-img.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/index/images/index2-img.png


--------------------------------------------------------------------------------
/index/images/index3-img.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/index/images/index3-img.png


--------------------------------------------------------------------------------
/index/images/index4-img.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/index/images/index4-img.png


--------------------------------------------------------------------------------
/index/images/round/round-inner.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/index/images/round/round-inner.png


--------------------------------------------------------------------------------
/index/images/round/round-light.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/index/images/round/round-light.png


--------------------------------------------------------------------------------
/index/images/round/round-light2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/index/images/round/round-light2.png


--------------------------------------------------------------------------------
/index/images/round/round-outer.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/index/images/round/round-outer.png


--------------------------------------------------------------------------------
/index/images/round/round-scan-light.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/index/images/round/round-scan-light.png


--------------------------------------------------------------------------------
/index/images/round/round-scan.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/index/images/round/round-scan.png


--------------------------------------------------------------------------------
/index/images/round/round.psd:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/index/images/round/round.psd


--------------------------------------------------------------------------------
/index/index1.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE HTML>
  2 | <html lang="en-US">
  3 | <head>
  4 | <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
  5 | <title>首页导航</title>
  6 | <meta name="format-detection" content="telephone=no" />
  7 | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
  8 | <link rel="stylesheet" href="../css/bui.css" /> 
  9 | <script src="../js/zepto.js"></script>
 10 | <script src="../js/plugins/fastclick.js"></script>
 11 | <script src="../js/bui.js"></script>
 12 | <script src="../js/app/_config.js"></script>
 13 | <style type="text/css">
 14 | 
 15 |     .bui-scroll .bui-scroll-main {
 16 |         background: #f5f5f5;
 17 |     }
 18 |     /* 轮播图片 */
 19 |     .news-slide .bui-slide-head{
 20 |         text-align: center;
 21 |         bottom: 0;
 22 |     }
 23 |     .news-slide .bui-slide-head ul li{
 24 |         width: 0.1rem;
 25 |         height: 0.1rem;
 26 |         text-indent: -99999px;
 27 |     }
 28 |     /* 快捷入口导航 */
 29 |     .shortcut-nav{
 30 |         margin-top: 0.2rem;
 31 |     }
 32 |     .shortcut-nav [class*=bui-btn]{
 33 |         padding: 0.15rem 0;
 34 |         border: none;
 35 |     }
 36 |     .shortcut-nav [class*=bui-btn] .icon{
 37 |         color: #ffffff;
 38 |         height: 0.7rem;
 39 |         width: 0.7rem;
 40 |         border-radius: 50%;
 41 |         line-height: 0.7rem;
 42 |         margin: 0.1rem 0;
 43 |         font-size: .5rem;
 44 |     }
 45 |     .short1{
 46 |         background-color: #1896d6;
 47 |     }
 48 |     .short2{
 49 |         background-color: #cf85c6;
 50 |     }
 51 |     .short3{
 52 |         background-color: #40afcc;
 53 |     }
 54 |     .short4{
 55 |         background-color: #ed758e;
 56 |     }
 57 |     /* 列表 */
 58 | 
 59 |     .news-list{
 60 |         border-top: none;
 61 |         margin-top: 0.2rem;
 62 |         padding: 0 0.2rem;
 63 |         background-color: #ffffff;
 64 |     }
 65 |     .news-list .bui-btn{
 66 |         padding: .2rem 0;
 67 |         border: none;
 68 |         border-top: 1px solid #efefef;
 69 |     }
 70 |     .news-list .thumbnail{
 71 |         width:1.4rem;
 72 |         height: 1rem;
 73 |         background: #a6a6a6;
 74 |         overflow: hidden;
 75 |         text-align: center;
 76 |     }
 77 |     .news-list .thumbnail img {
 78 |         width: 100%;
 79 |         height: auto;
 80 |     }
 81 |     .news-list li:first-child{
 82 |         border-top: none;
 83 |     }
 84 |     .news-list .time{
 85 |         margin-left: 0.15rem;
 86 |         font-size: 0.17rem;
 87 |     }
 88 |     .news-list .icon-{
 89 |         font-size: 0.17rem;
 90 |         margin-right: 0.05rem;
 91 |     }
 92 |     .news-list .item-title{
 93 |         font-size: 0.22rem;
 94 |         height: .6rem;
 95 |         overflow: hidden;
 96 |         line-height: 1.3;
 97 |     }
 98 |     .news-list .item-text{
 99 |         font-size: 0.17rem;
100 |     }
101 | 
102 | </style>
103 | <script>
104 |     
105 |     var pageview = {},  // 页面模块
106 | 
107 |         uiList,         // 列表控件
108 |         uiSlide;        // 焦点图控件;
109 | 
110 | 	bui.ready(function (argument) {
111 |         
112 |         // 页面初始化
113 |         pageview.init();
114 |         
115 | 	})
116 | 
117 |     // 事件绑定
118 |     pageview.bind = function () {
119 | 
120 |         // 初始化页面的链接跳转
121 |         bui.btn({ id:"#page" , handle:".bui-btn"}).load();
122 | 
123 |     }
124 | 
125 |     // 页面初始化
126 |     pageview.init = function () {
127 |         
128 |         // 初始化焦点图
129 |         uiSlide = bui.slide({
130 |             id:"#slide",
131 |             height:200,
132 |             autoplay : true,
133 |             autopage: true,
134 |             zoom: true
135 |         })
136 | 
137 |         // 初始化列表刷新加载
138 |         uiList = bui.list({
139 |             id: "#uiScroll",
140 |             url: "http://eid.bingosoft.net:82/bui/demo/json/chuangyi/article-list.json",
141 |             data: {},
142 |             pageSize:10,
143 |             field: {
144 |                 page: "page",        // 分页字段
145 |                 size: "pageSize",    // 页数字段
146 |                 data: ""         // 数据
147 |             },
148 |             template: template,
149 |             onLoad: function (scroll) {
150 |                 // 自定义渲染
151 |             },
152 |             callback: function (e) {
153 |                 // 点击单行回调 console.log($(this).text())
154 |             }
155 |         });
156 |         
157 | 
158 |         // 绑定页面事件
159 |         this.bind();
160 |     }
161 | 
162 |     //生成列表的模板
163 |     function template (data) {
164 |     
165 |         var html = "";
166 |             $.each(data,function(index, el) {
167 |                 html +='<li class="bui-btn bui-box-align-top">';
168 |                 html +='    <div class="thumbnail"><img src="images/Personal3-img-contact.png" alt=""></div>';
169 |                 html +='    <div class="span1">';
170 |                 html +='        <h3 class="item-title">'+el.Name+'</h3>';
171 |                 html +='        <div class="item-text bui-box">';
172 |                 html +='            <div class="span1">'+el.ExInforSources+'</div>';
173 |                 html +='            <span class="time"><i class="icon-">&#xe643;</i>23</span>';
174 |                 html +='            <span class="time"><i class="icon-">&#xe680;</i>495</span>';
175 |                 html +='            <span class="time"><i class="icon-">&#xe641;</i>28</span>';
176 |                 html +='        </div>';
177 |                 html +='    </div>            ';
178 |                 html +='</li>';
179 |             });
180 |     
181 |         return html;
182 |     };
183 |     
184 | </script>
185 | 
186 | </head>
187 | <body>
188 | <div id="page" class="bui-page">
189 | 	<header id="bar" class="bui-bar">
190 | 		<div class="bui-bar-left">
191 |             <a class="bui-btn" onclick="bui.back();"><i class="icon-back"></i></a>
192 | 		</div>
193 | 		<div class="bui-bar-main">首页</div>
194 | 		<div class="bui-bar-right">
195 | 			<a class="bui-btn-inline" ><i class="icon">&#xe606;</i></a>
196 | 		</div>
197 | 	</header>
198 | 	<main>
199 | 
200 |         <div id="uiScroll" class="bui-scroll">
201 |             <div class="bui-scroll-head"></div>
202 |             <div class="bui-scroll-main">
203 |                 <!-- 头部图片轮播 -->
204 |                 <div id="slide" class="bui-slide news-slide">
205 |                     <div id="slidemain" class="bui-slide-main">
206 |                         <ul>
207 |                             <li>
208 |                                 <div style="background: yellow;height: 100%;"></div>
209 |                             </li>
210 |                             <li>
211 |                                 <div style="background: orange;height: 100%;"></div>
212 |                             </li>
213 |                             <li>
214 |                                 <div style="background: red;height: 100%;"></div>
215 |                             </li>
216 |                         </ul>
217 |                     </div>
218 |                 </div>
219 |                 
220 |                 <!-- 快捷入口 -->
221 |                 <ul class="bui-nav shortcut-nav">
222 |                     <li class="bui-btn bui-box-vertical"><i class="icon short1">&#xe65c;</i><div class="span1">快捷入口</div></li>
223 |                     <li class="bui-btn bui-box-vertical"><i class="icon short2">&#xe65c;</i><div class="span1">快捷入口</div></li>
224 |                     <li class="bui-btn bui-box-vertical"><i class="icon short3">&#xe65c;</i><div class="span1">快捷入口</div></li>
225 |                     <li class="bui-btn bui-box-vertical"><i class="icon short4">&#xe65c;</i><div class="span1">快捷入口</div></li>
226 |                 </ul>
227 |                 <!-- 列表 -->
228 |                 <ul class="bui-list news-list" id="scrollList" >
229 |                     <!-- <li class="bui-btn bui-box-align-top">
230 |                         <div class="thumbnail"><img src="images/Personal3-img-contact.png" alt=""></div>
231 |                         <div class="span1">
232 |                             <h3 class="item-title">列表标题列表标题列表标题列表标题列表标</h3>
233 |                             <div class="item-text bui-box">
234 |                                 <div class="span1">发帖用户</div>
235 |                                 <span class="time"><i class="icon">&#xe643;</i>23</span>
236 |                                 <span class="time"><i class="icon">&#xe680;</i>495</span>
237 |                                 <span class="time"><i class="icon">&#xe641;</i>28</span>
238 |                             </div>
239 |                         </div>            
240 |                     </li> -->
241 |                 </ul>
242 |             </div>
243 |             <div class="bui-scroll-foot"></div>
244 |         </div>
245 | 	</main>
246 |     <footer>
247 |         <!-- 底部d导航栏 -->
248 |         <ul class="bui-nav footer-nav">
249 |             <li class="bui-btn bui-box-vertical active"><i class="icon">&#xe659;</i><div class="span1">首页</div></li>
250 |             <li class="bui-btn bui-box-vertical"><i class="icon">&#xe62d;</i><div class="span1">论坛</div></li>
251 |             <li class="bui-btn bui-box-vertical"><i class="icon">&#xe65b;</i><div class="span1">通讯录</div></li>
252 |             <li class="bui-btn bui-box-vertical"><i class="icon">&#xe67a;</i><div class="span1">我的</div></li>
253 |         </ul>
254 |     </footer>
255 | 
256 | </div>
257 | 	
258 | </body>
259 | </html>
260 | 


--------------------------------------------------------------------------------
/index/index1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/index/index1.jpg


--------------------------------------------------------------------------------
/index/index1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/index/index1.png


--------------------------------------------------------------------------------
/index/index2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/index/index2.jpg


--------------------------------------------------------------------------------
/index/index2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/index/index2.png


--------------------------------------------------------------------------------
/index/index3.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE HTML>
  2 | <html lang="en-US">
  3 | <head>
  4 | <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
  5 | <title>首页导航</title>
  6 | <meta name="format-detection" content="telephone=no" />
  7 | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
  8 | <link rel="stylesheet" href="../css/bui.css" /> 
  9 | <script src="../js/zepto.js"></script>
 10 | <script src="../js/plugins/fastclick.js"></script>
 11 | <script src="../js/bui.js"></script>
 12 | <script src="../js/app/_config.js"></script>
 13 | <style type="text/css">
 14 | 
 15 |     /* 快捷入口导航 */
 16 |     .shortcut-nav .bui-btn{
 17 |         padding: 0.1rem 0;
 18 |         border-right: 1px solid #eee;
 19 | 
 20 |     }
 21 |     .shortcut-nav .bui-btn .icon{
 22 |         color: #ffffff;
 23 |         height: 1rem;
 24 |         width: 1rem;
 25 |         border-radius: 50%;
 26 |         line-height: 1rem;
 27 |         margin: 0.3rem 0;
 28 |         font-size: 0.6rem;
 29 |     }
 30 |     .short1{
 31 |         background-color: #6cc96c;
 32 |     }
 33 |     .short2{
 34 |         background-color: #6cc96c;
 35 |     }
 36 |     .short3{
 37 |         background-color: #ffb33e;
 38 |     }
 39 |     .short4{
 40 |         background-color: #00a5e2;
 41 |     }
 42 |     .short5{
 43 |         background-color: #f57070;
 44 |     }
 45 |     .short6{
 46 |         background-color: #6cc96c;
 47 |     }
 48 | 
 49 |     /* 顶部圆环 */
 50 |     .header-img{
 51 |         height: 4rem;
 52 |         background-color: #0072c6;
 53 |     }
 54 |     /* 快捷入口 */
 55 |     .shortcut-nav .bui-box-vertical>[class*=span]{
 56 |         font-size: 0.2rem;
 57 |         color: #666666;
 58 |         padding-bottom: 0.15rem;
 59 |     }
 60 |     
 61 | 
 62 |     /*圆圈旋转动画*/
 63 |     .round-animate {
 64 |         width: 3rem;
 65 |         height: 3rem;
 66 |         overflow: hidden;
 67 |         margin: 0 auto;
 68 |         position: relative;
 69 |     }
 70 |     .round-animate img{
 71 |         max-width: 100%;
 72 |         max-height: 100%;
 73 |         vertical-align: top;
 74 |     }
 75 |     .round-animate .round-scan-light ,
 76 |     .round-animate .round-scan ,
 77 |     .round-animate .round-light ,
 78 |     .round-animate .round-inner ,
 79 |     .round-animate .round-outer {
 80 |         width: 100%;
 81 |         height: 100%;
 82 |         background: url("images/round/round-outer.png") center no-repeat;
 83 |         background-size: auto 100%;
 84 |         position: absolute;
 85 |         top: 0;
 86 |         left: 0;
 87 |         right: 0;
 88 |         bottom: 0;
 89 |         z-index: 10;
 90 |     }
 91 |     .round-animate .round-light {
 92 |         background-image: url("images/round/round-light.png");
 93 |     }
 94 |     .round-animate .round-inner {
 95 |         background-image: url("images/round/round-inner.png");
 96 |     }
 97 |     .round-animate .round-scan {
 98 |         background-image: url("images/round/round-scan.png");
 99 |     }
100 |     .round-animate .round-scan-light {
101 |         background-image: url("images/round/round-scan-light.png");
102 |     }
103 |     /*动画CSS*/
104 |     .animate-rotation{
105 |       -webkit-animation:rotate 30s infinite linear;
106 |       animation:rotate 30s infinite linear;
107 |     }
108 | 
109 |     .animate-rotation-reverse{
110 |       -webkit-animation:rotateReverse 4s infinite ease-out;
111 |       animation:rotateReverse 4s infinite  ease-out;
112 |     }
113 |     .animate-rotation-inner{
114 |       -webkit-animation:rotateReverse 8s infinite linear;
115 |       animation:rotateReverse 8s infinite linear;
116 |     }
117 |     .animate-zoom{
118 |       -webkit-animation:zoom 1s infinite ease-out;
119 |       animation:zoom 1s infinite  ease-out ;
120 |     }
121 |     .animate-translateY{
122 |       -webkit-animation:translateY 4s infinite ease-out;
123 |       animation:translateY 4s infinite  ease-out ;
124 |     }
125 | 
126 |     @-webkit-keyframes rotate{
127 |       0%{ -webkit-transform:rotate(0deg);}
128 |       100%{-webkit-transform:rotate(-360deg);}
129 |     }
130 |     @keyframes rotate{
131 |       0%{ -webkit-transform:rotate(0deg);}
132 |       100%{-webkit-transform:rotate(-360deg);}
133 |     }
134 |     @-webkit-keyframes rotateReverse{
135 |       0%{ -webkit-transform:rotate(0deg);}
136 |       100%{-webkit-transform:rotate(360deg);}
137 |     }
138 |     @keyframes rotateReverse{
139 |       0%{ -webkit-transform:rotate(0deg);}
140 |       100%{-webkit-transform:rotate(360deg);}
141 |     }
142 |     @-webkit-keyframes zoom{
143 |       0%{ -webkit-transform:scale(0.9);}
144 |       70%{ -webkit-transform:scale(1);}
145 |       100%{-webkit-transform:scale(0.9);}
146 |     }
147 |     @keyframes zoom{
148 |       0%{ -webkit-transform:scale(0.9);}
149 |       70%{ -webkit-transform:scale(1);}
150 |       100%{-webkit-transform:scale(0.9);}
151 |     }
152 |     @-webkit-keyframes translateY{
153 |       0%{ -webkit-transform:translateY(0);}
154 |       30%{ -webkit-transform:translateY(30px);}
155 |       80%{-webkit-transform:translateY(-20px);}
156 |       100%{-webkit-transform:translateY(0);}
157 |     }
158 |     @keyframes translateY{
159 |       0%{ -webkit-transform:translateY(0);}
160 |       30%{ -webkit-transform:translateY(30px);}
161 |       80%{-webkit-transform:translateY(-20px);}
162 |       100%{-webkit-transform:translateY(0);}
163 |     }
164 | </style>
165 | <script>
166 | var pageview = {};
167 | 
168 | 	bui.ready(function () {
169 |         
170 |         pageview.init();
171 | 	})
172 | 
173 |     pageview.bind = function () {
174 |         /*初始化页面的链接跳转*/
175 |         bui.btn({ id:"#page" , handle:".bui-btn"}).load();
176 |     }
177 | 
178 |     pageview.init = function () {
179 |         // 绑定事件
180 |         this.bind();
181 |     }
182 | 
183 | </script>
184 | 
185 | </head>
186 | <body>
187 | <div id="page" class="bui-page">
188 | 	<header id="bar" class="bui-bar">
189 | 		<div class="bui-bar">
190 | 			<div class="bui-bar-left">
191 |                 <a class="bui-btn" onclick="bui.back();"><i class="icon-back"></i></a>
192 | 			</div>
193 | 			<div class="bui-bar-main">客服在线支持平台</div>
194 | 			<div class="bui-bar-right">
195 | 			</div>
196 | 		</div>
197 | 	</header>
198 | 
199 | 	<main>
200 |         <!-- 圆 -->
201 |         <div class="header-img bui-box-center">
202 |             <div class="round-animate">
203 |                 <div class="round-outer animate-rotation"></div>
204 |                 <div class="round-inner animate-rotation-inner"></div>
205 |                 <div class="round-light animate-rotation-reverse"></div>
206 |                 <div class="round-main">
207 |                     <div class="round-scan animate-zoom"></div>
208 |                     <div class="round-scan-light animate-translateY"></div>
209 |                 </div>
210 |             </div>
211 |         </div>
212 | 
213 |         <!-- 快捷入口 -->
214 |         <ul class="bui-nav shortcut-nav bui-fluid">
215 |             <li class="bui-btn bui-box-vertical span4"><i class="icon short1">&#xe65c;</i><div class="span1">快捷入口</div></li> 
216 |             <li class="bui-btn bui-box-vertical span4"><i class="icon short2">&#xe65c;</i><div class="span1">快捷入口</div></li> 
217 |             <li class="bui-btn bui-box-vertical span4"><i class="icon short3">&#xe65c;</i><div class="span1">快捷入口</div></li> 
218 |             <li class="bui-btn bui-box-vertical span4"><i class="icon short4">&#xe65c;</i><div class="span1">快捷入口</div></li>
219 |             <li class="bui-btn bui-box-vertical span4"><i class="icon short5">&#xe65c;</i><div class="span1">快捷入口</div></li> 
220 |             <li class="bui-btn bui-box-vertical span4"><i class="icon short6">&#xe65c;</i><div class="span1">快捷入口</div></li>
221 |         </ul>
222 |         
223 | 	</main>
224 | 
225 |     <footer>
226 |         <!-- 底部d导航栏 -->
227 |         <ul class="bui-nav footer-nav">
228 |             <li class="bui-btn bui-box-vertical active"><i class="icon">&#xe659;</i><div class="span1">首页</div></li>
229 |             <li class="bui-btn bui-box-vertical"><i class="icon">&#xe65b;</i><div class="span1">通讯录</div></li>
230 |             <li class="bui-btn bui-box-vertical"><i class="icon">&#xe62d;</i><div class="span1">应用</div></li>
231 |             <li class="bui-btn bui-box-vertical"><i class="icon">&#xe67a;</i><div class="span1">我的</div></li>
232 |         </ul>
233 |     </footer>
234 | 
235 | </div>
236 | 	
237 | </body>
238 | </html>
239 | 


--------------------------------------------------------------------------------
/index/index3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/index/index3.jpg


--------------------------------------------------------------------------------
/index/index3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/index/index3.png


--------------------------------------------------------------------------------
/index/index4.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE HTML>
  2 | <html lang="en-US">
  3 | <head>
  4 | <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
  5 | <title>首页导航</title>
  6 | <meta name="format-detection" content="telephone=no" />
  7 | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
  8 | <link rel="stylesheet" href="../css/bui.css" /> 
  9 | <script src="../js/zepto.js"></script>
 10 | <script src="../js/plugins/fastclick.js"></script>
 11 | <script src="../js/bui.js"></script>
 12 | <script src="../js/app/_config.js"></script>
 13 | <style type="text/css">
 14 |     
 15 |     .bui-page main{
 16 |         background: #f5f5f5;
 17 |     }
 18 |     .bui-list {
 19 |         border-top: 0;
 20 |     }
 21 |     .header-content{
 22 |         background-color: #ffffff;
 23 |         display: -webkit-box;
 24 |         display: box;
 25 |         padding: 0.2rem 0.3rem;
 26 |     }
 27 |     /* 左边圆环 */
 28 |     .content-round{
 29 |         width: 1.8rem;
 30 |         position: relative;
 31 |     }
 32 |     .percent-img{
 33 |         text-align: center;
 34 |     }
 35 |     .percent-img img{
 36 |         width: 100%;
 37 |         margin: 0 auto;
 38 |     }
 39 |     .content-round .yesterday{
 40 |         color: #353535;
 41 |         font-size: 0.12rem;
 42 |         text-align: center;
 43 |     }
 44 |     .content-round .yesterday span{
 45 |         margin-left: 0.05rem;
 46 |         color: #00aeef;
 47 |         font-size: 0.18rem;
 48 |     }
 49 |     .content-round .today{
 50 |         color: #353535;
 51 |         font-size: 0.18rem;
 52 |         text-align: center;
 53 |         position: absolute;
 54 |         top: 0.4rem;
 55 |         left: 0.5rem;
 56 |         line-height: 1;
 57 |     }
 58 |     .content-round .today span{
 59 |         color: #00aeef;
 60 |     }
 61 |     .content-round .today span:first-child{
 62 |         font-size: 0.54rem;
 63 |     }
 64 |     /* 右边指数 */
 65 |     .content-mess{
 66 |         margin-left: 0.3rem;
 67 |     }
 68 |     .content-mess li{
 69 |         overflow: hidden;
 70 |     }
 71 |     .content-mess li:first-child{
 72 |         padding-bottom: 0.15rem;
 73 |         border-bottom: 1px dotted #f5f5f5;
 74 |     }
 75 |     .content-mess li:last-child{
 76 |         padding-top: 0.15rem;
 77 |     }
 78 |     .mess-title{
 79 |         float: left;
 80 |         text-align: center;
 81 |     }
 82 |     .mess-title p:first-child{
 83 |         font-size: 0.28rem;
 84 |         color: #505050;
 85 |     }
 86 |     .mess-title p:last-child{
 87 |         font-size: 0.18rem;
 88 |         color: #6f6f6f;
 89 |     }
 90 |     .mess-num{
 91 |         margin-top: 0.1rem;
 92 |         margin-left: 0.3rem;
 93 |         float: left;
 94 |         text-align: left;
 95 |     }
 96 |     .mess-num span{
 97 |         color: gray;
 98 |         font-size: 0.38rem;
 99 |     }
100 |     .mess-num span:first-child{
101 |         color: #00aeef; 
102 |     }
103 |     .mess-num span:last-child{
104 |         font-size: 0.25rem;
105 |         color: #37ca3a;
106 |     }
107 |      
108 |      /* 审批
109 |       */
110 |     .exammine{
111 |         margin: 0.2rem 0;
112 |         padding: 0.25rem 0;
113 |         background-color: #ffffff;
114 |     }
115 |     .exammine>[class*=bui-btn]{
116 |         border: none;
117 |         padding: 0 0.15rem;
118 |         border-right: 1px solid #f5f5f5;
119 |     }
120 |     .activity .icon,
121 |     .exammine .icon{
122 |         color:#fff;
123 |     }
124 |     .exammine li .span1 h3{
125 |         font-size: 0.38rem;
126 |         text-align: right;
127 |     }
128 |     .exammine li .span1 h3.approve{
129 |         color: #9bbd32;
130 |     }
131 |     .exammine li .span1 h3.respond{
132 |         color: #70b4e1;
133 |     }
134 |     .exammine li .span1 h3.due{
135 |         color: #f16a7a;
136 |     }
137 |     .exammine li .span1 p{
138 |         font-size: 0.18rem;
139 |         text-align: right;
140 |     }
141 |     .exammine>[class*=bui-btn]:last-child{
142 |         border: none;
143 |     }
144 | 
145 |     .exammine .thumbnail{
146 |         line-height: 0.65rem;
147 |         height: 0.65rem;
148 |         width: 0.65rem;
149 |         text-align: center;
150 |         border-radius: 50%;
151 |         margin-right: 0;
152 |         color: #ffffff;
153 |     }
154 |     .exammine .thumbnail.approve{
155 |         background-color: #9bbd32;
156 |     }
157 |     .exammine .thumbnail.respond{
158 |         background-color: #70b4e1;
159 |     }
160 |     .exammine .thumbnail.due{
161 |         background-color: #f16a7a;
162 |     }
163 |     .exammine [class*=bui-btn] .icon{
164 |         font-size: 0.4rem;
165 |         margin: 0;
166 |     }
167 |     .activity{
168 |         border-top: none;
169 |         margin-top: 0.2rem;
170 |         padding: 0 0.2rem;
171 |         background-color: #ffffff;
172 |     }
173 |     .activity .bui-btn{
174 |         padding-top: .2rem;
175 |         padding-bottom: .2rem;
176 |         padding-left: 0;
177 |         padding-right: 0;
178 |     }
179 |     /* 底部 */
180 |     .activity .thumbnail{
181 |         line-height: 0.65rem;
182 |         height: 0.65rem;
183 |         width: 0.65rem;
184 |         text-align: center;
185 |         border-radius: 50%;
186 |         color: #ffffff;
187 |     }
188 |     .activity .thumbnail.run{
189 |         background-color: #90c956;
190 |     }
191 |     .activity .thumbnail.survey{
192 |         background-color: #e7cd3d;
193 |     }
194 |     .activity .thumbnail.collect{
195 |         background-color: #00bcd1;
196 |     }
197 |     
198 |     .activity .bui-btn .icon{
199 |         font-size: 0.4rem;
200 |         margin: 0;
201 |     }
202 |     .activity li .span1 h3{
203 |         color: #111;
204 |         font-size: 0.23rem;
205 |         margin-bottom: .15rem;
206 |     }
207 |     .activity li .span1 .item-text{
208 |         font-size: 0.2rem;
209 |         color: #999999;
210 |     }
211 | </style>
212 | 
213 | <script>
214 |     var pageview = {};
215 |     var uiList;
216 | 
217 |     bui.ready(function () {
218 |         
219 |         pageview.init();
220 |     })
221 | 
222 |     pageview.bind = function () {
223 |         /*初始化页面的链接跳转*/
224 |         bui.btn({ id:"#page" , handle:".bui-btn"}).load();
225 |     }
226 | 
227 |     pageview.init = function () {
228 | 
229 |         
230 |         // 绑定事件
231 |         this.bind();
232 |     }
233 |        
234 | 
235 | </script>
236 | 
237 | </head>
238 | <body>
239 | <div id="page" class="bui-page">
240 | 	<header id="bar" class="bui-bar">
241 | 		<div class="bui-bar">
242 | 			<div class="bui-bar-left">
243 |                 <a class="bui-btn" onclick="bui.back();"><i class="icon-back"></i></a>
244 | 			</div>
245 | 			<div class="bui-bar-main">消息</div>
246 | 			<div class="bui-bar-right">
247 | 			</div>
248 | 		</div>
249 | 	</header>
250 | 	<main>
251 |         <div class="header-content">
252 |             <div class="content-round">
253 |                 <div class="percent-img">
254 |                     <img src="images/index4-img.png"/>
255 |                 </div>
256 |                 <p class="yesterday">昨日完成<span>82%</span></p>
257 |                 <div class="today">
258 |                     <p>今天完成</p>
259 |                     <p><span>85</span><span>%</span></p>
260 |                 </div>
261 |             </div>
262 | 
263 |             <ul class="content-mess">
264 |                 <li>
265 |                     <div class="mess-title">
266 |                         <p>完成数</p>
267 |                         <p>今日/昨日</p>
268 |                     </div>
269 |                     <div class="mess-num">
270 |                         <span>689</span>
271 |                         <span>/</span>
272 |                         <span>632</span>
273 |                     </div>
274 |                 </li>
275 |                 <li>
276 |                     <div class="mess-title">
277 |                         <p>完成数</p>
278 |                         <p>今日/昨日</p>
279 |                     </div>
280 |                     <div class="mess-num">
281 |                         <span>689</span>
282 |                         <span>/</span>
283 |                         <span>632</span>
284 |                     </div>
285 |                 </li>
286 |             </ul>
287 |         </div>
288 | 
289 |         <!-- 中部审批 -->
290 |         <ul class="bui-list bui-fluid exammine">
291 |             <li class="bui-btn bui-box span4">
292 |                 <div class="thumbnail approve"><i class="icon">&#xe665;</i></div>
293 |                 <div class="span1">
294 |                     <h3 class="item-title approve">8</h3>
295 |                     <p class="item-text">待审批</p>
296 |                 </div>
297 |             </li>
298 |             <li class="bui-btn bui-box span4">
299 |                 <div class="thumbnail respond"><i class="icon">&#xe62d;</i></div>
300 |                 <div class="span1">
301 |                     <h3 class="item-title respond">1</h3>
302 |                     <p class="item-text">待响应</p>
303 |                 </div>
304 |             </li>
305 |             <li class="bui-btn bui-box span4">
306 |                 <div class="thumbnail due"><i class="icon">&#xe63f;</i></div>
307 |                 <div class="span1">
308 |                     <h3 class="item-title due">20</h3>
309 |                     <p class="item-text">到期</p>
310 |                 </div>
311 |             </li>
312 |         </ul>
313 |         
314 | 
315 | 
316 |         <!-- 底部消息 -->
317 |         <ul class="bui-list activity"  id="scrollList">
318 |             <li class="bui-btn bui-box">
319 |                 <div class="thumbnail run"><i class="icon">&#xe662;</i></div>
320 |                 <div class="span1">
321 |                     <h3 class="item-title">大家来报名周四约跑活动吧。</h3>
322 |                     <p class="item-text">
323 |                         <span>何健彬</span>
324 |                         <time>2016-01-15</time>
325 |                         <time>14:35</time>
326 |                     </p>
327 |                 </div>
328 |                 <i class="icon-listright"></i>
329 |             </li>
330 |             <li class="bui-btn bui-box">
331 |                 <div class="thumbnail survey"><i class="icon">&#xe62d;</i></div>
332 |                 <div class="span1">
333 |                     <h3 class="item-title">关于2015年第一季度工作问卷调查！</h3>
334 |                     <p class="item-text">
335 |                         <span>何健彬</span>
336 |                         <time>2016-01-15</time>
337 |                         <time>14:35</time>
338 |                     </p>
339 |                 </div>
340 |                 <i class="icon-listright"></i>
341 |             </li>
342 |             <li class="bui-btn bui-box">
343 |                 <div class="thumbnail collect"><i class="icon">&#xe62d;</i></div>
344 |                 <div class="span1">
345 |                     <h3 class="item-title">在线报名需求采集！</h3>
346 |                     <p class="item-text">
347 |                         <span>何健彬</span>
348 |                         <time>2016-01-15</time>
349 |                         <time>14:35</time>
350 |                     </p>
351 |                 </div>
352 |                 <i class="icon-listright"></i>
353 |             </li>
354 |             <li class="bui-btn bui-box">
355 |                 <div class="thumbnail run"><i class="icon">&#xe662;</i></div>
356 |                 <div class="span1">
357 |                     <h3 class="item-title">大家来报名周四约跑活动吧。</h3>
358 |                     <p class="item-text">
359 |                         <span>何健彬</span>
360 |                         <time>2016-01-15</time>
361 |                         <time>14:35</time>
362 |                     </p>
363 |                 </div>
364 |                 <i class="icon-listright"></i>
365 |             </li>
366 |             <li class="bui-btn bui-box">
367 |                 <div class="thumbnail survey"><i class="icon">&#xe62d;</i></div>
368 |                 <div class="span1">
369 |                     <h3 class="item-title">关于2015年第一季度工作问卷调查！</h3>
370 |                     <p class="item-text">
371 |                         <span>何健彬</span>
372 |                         <time>2016-01-15</time>
373 |                         <time>14:35</time>
374 |                     </p>
375 |                 </div>
376 |                 <i class="icon-listright"></i>
377 |             </li>
378 |             <li class="bui-btn bui-box">
379 |                 <div class="thumbnail collect"><i class="icon">&#xe62d;</i></div>
380 |                 <div class="span1">
381 |                     <h3 class="item-title">在线报名需求采集！</h3>
382 |                     <p class="item-text">
383 |                         <span>何健彬</span>
384 |                         <time>2016-01-15</time>
385 |                         <time>14:35</time>
386 |                     </p>
387 |                 </div>
388 |                 <i class="icon-listright"></i>
389 |             </li>
390 |         </ul>
391 | 	</main>
392 | 
393 |     <footer>
394 |         <!-- 底部d导航栏 -->
395 |         <ul class="bui-nav footer-nav">
396 |             <li class="bui-btn bui-box-vertical active"><i class="icon">&#xe633;</i><div class="span1">消息</div></li>      
397 |             <li class="bui-btn bui-box-vertical"><i class="icon">&#xe65b;</i><div class="span1">通讯录</div></li>
398 |             <li class="bui-btn bui-box-vertical"><i class="icon">&#xe606;</i><div class="span1">发现</div></li>
399 |             <li class="bui-btn bui-box-vertical"><i class="icon">&#xe62f;</i><div class="span1">我</div></li>
400 |         </ul>
401 |     </footer>
402 | </div>
403 | 	
404 | </body>
405 | </html>
406 | 


--------------------------------------------------------------------------------
/index/index4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/index/index4.jpg


--------------------------------------------------------------------------------
/index/index4.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/index/index4.png


--------------------------------------------------------------------------------
/js/.svn/all-wcprops:
--------------------------------------------------------------------------------
 1 | K 25
 2 | svn:wc:ra_dav:version-url
 3 | V 46
 4 | /svn/EID/!svn/ver/2306/01.Projects/BUI/demo/js
 5 | END
 6 | cordova.js
 7 | K 25
 8 | svn:wc:ra_dav:version-url
 9 | V 57
10 | /svn/EID/!svn/ver/1776/01.Projects/BUI/demo/js/cordova.js
11 | END
12 | bui.js
13 | K 25
14 | svn:wc:ra_dav:version-url
15 | V 53
16 | /svn/EID/!svn/ver/2306/01.Projects/BUI/demo/js/bui.js
17 | END
18 | bingotouch.js
19 | K 25
20 | svn:wc:ra_dav:version-url
21 | V 60
22 | /svn/EID/!svn/ver/2306/01.Projects/BUI/demo/js/bingotouch.js
23 | END
24 | zepto.js
25 | K 25
26 | svn:wc:ra_dav:version-url
27 | V 55
28 | /svn/EID/!svn/ver/2234/01.Projects/BUI/demo/js/zepto.js
29 | END
30 | 


--------------------------------------------------------------------------------
/js/.svn/dir-prop-base:
--------------------------------------------------------------------------------
1 | K 10
2 | svn:ignore
3 | V 5
4 | task
5 | 
6 | END
7 | 


--------------------------------------------------------------------------------
/js/.svn/entries:
--------------------------------------------------------------------------------
  1 | 10
  2 | 
  3 | dir
  4 | 2323
  5 | http://wangwsh@eid.bingosoft.net:81/svn/EID/01.Projects/BUI/demo/js
  6 | http://wangwsh@eid.bingosoft.net:81/svn/EID
  7 | 
  8 | 
  9 | 
 10 | 2017-04-27T02:45:07.593439Z
 11 | 2306
 12 | wangwsh
 13 | has-props
 14 | 
 15 | 
 16 | 
 17 | 
 18 | 
 19 | 
 20 | 
 21 | 
 22 | 
 23 | 
 24 | 
 25 | 
 26 | 
 27 | eee847a2-21fd-0d49-b3e5-7d3b911f45d9
 28 | 
 29 | app
 30 | dir
 31 | 
 32 | plugins
 33 | dir
 34 | 
 35 | cordova.js
 36 | file
 37 | 
 38 | 
 39 | 
 40 | 
 41 | 2016-12-27T08:09:50.000000Z
 42 | 334e8b833b4343dd42ab41a925e91772
 43 | 2016-12-29T06:29:25.407121Z
 44 | 1776
 45 | wangwsh
 46 | 
 47 | 
 48 | 
 49 | 
 50 | 
 51 | 
 52 | 
 53 | 
 54 | 
 55 | 
 56 | 
 57 | 
 58 | 
 59 | 
 60 | 
 61 | 
 62 | 
 63 | 
 64 | 
 65 | 
 66 | 
 67 | 199343
 68 | 
 69 | bui.js
 70 | file
 71 | 
 72 | 
 73 | 
 74 | 
 75 | 2017-04-27T02:50:49.000000Z
 76 | 1e24ae9ec067b9953150c048addec960
 77 | 2017-04-27T02:45:07.593439Z
 78 | 2306
 79 | wangwsh
 80 | 
 81 | 
 82 | 
 83 | 
 84 | 
 85 | 
 86 | 
 87 | 
 88 | 
 89 | 
 90 | 
 91 | 
 92 | 
 93 | 
 94 | 
 95 | 
 96 | 
 97 | 
 98 | 
 99 | 
100 | 
101 | 125968
102 | 
103 | bingotouch.js
104 | file
105 | 
106 | 
107 | 
108 | 
109 | 2017-04-24T02:20:04.000000Z
110 | 9785cb6aef9126a9c69277871ad58030
111 | 2017-04-27T02:45:07.593439Z
112 | 2306
113 | wangwsh
114 | 
115 | 
116 | 
117 | 
118 | 
119 | 
120 | 
121 | 
122 | 
123 | 
124 | 
125 | 
126 | 
127 | 
128 | 
129 | 
130 | 
131 | 
132 | 
133 | 
134 | 
135 | 48731
136 | 
137 | zepto.js
138 | file
139 | 
140 | 
141 | 
142 | 
143 | 2017-01-23T07:58:56.000000Z
144 | aedc3f8eacc1297b9caf3e53a382bb5d
145 | 2017-03-20T10:43:05.959352Z
146 | 2234
147 | wangwsh
148 | 
149 | 
150 | 
151 | 
152 | 
153 | 
154 | 
155 | 
156 | 
157 | 
158 | 
159 | 
160 | 
161 | 
162 | 
163 | 
164 | 
165 | 
166 | 
167 | 
168 | 
169 | 85340
170 | 
171 | 


--------------------------------------------------------------------------------
/js/app/.svn/all-wcprops:
--------------------------------------------------------------------------------
 1 | K 25
 2 | svn:wc:ra_dav:version-url
 3 | V 50
 4 | /svn/EID/!svn/ver/2234/01.Projects/BUI/demo/js/app
 5 | END
 6 | _config.js
 7 | K 25
 8 | svn:wc:ra_dav:version-url
 9 | V 61
10 | /svn/EID/!svn/ver/1719/01.Projects/BUI/demo/js/app/_config.js
11 | END
12 | 


--------------------------------------------------------------------------------
/js/app/.svn/entries:
--------------------------------------------------------------------------------
 1 | 10
 2 | 
 3 | dir
 4 | 2323
 5 | http://wangwsh@eid.bingosoft.net:81/svn/EID/01.Projects/BUI/demo/js/app
 6 | http://wangwsh@eid.bingosoft.net:81/svn/EID
 7 | 
 8 | 
 9 | 
10 | 2017-03-20T10:43:05.959352Z
11 | 2234
12 | wangwsh
13 | 
14 | 
15 | 
16 | 
17 | 
18 | 
19 | 
20 | 
21 | 
22 | 
23 | 
24 | 
25 | 
26 | 
27 | eee847a2-21fd-0d49-b3e5-7d3b911f45d9
28 | 
29 | _config.js
30 | file
31 | 
32 | 
33 | 
34 | 
35 | 2017-01-05T14:03:37.000000Z
36 | bc995cdf26375da9e4654f35255ef27b
37 | 2016-11-05T11:21:20.289062Z
38 | 1708
39 | wangwsh
40 | 
41 | 
42 | 
43 | 
44 | 
45 | 
46 | 
47 | 
48 | 
49 | 
50 | 
51 | 
52 | 
53 | 
54 | 
55 | 
56 | 
57 | 
58 | 
59 | 
60 | 
61 | 334
62 | 
63 | 


--------------------------------------------------------------------------------
/js/app/.svn/text-base/_config.js.svn-base:
--------------------------------------------------------------------------------
1 | 
2 | // bui.debug 为true时, 如果拿不到数据,请确认是否已经开启跨域的谷歌;
3 | // bui.debug 为false, 会使用原生方法请求,请检查页面有没有引入 Cordova.js 及 bingotouch.js;
4 | bui.debug = true;
5 | 
6 | // 网站配置
7 | var sitePath = "http://eid.bingosoft.net:82",
8 | 	siteDir = sitePath + "/bui/demo/json/";
9 | 


--------------------------------------------------------------------------------
/js/app/_config.js:
--------------------------------------------------------------------------------
1 | 
2 | // bui.isWebapp 为true时, 如果拿不到数据,请确认是否已经开启跨域的谷歌;
3 | // bui.isWebapp 为false, 会使用原生方法请求,请检查页面有没有引入 Cordova.js 及 bingotouch.js;
4 | bui.isWebapp = true;
5 | 
6 | // 网站配置
7 | var sitePath = "http://www.easybui.com",
8 | 	siteDir = sitePath + "/demo/json/";
9 | 


--------------------------------------------------------------------------------
/js/plugins/.svn/all-wcprops:
--------------------------------------------------------------------------------
 1 | K 25
 2 | svn:wc:ra_dav:version-url
 3 | V 54
 4 | /svn/EID/!svn/ver/1791/01.Projects/BUI/demo/js/plugins
 5 | END
 6 | vue.min.js
 7 | K 25
 8 | svn:wc:ra_dav:version-url
 9 | V 65
10 | /svn/EID/!svn/ver/1791/01.Projects/BUI/demo/js/plugins/vue.min.js
11 | END
12 | fastclick.js
13 | K 25
14 | svn:wc:ra_dav:version-url
15 | V 67
16 | /svn/EID/!svn/ver/1776/01.Projects/BUI/demo/js/plugins/fastclick.js
17 | END
18 | 


--------------------------------------------------------------------------------
/js/plugins/.svn/entries:
--------------------------------------------------------------------------------
 1 | 10
 2 | 
 3 | dir
 4 | 2323
 5 | http://wangwsh@eid.bingosoft.net:81/svn/EID/01.Projects/BUI/demo/js/plugins
 6 | http://wangwsh@eid.bingosoft.net:81/svn/EID
 7 | 
 8 | 
 9 | 
10 | 2017-01-05T14:32:03.909405Z
11 | 1791
12 | wangwsh
13 | 
14 | 
15 | 
16 | 
17 | 
18 | 
19 | 
20 | 
21 | 
22 | 
23 | 
24 | 
25 | 
26 | 
27 | eee847a2-21fd-0d49-b3e5-7d3b911f45d9
28 | 
29 | vue.min.js
30 | file
31 | 
32 | 
33 | 
34 | 
35 | 2016-12-25T18:29:31.000000Z
36 | 7a1e2a9fcf8639f0c545fed6621a484c
37 | 2017-01-05T14:32:03.909405Z
38 | 1791
39 | wangwsh
40 | 
41 | 
42 | 
43 | 
44 | 
45 | 
46 | 
47 | 
48 | 
49 | 
50 | 
51 | 
52 | 
53 | 
54 | 
55 | 
56 | 
57 | 
58 | 
59 | 
60 | 
61 | 71722
62 | 
63 | fastclick.js
64 | file
65 | 
66 | 
67 | 
68 | 
69 | 2016-12-27T08:09:50.000000Z
70 | 6e9d3b0da74f2a4a7042b494cdaa7c2e
71 | 2016-12-29T06:29:25.407121Z
72 | 1776
73 | wangwsh
74 | 
75 | 
76 | 
77 | 
78 | 
79 | 
80 | 
81 | 
82 | 
83 | 
84 | 
85 | 
86 | 
87 | 
88 | 
89 | 
90 | 
91 | 
92 | 
93 | 
94 | 
95 | 25965
96 | 
97 | 


--------------------------------------------------------------------------------
/list/schedule.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html>
  3 | <head lang="en">
  4 |     <meta charset="UTF-8">
  5 |     <meta name="author" content="颜家超"/>
  6 |     <meta name="viewport"
  7 |           content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"/>
  8 |     <title>日程</title>
  9 |     <link rel="stylesheet" href="../css/bui.css"/>
 10 | 
 11 |     <style>
 12 |         .bui-bar .add-bar-width {
 13 |             width: 1rem;
 14 |         }
 15 | 
 16 |         .bui-bar .add-bar-width .bui-btn {
 17 |             width: 1.1rem;
 18 |         }
 19 | 
 20 |         .add-bar-width .bui-btn .name {
 21 |             vertical-align: top;
 22 |         }
 23 | 
 24 |         .wrap-date{
 25 |             padding:.18rem;
 26 |             border:none;
 27 |         }
 28 |         .wrap-date .schedule-date .data-time{
 29 |             color:#333;
 30 |         }
 31 |         .wrap-date .schedule-date .data-time2{
 32 |             padding: 0 .18rem 0 .09rem;
 33 |             color:#999;
 34 |             font-size:.2rem;
 35 |         }
 36 |         .wrap-date .schedule-date .date-today{
 37 |             display:inline-block;
 38 |             width:.4rem;
 39 |             height:.4rem;
 40 |             text-align:center;
 41 |             line-height:.4rem;
 42 |             color:#00aaff;
 43 |             border:1px solid #00aaff;
 44 |             -webkit-border-radius: 50%;
 45 |             -moz-border-radius: 50%;
 46 |             border-radius: 50%;
 47 |         }
 48 |         .wrap-date .schedule-week span{
 49 |             display:inline-block;
 50 |             width:.3rem;
 51 |             height:.3rem;
 52 |             font-size:.2rem;
 53 |             text-align:center;
 54 |             line-height:.3rem;
 55 |             border:1px solid #00aaff;
 56 |             -webkit-border-radius: 50%;
 57 |             -moz-border-radius: 50%;
 58 |             border-radius: 50%;
 59 |             color:#9a9a9a;
 60 |         }
 61 |         .wrap-date .schedule-week .week-active{
 62 |             color:#00aaff;
 63 |         }
 64 |         .date-lists{
 65 |             padding:0 .18rem .18rem;
 66 |             border:none;
 67 |         }
 68 |         .date-lists .span1 span{
 69 |             display:block;
 70 |             text-align:center;
 71 |         }
 72 |         .date-lists .span1 .data-up{
 73 |             padding-bottom:.03rem;
 74 |         }
 75 |         .date-lists .span1 .data-down{
 76 |             margin:0 auto;
 77 |             width:.55rem;
 78 |             height:.55rem;
 79 |             line-height: .58rem;
 80 |             color:#000;
 81 |             font-size:.3rem;
 82 | 
 83 |         }
 84 |         .date-lists .span1:last-child .data-down{
 85 |             color:#999;
 86 |         }
 87 |         .date-lists .span1 .active-data-down{
 88 |             background-color:#00aaff;
 89 |             -webkit-border-radius: 50%;
 90 |             -moz-border-radius: 50%;
 91 |             border-radius: 50%;
 92 |             color:#fff!important;
 93 |         }
 94 |         .time-lists{
 95 |             margin-top:.18rem;
 96 |             padding:0 .18rem .2rem .2rem;
 97 |             border-top:none;
 98 |             background-color:#fff;
 99 |         }
100 |         .time-lists .bui-box{
101 |             padding:0.2rem 0 .2rem 0;;
102 |         }
103 |         .time-lists .left-time{
104 |             margin-right:.18rem;
105 |             color:#666;
106 |         }
107 |         .time-lists .middle-content .item-title{
108 |             color:#333;
109 |         }
110 |         .time-lists .middle-content .item-text{
111 |             margin-bottom:0;
112 |             font-size:.18rem;
113 | 
114 |         }
115 |         .time-lists .right-mark{
116 |             width:.5rem;
117 |             height:.5rem;
118 |             text-align:center;
119 |             line-height:.5rem;
120 |             -webkit-border-radius: 50%;
121 |             -moz-border-radius: 50%;
122 |             border-radius: 50%;
123 |         }
124 |         .time-lists .green-mark{
125 |             color:#6ed046;
126 |             border:1px solid #6ed046;
127 |         }
128 |         .time-lists .yellow-mark{
129 |             color:#ffad03;
130 |             border:1px solid #ffad03;
131 |         }
132 |         .add-mark{
133 |             position:fixed;
134 |             right:.23rem;
135 |             bottom:.23rem;
136 |             width:.8rem;
137 |             height:.8rem;
138 |             line-height:.8rem;
139 |             text-align:center;
140 |             -webkit-border-radius: 50%;
141 |             -moz-border-radius: 50%;
142 |             border-radius: 50%;
143 |             color:#fff;
144 |             background-color:#52a4ff;
145 |         }
146 |         .add-mark .icon-plus{
147 |             color:#fff;
148 |             font-size:.44rem;
149 |         }
150 |     </style>
151 |     <script src="../js/zepto.js"></script>
152 |     <script src="../js/plugins/fastclick.js"></script>
153 |     <script src="../js/bui.js"></script>
154 |     <script src="../js/app/_config.js"></script>
155 |     <script>
156 | 
157 |         var pageview = {};
158 | 
159 |         bui.ready(function () {
160 |             
161 |             // 执行初始化
162 |             pageview.init();
163 |         })
164 | 
165 |         pageview.bind = function () {
166 | 
167 |             //初始化页面的链接跳转
168 |             bui.btn({id: "#page", handle: ".bui-btn"}).load();
169 | 
170 |         }
171 |         pageview.init = function () {
172 | 
173 |             //下拉菜单 在顶部中间
174 |             var barMain = bui.dropdown({
175 |                 id: "#barMain",
176 |                 showArrow: true,
177 |                 relative: false
178 |             })
179 |             // 下拉菜单有遮罩的情况
180 |             var uiMask = bui.mask({
181 |                 zIndex:9
182 |             });
183 | 
184 |             // 通过监听事件绑定
185 |             barMain.on("show",function () {
186 |                 uiMask.show();
187 |             })
188 |             barMain.on("hide",function () {
189 |                 uiMask.hide();
190 |             })
191 | 
192 |             this.bind();
193 |         }
194 |     </script>
195 | </head>
196 | <body>
197 | <div class="bui-page" id="page">
198 |     <header class="bui-bar">
199 |             <div class="bui-bar-left add-bar-width">
200 |                 <a class="bui-btn" onclick="bui.back();">
201 |                     <i class="icon-back"></i>返回
202 |                 </a>
203 |             </div>
204 |             <div class="bui-bar-main">
205 |                 选择日期
206 |             </div>
207 |             <div class="bui-bar-right">
208 |                 <a class="bui-btn">
209 |                     <i class="icon-menu"></i>
210 |                 </a>
211 |             </div>
212 |     </header>
213 |     <main>
214 |         <div class="bui-box bui-btn wrap-date">
215 |              <div class="span1 schedule-date">
216 |                  <span class="data-time">2015.3.22</span>
217 |                  <span class="data-time2">二月初四</span>
218 |                  <span class="date-today">今</span>
219 |              </div>
220 |              <div class="schedule-week">
221 |                  <span class="week-active">日</span>
222 |                  <span>周</span>
223 |                  <span>月</span>
224 |              </div>
225 |         </div>
226 |         <div class="bui-box bui-btn date-lists">
227 |             <div class="span1">
228 |                 <span class="data-up">日</span>
229 |                 <span class="data-down active-data-down">
230 |                     22
231 |                 </span>
232 |             </div>
233 |             <div class="span1">
234 |                 <span class="data-up">一</span>
235 |                 <span class="data-down">
236 |                     23
237 |                 </span>
238 |             </div>
239 |             <div class="span1">
240 |                 <span class="data-up">二</span>
241 |                 <span class="data-down">
242 |                     24
243 |                 </span>
244 |             </div>
245 |             <div class="span1">
246 |                 <span class="data-up">三</span>
247 |                 <span class="data-down">
248 |                     25
249 |                 </span>
250 |             </div>
251 |             <div class="span1">
252 |                 <span class="data-up">四</span>
253 |                 <span class="data-down">
254 |                     26
255 |                 </span>
256 |             </div>
257 |             <div class="span1">
258 |                 <span class="data-up">五</span>
259 |                 <span class="data-down">
260 |                     27
261 |                 </span>
262 |             </div>
263 |             <div class="span1">
264 |                 <span class="data-up">六</span>
265 |                 <span class="data-down">
266 |                     28
267 |                 </span>
268 |             </div>
269 |         </div>
270 |         <ul class="bui-list time-lists">
271 |             <li class="bui-box bui-btn">
272 |                 <div class="left-time">
273 |                     9:00
274 |                 </div>
275 |                 <div class="span1 middle-content">
276 |                     <h3 class="item-title">
277 |                         @work开发动员大会
278 |                     </h3>
279 |                     <p class="item-text">
280 |                         13:30 - 16:30
281 |                     </p>
282 |                 </div>
283 |                 <div class="right-mark green-mark">
284 |                     会
285 |                 </div>
286 |             </li>
287 |             <li class="bui-box bui-btn">
288 |                 <div class="left-time">
289 |                     10:00
290 |                 </div>
291 |                 <div class="span1 middle-content">
292 |                     <h3 class="item-title">
293 |                         @work开发动员大会
294 |                     </h3>
295 |                     <p class="item-text">
296 |                         13:30 - 16:30
297 |                     </p>
298 |                 </div>
299 |                 <div class="right-mark yellow-mark">
300 |                     任
301 |                 </div>
302 |             </li>
303 |             <li class="bui-box bui-btn">
304 |                 <div class="left-time">
305 |                     11:00
306 |                 </div>
307 |                 <div class="span1 middle-content">
308 |                     <h3 class="item-title">
309 |                         @work开发动员大会
310 |                     </h3>
311 |                     <p class="item-text">
312 |                         13:30 - 16:30
313 |                     </p>
314 |                 </div>
315 |                 <div class="right-mark green-mark">
316 |                     会
317 |                 </div>
318 |             </li>
319 |             <li class="bui-box bui-btn">
320 |                 <div class="left-time">
321 |                     12:00
322 |                 </div>
323 |                 <div class="span1 middle-content">
324 | 
325 |                 </div>
326 |             </li>
327 |             <li class="bui-box bui-btn">
328 |                 <div class="left-time">
329 |                     13:00
330 |                 </div>
331 |                 <div class="span1 middle-content">
332 | 
333 |                 </div>
334 |             </li>
335 |             <li class="bui-box bui-btn">
336 |                 <div class="left-time">
337 |                     14:00
338 |                 </div>
339 |                 <div class="span1 middle-content">
340 | 
341 |                 </div>
342 |             </li>
343 |             <li class="bui-box bui-btn">
344 |                 <div class="left-time">
345 |                     15:00
346 |                 </div>
347 |                 <div class="span1 middle-content">
348 | 
349 |                 </div>
350 |             </li>
351 |             <li class="bui-box bui-btn">
352 |                 <div class="left-time">
353 |                     16:00
354 |                 </div>
355 |                 <div class="span1 middle-content">
356 | 
357 |                 </div>
358 |             </li>
359 |         </ul>
360 |         <div class="add-mark">
361 |             <i class="icon-plus"></i>
362 |         </div>
363 |     </main>
364 | </div>
365 | 
366 | </body>
367 | </html>


--------------------------------------------------------------------------------
/list/schedule.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/list/schedule.jpg


--------------------------------------------------------------------------------
/list/schedule.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/list/schedule.png


--------------------------------------------------------------------------------
/list/status.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html>
  3 | <head lang="en">
  4 |     <meta charset="UTF-8">
  5 |     <meta name="author" content="颜家超"/>
  6 |     <meta name="viewport"
  7 |           content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"/>
  8 |     <title>动态</title>
  9 |     <link rel="stylesheet" href="../css/bui.css"/>
 10 | 
 11 |     <style>
 12 |         .status-lists .status-pic{
 13 |             width:.64rem;
 14 |             height:.64rem;
 15 |         }
 16 |         .status-lists>.bui-box{
 17 |             padding-left:.15rem;
 18 |             padding-right:.15rem;
 19 |             padding-top:.15rem;
 20 |             margin-bottom:.1rem;
 21 |             -webkit-box-align:start;
 22 |         }
 23 |         .status-lists>.bui-box:last-child{
 24 |             border-bottom:none;
 25 |         }
 26 |         .status-lists .status-title{
 27 |             line-height: 1.2;
 28 |             font-size:.24rem;
 29 |             color:#0072c6;
 30 |         }
 31 |         .status-lists .wrap-content{
 32 | 
 33 |             font-size:.18rem;
 34 |         }
 35 |         /*为文字时的css*/
 36 |         .status-lists .wrap-content .bui-btn{
 37 |             margin-bottom:.12rem;
 38 |             padding:.06rem;
 39 |             border:none;
 40 |             background-color:#f1f1f1;
 41 |         }
 42 |         /***为其他时的css**/
 43 |         .status-lists .wrap-content .bui-fluid{
 44 |             margin-bottom:.1rem;
 45 |         }
 46 |         .status-lists .wrap-content .data-content{
 47 |             width:1.3rem;
 48 |             height:1.3rem;
 49 |             line-height:1.3rem;
 50 |             text-align:center;
 51 |             background-color:#ccc;
 52 |         }
 53 |         .status-lists .wrap-content .data-content i{
 54 |             font-size:.4rem;
 55 |         }
 56 |         .status-lists .wrap-content .icon{
 57 |             width:.64rem;
 58 |             height:.64rem;
 59 |             margin-right:.08rem;
 60 | 
 61 |         }
 62 |         .status-lists .wrap-content .icon img{
 63 |             -webkit-border-radius: .05rem;
 64 |             -moz-border-radius: .05rem;
 65 |             border-radius: .05rem;
 66 |         }
 67 |         .status-lists .span1 .details-content{
 68 |             margin-bottom:.2rem;
 69 |         }
 70 |         .status-lists .wrap-content .sub-content{
 71 |             line-height: 1.3;
 72 |         }
 73 |         .status-lists .status-time{
 74 |             font-size:.18rem;
 75 |         }
 76 |         .status-lists .status-time .data-time{
 77 |             color:#8b8b8b;
 78 |             padding-right:.2rem;
 79 |         }
 80 |         .status-lists .status-time .data-remove{
 81 |             color:#67799f;
 82 |         }
 83 |         .status-lists .status-time .bui-right{
 84 |             height:.24rem;
 85 |         }
 86 |         .status-lists .status-panel{
 87 |             position:relative;
 88 |             margin-top:.15rem;
 89 |             border:none;
 90 |             background-color:#f1f1f1;
 91 |         }
 92 |         .status-lists .status-panel .arrow-up{
 93 |             position:absolute;
 94 |             top:-0.22rem;
 95 |             left:.2rem;
 96 |             display:inline-block;
 97 |             width:0;
 98 |             height:0;
 99 |             border-width:.12rem .12rem;
100 |             border-style: solid;
101 |             border-color:transparent;
102 |             border-bottom-color:#f1f1f1;
103 |         }
104 |         .status-lists .status-panel li.bui-btn{
105 |             -webkit-box-align:start;
106 |             background-color:#f1f1f1;
107 |         }
108 |         .status-lists .status-panel .bui-panel-head{
109 |             padding-right: .1rem;
110 |             padding-left:.1rem;
111 |             color:#879cc6;
112 |             font-size:.18rem;
113 |             border-bottom:1px solid #dddddd;
114 |         }
115 |         .status-lists .status-panel .bui-panel-head i{
116 |             margin-right:.1rem;
117 | 
118 |         }
119 |         .status-panel .status-lists-ul .username{
120 |             margin-right:.1rem;
121 |             color:#879cc6;
122 |             font-size:.18rem;
123 |         }
124 |         .status-panel .status-lists-ul .data-content{
125 |             font-size:.18rem;
126 |             color:#5b5b5b;
127 |         }
128 |         .publish-mark{
129 |             position:fixed;
130 |             right:.2rem;
131 |             bottom:.9rem;
132 |             width:.6rem;
133 |             height:.6rem;
134 |             line-height:.6rem;
135 |             text-align:center;
136 |             background-color:#26d76d;
137 |             -webkit-border-radius: 50%;
138 |             -moz-border-radius: 50%;
139 |             border-radius: 50%;
140 |         }
141 |         .publish-mark i{
142 |             font-size:.36rem;
143 |             color:#fff;
144 |         }
145 |         /*尾部*/
146 |         .status-foot-nav{
147 |             border-top:1px solid #cccccc;
148 |         }
149 |         .status-foot-nav li{
150 |             color:#a2a3a4;
151 |             border:none;
152 |         }
153 |         .status-foot-nav li.active{
154 |             color:#0072c6;
155 |         }
156 |     </style>
157 |     <script src="../js/zepto.js"></script>
158 |     <script src="../js/plugins/fastclick.js"></script>
159 |     <script src="../js/bui.js"></script>
160 |     <script src="../js/app/_config.js"></script>
161 |     <script>
162 | 
163 |         var pageview = {};
164 | 
165 |         bui.ready(function () {
166 |             
167 |             // 执行初始化
168 |             pageview.init();
169 |         })
170 | 
171 |         pageview.bind = function () {
172 | 
173 |             //初始化页面的链接跳转
174 |             bui.btn({id: "#page", handle: ".bui-btn"}).load();
175 | 
176 |         }
177 |         pageview.init = function () {
178 | 
179 |             //下拉菜单 在顶部中间
180 |             var barMain = bui.dropdown({
181 |                 id: "#barMain",
182 |                 showArrow: true,
183 |                 relative: false
184 |             })
185 |             // 下拉菜单有遮罩的情况
186 |             var uiMask = bui.mask({
187 |                 zIndex:9
188 |             });
189 | 
190 |             // 通过监听事件绑定
191 |             barMain.on("show",function () {
192 |                 uiMask.show();
193 |             })
194 |             barMain.on("hide",function () {
195 |                 uiMask.hide();
196 |             })
197 | 
198 |             this.bind();
199 |         }
200 |     </script>
201 | </head>
202 | <body>
203 | <div class="bui-page add-background" id="page">
204 |     <header class="bui-bar">
205 |         <div class="bui-bar-left add-bar-width">
206 |             <a class="bui-btn" onclick="bui.back();"><i class="icon-back"></i></a>
207 |         </div>
208 |         <div class="bui-bar-main">
209 |             <!-- 不修改文本值 -->
210 |             <div id="barMain" class="bui-dropdown bui-arrow-center">
211 |                 <div class="bui-btn">
212 |                     <span class="span1">动态</span>
213 |                     <i class="icon-dropdown"></i>
214 |                 </div>
215 |                 <ul class="bui-list round">
216 |                     <li class="bui-btn" value="11">
217 |                         动态
218 |                     </li>
219 |                     <li class="bui-btn" value="22">
220 |                         新闻
221 |                     </li>
222 |                 </ul>
223 |             </div>
224 |         </div>
225 |         <div class="bui-bar-right">
226 |         </div>
227 |     </header>
228 |     <main id="main">
229 |         <ul class="bui-list status-lists">
230 |             <li class="bui-btn bui-box">
231 |                 <div class="icon status-pic">
232 |                     <img src="../images/applogo.png" alt=""/>
233 |                 </div>
234 |                 <div class="span1">
235 |                     <h3 class="item-title status-title">风之神</h3>
236 |                     <p class="details-content">分享投票结果:不对外开放</p>
237 |                     <div class="wrap-content">
238 |                         <!--类型为文字所用的盒子-->
239 |                         <div class="bui-btn bui-box ">
240 |                             <div class="icon">
241 |                                 <img src="../images/applogo.png" alt=""/>
242 |                             </div>
243 |                             <div class="span1 sub-content">
244 |                                 分享投票结果:不对外开放
245 |                                 分享投票结果:不对外开放
246 |                                 分享投票结果:不对
247 |                             </div>
248 |                         </div>
249 |                     </div>
250 | 
251 |                     <div class="bui-box status-time">
252 |                         <div class="span1">
253 |                             <span class="data-time">2015-12-12 15:10</span> <span class="data-remove">删除</span>
254 |                         </div>
255 |                             <span class="bui-right">
256 |                                 <i class="icon-info"></i>
257 |                             </span>
258 |                     </div>
259 |                 </div>
260 |             </li>
261 |             <li class="bui-btn bui-box">
262 |                 <div class="icon status-pic">
263 |                     <img src="../images/applogo.png" alt=""/>
264 |                 </div>
265 |                 <div class="span1">
266 |                     <h3 class="item-title status-title">张珊珊</h3>
267 |                     <p class="details-content">又阴天阴天</p>
268 |                     <div class="wrap-content">
269 |                         <ul class="bui-fluid">
270 |                             <li class="span4">
271 |                                 <div class="data-content">
272 |                                     <i class="icon-camera"></i>
273 |                                 </div>
274 |                             </li>
275 |                             <li class="span4">
276 |                                 <div class="data-content">
277 |                                     <i class="icon-camera"></i>
278 |                                 </div>
279 |                             </li>
280 |                             <li class="span4">
281 |                                 <div class="data-content">
282 |                                     <i class="icon-camera"></i>
283 |                                 </div>
284 |                             </li>
285 |                         </ul>
286 |                     </div>
287 |                     <div class="bui-box status-time">
288 |                         <div class="span1">
289 |                             <span class="data-time">2015-12-12 15:10</span> <span class="data-remove">删除</span>
290 |                         </div>
291 |                         <span class="bui-right">
292 |                             <i class="icon-info"></i>
293 |                         </span>
294 |                     </div>
295 |                     <div class="bui-panel status-panel">
296 |                         <i class="arrow-up"></i>
297 |                         <div class="bui-box bui-panel-head">
298 |                             <i class="icon-eye"></i>
299 |                             <div class="span1">
300 |                                 <span>百芳芳</span>
301 |                             </div>
302 |                         </div>
303 |                         <div class="bui-panel-main">
304 |                             <ul class="bui-list status-lists-ul">
305 |                                 <li class="bui-btn bui-box">
306 |                                     <span class="username">王芳芳:</span>
307 |                                     <div class="span1 data-content">
308 |                                         good good good goodgood good good goodgood good good good
309 |                                     </div>
310 |                                 </li>
311 |                                 <li class="bui-btn bui-box">
312 |                                     <span class="username">王芳芳:</span>
313 |                                     <div class="span1 data-content">
314 |                                         good good good goodgood good good goodgood good good good
315 |                                     </div>
316 |                                 </li>
317 |                             </ul>
318 |                         </div>
319 |                     </div>
320 |                 </div>
321 |             </li>
322 |             <li class="bui-btn bui-box">
323 |                 <div class="icon status-pic">
324 |                     <img src="../images/applogo.png" alt=""/>
325 |                 </div>
326 |                 <div class="span1">
327 |                     <h3 class="item-title status-title">李师师</h3>
328 |                     <p class="details-content">分享投票结果:不对外开放</p>
329 |                 </div>
330 |             </li>
331 |         </ul>
332 |         <div class="publish-mark">
333 |             <i class="icon-setting"></i>
334 |         </div>
335 |     </main>
336 |     <footer>
337 |         <ul class="bui-nav status-foot-nav">
338 |             <li class="bui-btn bui-box-vertical">
339 |                 <i class="icon-home"></i>
340 |                 <div class="span1">
341 |                     消息
342 |                 </div>
343 |             </li>
344 |             <li class="bui-btn bui-box-vertical">
345 |                 <i class="icon-face"></i>
346 |                 <div class="span1">
347 |                     群组
348 |                 </div>
349 |             </li>
350 |             <li class="bui-btn bui-box-vertical">
351 |                 <i class="icon-facefill"></i>
352 |                 <div class="span1">
353 |                     联系人
354 |                 </div>
355 |             </li>
356 |             <li class="bui-btn bui-box-vertical active">
357 |                 <i class="icon-fav"></i>
358 |                 <div class="span1">
359 |                     动态
360 |                 </div>
361 |             </li>
362 |         </ul>
363 |     </footer>
364 | </div>
365 | </body>
366 | </html>


--------------------------------------------------------------------------------
/list/status.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/list/status.jpg


--------------------------------------------------------------------------------
/list/status.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/list/status.png


--------------------------------------------------------------------------------
/login/login1.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE HTML>
  2 | <html>
  3 | <head>
  4 | <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
  5 | <title>通用的登录页面结构</title>
  6 | <meta name="format-detection" content="telephone=no" />
  7 | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
  8 | <link rel="stylesheet" href="../css/bui.css" /> 
  9 | <script src="../js/zepto.js"></script>
 10 | <script src="../js/plugins/fastclick.js"></script>
 11 | <script src="../js/bui.js"></script>
 12 | <script src="../js/app/_config.js"></script>
 13 | <style type="text/css">
 14 |     .login-page main{
 15 |         background-color: #ffffff;
 16 |     }
 17 |     .logo{
 18 |         height: 2rem;
 19 |         margin: .5rem auto ;
 20 |         text-align: center;
 21 |     }
 22 |     .logo img{
 23 |         height: 100%;
 24 |     }
 25 |     .login-form {
 26 |         padding-left: .3rem;
 27 |         padding-right: .3rem;
 28 |     }
 29 |     .login-form .bui-list{
 30 |         border-top: none;
 31 |         margin-bottom: .3rem;
 32 |     }
 33 |     .login-form .bui-btn{
 34 |         padding-left: 0;
 35 |         padding-right: 0;
 36 |     }
 37 |     .login-form .bui-label{
 38 |         width: 0.5rem;
 39 |     }
 40 |     .login-form .icon-face,
 41 |     .login-form .icon-lock{
 42 |         font-size: 0.36rem;
 43 |     }
 44 |     .login-form .bui-input {
 45 |         height: .6rem;
 46 |     }
 47 |     .login-form .primary{
 48 |         background-color: #52a4ff;
 49 |         color: #ffffff;
 50 |         font-size: 0.26rem;
 51 |         -webkit-border-radius: 0.06rem;
 52 |         border-radius: 0.06rem;
 53 |         padding-top: 0.2rem;
 54 |         padding-bottom: 0.2rem;
 55 |         margin-bottom: .2rem;
 56 |     }
 57 |     .login-form .bui-btn-text{
 58 |         text-align: center;
 59 |         color: #666666;
 60 |         font-size: 0.2rem;
 61 |     }
 62 |     .copyright{
 63 |         font-size: 0.17rem;
 64 |         color: #999999;
 65 |         width: 100%;
 66 |         text-align: center;
 67 |         background-color: #ffffff;
 68 |         padding-bottom: 0.25rem;
 69 |     }
 70 | 
 71 |     
 72 |     .icon-eye:before {
 73 |         content: "\e680"
 74 |     }
 75 |     .icon-eye.active:before {
 76 |         content: "\e67f"
 77 |     }
 78 | 
 79 | </style>
 80 | <script>
 81 |     var pageview = {};
 82 |     bui.ready(function () {
 83 | 
 84 |         // 页面初始化
 85 |         pageview.init();
 86 |     })
 87 | 
 88 |     pageview.bind = function () {
 89 |         
 90 |         /*初始化页面的链接跳转*/
 91 |         bui.btn({ id:"#page" , handle:".bui-btn,.bui-btn-text"}).load();
 92 | 
 93 |         // 监听用户名输入事件
 94 |         onInput({
 95 |             id: ".user-input",
 96 |             callback: function () {
 97 |                 // 点击删除按钮清空
 98 |                 $(this).prev().val('');
 99 |                 $(this).hide();
100 |             }
101 |         })
102 | 
103 | 
104 |         // 监听密码输入事件
105 |         onInput({
106 |             id: ".password-input",
107 |             icon: "icon-eye",
108 |             callback: function () {
109 |                 // 点击删除按钮清空
110 |                 var $input = $(this).prev();
111 |                 var type = $input.attr("type");
112 | 
113 |                 if( type == "text"){
114 |                     $input.attr('type',"password");
115 |                 }else{
116 |                     $input.attr('type',"text");
117 | 
118 |                 }
119 |                 $(this).toggleClass("active")
120 |             }
121 |         })
122 | 
123 |     }
124 | 
125 |     pageview.init = function () {
126 | 
127 |         // 绑定事件
128 |         this.bind();
129 |     }
130 | 
131 |     /**
132 |      * [onInput 监听input事件]
133 |      * @param  {[object]} opt [description]
134 |      * @param  {[string]} opt.id [事件的父级]
135 |      * @param  {[string]} opt.target [目标是input]
136 |      * @param  {[string]} opt.target [目标的input]
137 |      * @example  
138 |      * 
139 |      * html: 
140 |       
141 |         <div class="bui-input password-input">
142 |             <input id="password" type="password" placeholder="密码">
143 |         </div>
144 | 
145 |        js: 
146 | 
147 |         onInput({
148 |             id: ".password-input",
149 |             callback: function () {
150 |                 // 点击删除按钮清空
151 |                 $("#password").val('');
152 |                 $(this).hide();
153 |             }
154 |         })
155 |      * 
156 |      * @return {[type]}     [description]
157 |      */
158 |     function onInput(option) {
159 |         var opt = option || {};
160 |             opt.id = option.id || "";
161 |             opt.target = option.target || "input";
162 |             opt.event = option.event || "keyup";
163 |             opt.icon = option.icon || "icon-remove" ;
164 |             opt.onInput = option.onInput || function () {};
165 |             opt.callback = option.callback || function () {};
166 | 
167 | 
168 |         if( opt.id == "" || opt.id === null ){
169 |             return;
170 |         }
171 |         var $id = $(opt.id),
172 |             $target = $id.find(opt.target),
173 |             iconClass = '.'+opt.icon;
174 | 
175 |         // 输入框监听延迟执行
176 |         $target.on(opt.event,bui.unit.debounce(function () {
177 |             var val = $(this).val(),
178 |                 $parent = $(this).parent(),
179 |                 $btnRemove = $parent.find(iconClass);
180 |             if(val.length > 0){
181 | 
182 |                 if( $btnRemove && $btnRemove.length ){
183 |                     $btnRemove.css("display","block");
184 |                 }else{
185 | 
186 |                     $parent.append('<i class="'+opt.icon+'"></i>');
187 |                     $btnRemove = $target.find(iconClass);
188 |                 }
189 |             }else{
190 |                 $btnRemove && $btnRemove.css("display","none");
191 |             }
192 | 
193 |             opt.onInput && opt.onInput.call(this);
194 |         },100))
195 | 
196 |         $target.on("focus",function(){
197 |             $id.find(iconClass).css("display","none")
198 |             $(this).next().css("display","block")
199 |         })
200 | 
201 |         // 图标点击事件
202 |         $id.on("click",iconClass,function () {
203 |             opt.callback && opt.callback.call(this);
204 |         })
205 |     }
206 | 
207 | </script>
208 | 
209 | </head>
210 | <body>
211 | <div id="page" class="bui-page login-page">
212 |     <header id="bar" class="bui-bar">
213 |         <div class="bui-bar">
214 |             <div class="bui-bar-left">
215 |                 <a class="bui-btn" onclick="bui.back();"><i class="icon-back"></i>
216 |                 </a>
217 |             </div>
218 |             <div class="bui-bar-main">登录</div>
219 |             <div class="bui-bar-right">
220 |             </div>
221 |         </div>
222 |     </header>
223 |     <main>
224 |         <div class="logo"><img src="../images/applogo.png" alt=""></div>
225 |         <div class="login-form">
226 |             <ul class="bui-list">
227 |                 <li class="bui-btn bui-box clearactive">
228 |                     <label class="bui-label" for="user"><i class="icon-face"></i></label>
229 |                     <div class="span1">
230 |                         <div class="bui-input user-input">
231 |                             <input id="user" type="text" placeholder="用户名">
232 |                         </div>
233 |                     </div>
234 |                 </li>
235 |                 <li class="bui-btn bui-box clearactive">
236 |                     <label class="bui-label" for="password"><i class="icon-lock"></i></label>
237 |                     <div class="span1">
238 |                         <div class="bui-input password-input">
239 |                             <input id="password" type="password" placeholder="密码">
240 |                         </div>
241 |                     </div>
242 |                 </li>
243 |             </ul>
244 |             <div class="bui-btn round primary">登录</div>
245 |             <div class="bui-btn-text" href="Register.html">注册</div>
246 |             <div class="bui-btn-text">忘记密码</div>
247 |         </div>
248 |     </main>
249 |     
250 |     <footer>
251 |         <div class="copyright">中国移动版权所有</div>
252 |     </footer>
253 | 
254 | </div>
255 |     
256 | </body>
257 | </html>
258 | 


--------------------------------------------------------------------------------
/login/login1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/login/login1.jpg


--------------------------------------------------------------------------------
/login/login1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/login/login1.png


--------------------------------------------------------------------------------
/login/register.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE HTML>
  2 | <html lang="en-US">
  3 | <head>
  4 | <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
  5 | <title>Register</title>
  6 | <meta name="format-detection" content="telephone=no" />
  7 | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
  8 | <link rel="stylesheet" href="../css/bui.css" /> 
  9 | <script src="../js/zepto.js"></script>
 10 | <script src="../js/plugins/fastclick.js"></script>
 11 | <script src="../js/bui.js"></script>
 12 | <script src="../js/app/_config.js"></script>
 13 | <style type="text/css">
 14 |     
 15 |     /*防止动态增加图标时抖动*/
 16 |     .register-page .bui-input {
 17 |         height: .6rem;
 18 |     }
 19 |     .btn-send{
 20 |         display: inline-block;
 21 |         color: #52a4ff;
 22 |         font-size: 0.2rem;
 23 |         padding: 0 0.1rem;
 24 |         min-height: .4rem;
 25 |         height: .5rem;
 26 |         line-height: .5rem;
 27 |         border: 1px solid #52a4ff;
 28 |     }
 29 |     .btn-send.disabled {
 30 |         border: 1px solid #dedede;
 31 |     }
 32 | </style>
 33 | <script>
 34 |     var pageview = {};
 35 |     bui.ready(function () {
 36 | 
 37 |         // 页面初始化
 38 |         pageview.init();
 39 |     })
 40 | 
 41 |     pageview.bind = function () {
 42 |         
 43 |         /*初始化页面的链接跳转*/
 44 |         bui.btn({ id:"#page" , handle:".bui-btn,.bui-btn-text"}).load();
 45 | 
 46 |         // 监听密码输入事件
 47 |         onInput({
 48 |             id: ".code-input",
 49 |             callback: function () {
 50 |                 // 点击删除按钮清空
 51 |                 $("#code").val('');
 52 |                 $(this).hide();
 53 |             }
 54 |         });
 55 | 
 56 |         // 点击触发倒计时
 57 |         $(".btn-send").on("click",function () {
 58 |             var isDisable = $(this).hasClass("disabled");
 59 | 
 60 |             if( !isDisable ){
 61 |                 $(this).addClass("disabled");
 62 | 
 63 |                 if( timeout ){
 64 |                     clearTimeout(timeout);
 65 |                 }
 66 |                 countdown.call(this);
 67 |             }
 68 |         })
 69 | 
 70 |     }
 71 | 
 72 |     pageview.init = function () {
 73 | 
 74 |         // 绑定事件
 75 |         this.bind();
 76 |     }
 77 | 
 78 |     /**
 79 |      * [countnum 倒计时]
 80 |      * @type {Number}
 81 |      */
 82 |     var countnum = 60,
 83 |         timeout; 
 84 |     function countdown(_self) { 
 85 |         _self = _self || this;
 86 |         var arg = arguments;
 87 | 
 88 |         var $this = $(_self);
 89 | 
 90 |         if (countnum == 0) { 
 91 |             $this.removeClass("disabled");    
 92 |             $this.text("获取验证码"); 
 93 |             countnum = 60;
 94 | 
 95 |             clearTimeout(timeout);
 96 | 
 97 |             return;
 98 |         } else { 
 99 |             $this.addClass("disabled"); 
100 |             $this.text("重新发送(" + countnum + ")"); 
101 |             countnum--; 
102 |         }
103 | 
104 |         // 自执行
105 |         timeout = setTimeout(function() { 
106 |             countdown(_self) 
107 |         },1000) 
108 |     } 
109 |     /**
110 |      * [onInput 监听input事件]
111 |      * @param  {[object]} opt [description]
112 |      * @param  {[string]} opt.id [事件的父级]
113 |      * @param  {[string]} opt.target [目标是input]
114 |      * @param  {[string]} opt.target [目标的input]
115 |      * @example  
116 |      * 
117 |      * html: 
118 |       
119 |         <div class="bui-input password-input">
120 |             <input id="password" type="password" placeholder="密码">
121 |         </div>
122 | 
123 |        js: 
124 | 
125 |         onInput({
126 |             id: ".password-input",
127 |             callback: function () {
128 |                 // 点击删除按钮清空
129 |                 $("#password").val('');
130 |                 $(this).hide();
131 |             }
132 |         })
133 |      * 
134 |      * @return {[type]}     [description]
135 |      */
136 |     function onInput(opt) {
137 |         var opt = opt || {};
138 |             opt.id = opt.id || "";
139 |             opt.target = opt.target || "input";
140 |             opt.event = opt.event || "keyup";
141 |             opt.icon = opt.icon || "icon-remove";
142 |             opt.onInput = opt.onInput || function () {};
143 |             opt.callback = opt.callback || function () {};
144 | 
145 |         if( opt.id == "" || opt.id === null ){
146 |             return;
147 |         }
148 |         var $id = $(opt.id),
149 |             $target = $id.find(opt.target),
150 |             iconClass = '.'+opt.icon;
151 | 
152 |         // 输入框监听延迟执行
153 |         $target.on(opt.event,bui.unit.debounce(function () {
154 |             var val = $(this).val(),
155 |                 $btnRemove = $id.find(iconClass);
156 |             if(val.length > 0){
157 |                 if( $btnRemove && $btnRemove.length ){
158 |                     $btnRemove.css("display","block");
159 |                 }else{
160 |                     $id.append('<i class="'+opt.icon+'"></i>');
161 |                     $btnRemove = $target.find(iconClass);
162 |                 }
163 |             }else{
164 |                 $btnRemove && $btnRemove.css("display","none");
165 |             }
166 | 
167 |             opt.onInput && opt.onInput.call(this);
168 |         },100))
169 | 
170 |         // 图标点击事件
171 |         $id.on("click",iconClass,function () {
172 |             opt.callback && opt.callback.call(this);
173 |         })
174 |     }
175 | </script>
176 | </head>
177 | <body>
178 | <div id="page" class="bui-page register-page">
179 | 	<header class="bui-bar">
180 | 		<div class="bui-bar">
181 | 			<div class="bui-bar-left">
182 |                 <a class="bui-btn" onclick="bui.back();"><i class="icon-back"></i></a>
183 | 			</div>
184 | 			<div class="bui-bar-main">注册</div>
185 | 			<div class="bui-bar-right">
186 | 			</div>
187 | 		</div>
188 | 	</header>
189 | 	<main>
190 |         <div class="section-title">请填写信息</div>
191 |         <ul class="bui-list">
192 | 			<li class="bui-btn bui-box clearactive">
193 | 				<label class="bui-label" for="user">手机号码</label>
194 | 				<div class="span1">
195 | 					<div class="bui-input">
196 | 						<input id="user" type="number" placeholder="请输入你的手机号码">
197 | 					</div>
198 | 				</div>
199 | 			</li>
200 | 			<li class="bui-btn bui-box clearactive">
201 | 				<label class="bui-label" for="password">验证码</label>
202 | 				<div class="span1">
203 |                     <div class="bui-box">
204 |                         <div class="span1">
205 |                             <div class="bui-input code-input">
206 |                                 <input id="code" type="number" placeholder="请输入验证码">
207 |                             </div>
208 |                         </div>
209 |                         <div class="bui-btn round btn-send">发送验证码</div>
210 |                     </div>
211 | 				</div>
212 | 			</li>
213 | 		</ul>
214 |         <div class="container-xy">
215 | 		  <div class="bui-btn round primary">注册</div>
216 |         </div>
217 | 	</main>
218 | 
219 | </div>
220 | 	
221 | </body>
222 | </html>
223 | 


--------------------------------------------------------------------------------
/login/register.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/login/register.jpg


--------------------------------------------------------------------------------
/login/register.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/login/register.png


--------------------------------------------------------------------------------
/matual/alipay.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE HTML>
  2 | <html lang="en-US">
  3 | <head>
  4 |     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
  5 |     <title>BUI</title>
  6 |     <meta name="format-detection" content="telephone=no" />
  7 |     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
  8 |     <link rel="stylesheet" href="../css/bui.css" />
  9 |     <!-- 依赖库 手机调试的js引用顺序如下 -->
 10 |     <script src="../js/zepto.js"></script>
 11 |     <script src="../js/cordova.js"></script>
 12 |     <script src="../js/bingotouch.js"></script>
 13 |     <script src="../js/plugins/fastclick.js"></script>
 14 |     <!-- BUI库 -->
 15 |     <script src="../js/bui.js?id=191"></script>
 16 |     <script src="../js/app/_config.js"></script>
 17 |     <script>
 18 | 
 19 |     var pageview = {},  //页面模块
 20 |         $main,          //中间内容
 21 |         $topbar,        //顶部导航条
 22 |         uiSwipe,        //滑动控件
 23 |         uiPullRefreshs; //下拉刷新控件
 24 | 
 25 |         bui.ready(function (argument) {
 26 | 
 27 |             // 页面控件初始化
 28 |             pageview.init();
 29 |             // 页面事件绑定
 30 |             pageview.bind();
 31 | 
 32 |         })   
 33 |         
 34 |         pageview.init = function () {
 35 |             // 初始化滑动控件
 36 |             uiSwipe = bui.swipe({
 37 |                 id: "#uiSwipe",
 38 |                 handle: ".bui-page",
 39 |                 movingDistance : 210,
 40 |                 zoom: true,
 41 |                 // handle初始化位置,配合样式使用
 42 |                 initDistance: 68,
 43 |                 // 不管条件符合不符合都触发open或close事件
 44 |                 alwaysTrigger: true,
 45 |                 direction: "y",
 46 |             });
 47 | 
 48 |             // 初始化刷新控件
 49 |             uiPullRefreshs = bui.pullrefresh({
 50 |                 id: "#uiPullrefresh",
 51 |                 onRefresh: onRefresh
 52 |             });
 53 |             
 54 |             //下拉的时候刷新数据
 55 |             function onRefresh () {
 56 |               // 执行事件以后需要执行返回函数
 57 |                 var ui = this;
 58 |                 ui.reverse();
 59 |             };
 60 |             
 61 |         }
 62 | 
 63 |         pageview.bind = function () {
 64 |             
 65 |             $main = $("#main");
 66 |             $topbar = $(".topbar");
 67 | 
 68 |             // 滑动过程中控制顶部横条的透明度
 69 |             uiSwipe.on("touchmove",function (e,touch) {
 70 |                 // 如果状态是打开
 71 |                 if( uiSwipe.isActive() ){
 72 | 
 73 |                     var opAcity = (touch.y1-touch.y2)/100,
 74 |                         openAcity = opAcity > 1 ? 1 : opAcity;
 75 | 
 76 |                     $topbar.css({
 77 |                         "opacity": openAcity,
 78 |                         "z-index": 20
 79 |                     })
 80 |                 }else if( !uiSwipe.isActive() ){
 81 | 
 82 |                     var clAcity = 1-(touch.y2-touch.y1)/100,
 83 |                         closeAcity = clAcity < 0 ? 0 : clAcity;
 84 | 
 85 |                     $topbar.css({
 86 |                         "opacity": closeAcity,
 87 |                         "z-index": 20
 88 |                     })
 89 |                 }
 90 |             });
 91 | 
 92 |             // 监听打开状态
 93 |             uiSwipe.on("open",function (e,touch) {
 94 | 
 95 |                 // 打开状态时,不能滚动,也不能下拉刷新
 96 |                 $main.scrollTop() < 5 && uiPullRefreshs.unlock();
 97 |                 $main.css("overflow","hidden");
 98 | 
 99 |                 // 打开状态的顶部导航条,透明度为0,并且在swipedown后面
100 |                 $topbar.css({"opacity": 0,"z-index": 10})
101 | 
102 |             })
103 | 
104 |             // 监听关闭状态
105 |             uiSwipe.on("close",function () {
106 | 
107 |                 // 关闭状态时,可以下拉刷新,并且可以滚动
108 |                 uiPullRefreshs.lock();
109 | 
110 |                 // 计算滚动内容的高度
111 |                 var mainHeight = $(window).height() - $topbar.height();
112 |                 $main.height(mainHeight).css("overflow","auto");
113 | 
114 |                 // 去掉下拉刷新以后的transition,会导致滚动的时候看到背景.
115 |                 $(".bui-scroll-main").css("transition","none");
116 | 
117 |                 // 顶部导航条在上面,并且透明度为1
118 |                 $topbar.css({ "opacity": 1, "z-index": 20 });
119 |             })
120 | 
121 |             // 默认执行打开操作,并且不需要动画感知
122 |             uiSwipe.open({
123 |                 target: "swipedown",
124 |                 transition: "none"
125 |             });
126 | 
127 |             // 监听滚动结束后执行事件
128 |             $main.on("scroll",bui.unit.debounce(function (e) {
129 |                 
130 |                 // 滚动条到顶部时,可以触发下滑控件
131 |                 if(e.target.scrollTop < 5 ){
132 |                     uiSwipe.unlock();
133 |                 }
134 |                 // 大于5时,不做事情
135 |                 if(e.target.scrollTop > 5 ){
136 |                     uiSwipe.lock();
137 |                 }
138 |             },50))
139 | 
140 |         }
141 |     </script>
142 | 
143 |     <style>
144 |         body {
145 |             background: #fff;
146 | 
147 |         }
148 |         .topbar,
149 |         .bui-searchbar {
150 |             background: #0072c6;
151 |         }
152 |         .topbar .bui-btn {
153 |             background: #0072c6;
154 |             color: #fff;
155 |             border:0;
156 |         }
157 |         .topbar .bui-btn i{
158 |             color: #fff;
159 |         }
160 | 
161 |         .navicon {
162 |             background: #0072c6;
163 |         }
164 |         .navicon .bui-btn {
165 |             padding-top: .2rem;
166 |             padding-bottom: .2rem;
167 |             background: #0072c6;
168 |             color: #fff;
169 |             border: 0;
170 |         }
171 |         .navicon .bui-btn i{
172 |             font-size: .6rem;
173 |             width: .6rem;
174 |             height: .6rem;
175 |             line-height: .6rem;
176 |             margin-bottom: .2rem;
177 |             color: #fff;
178 |         }
179 |         
180 |         /*取消pullfresh的滚动条*/
181 |         #uiPullrefresh {
182 |             height:auto !important;
183 |             overflow: hidden;
184 | 
185 |         }
186 |         #uiPullrefresh .bui-list{
187 |             border-top: 0;
188 |         }
189 | 
190 |         .topbar {
191 |             opacity:0;
192 |             position: absolute;
193 |             top: 0;
194 |             left: 0;
195 |             right: 0;
196 |             z-index: 10;
197 |         }
198 | 
199 |         .bui-page {
200 |             /* 参数 initDistance:68; */
201 |             -webkit-transform: translate(0,.68rem);
202 |             transform: translate(0,.68rem);
203 |         }
204 | 
205 |     </style>
206 | </head>
207 | <body>
208 | 
209 | <div class="topbar">
210 |     <ul class="bui-nav">
211 |         <li class="bui-btn bui-box-vertical">
212 |             <i class="icon-">&#xe611;</i>
213 |             <div class="span1">扫一扫</div>
214 |         </li>
215 |         <li class="bui-btn bui-box-vertical">
216 |             <i class="icon-">&#xe657;</i>
217 |             <div class="span1">付款</div>
218 |         </li>
219 |         <li class="bui-btn bui-box-vertical">
220 |             <i class="icon-">&#xe68c;</i>
221 |             <div class="span1">卡券</div>
222 |         </li>
223 |         <li class="bui-btn bui-box-vertical">
224 |             <i class="icon-">&#xe602;</i>
225 |             <div class="span1">到位</div>
226 |         </li>
227 |     </ul>
228 | </div>
229 | <div id="uiSwipe" class="wrap">
230 |     
231 |     <!-- 侧滑菜单 -->
232 |     <div class="swipedown">
233 |         <div id="searchbar1">
234 |             <div class="bui-searchbar">
235 |                 <div class="span1">
236 |                     <div class="bui-input">
237 |                         <i class="icon-search"></i>
238 |                         <input id="search" type="search" value placeholder="云搜索"
239 |                                oninput="indexFucs.input(this.value)">
240 |                         <i id="remove" class="icon-remove" style="display: none;" onclick="remove"></i>
241 |                     </div>
242 |                 </div>
243 |             </div>
244 |         </div>
245 |         <ul class="bui-nav navicon">
246 |             <li class="bui-btn bui-box-vertical">
247 |                 <i class="icon-">&#xe611;</i>
248 |                 <div class="span1">扫一扫</div>
249 |             </li>
250 |             <li class="bui-btn bui-box-vertical">
251 |                 <i class="icon-">&#xe657;</i>
252 |                 <div class="span1">付款</div>
253 |             </li>
254 |             <li class="bui-btn bui-box-vertical">
255 |                 <i class="icon-">&#xe68c;</i>
256 |                 <div class="span1">卡券</div>
257 |             </li>
258 |             <li class="bui-btn bui-box-vertical">
259 |                 <i class="icon-">&#xe602;</i>
260 |                 <div class="span1">到位</div>
261 |             </li>
262 |         </ul>
263 |     </div>
264 |     <div id="page" class="bui-page">
265 |         <main id="main">
266 |             <ul class="bui-nav bui-fluid">
267 |                 <li class="bui-btn span3 bui-box-vertical">
268 |                     <i class="icon-">&#xe606;</i>
269 |                     <div class="span1">违法查询</div>
270 |                 </li>
271 |                 <li class="bui-btn span3 bui-box-vertical">
272 |                     <i class="icon-">&#xe68c;</i>
273 |                     <div class="span1">审批查询</div>
274 |                 </li>
275 |                 <li class="bui-btn span3 bui-box-vertical">
276 |                     <i class="icon-">&#xe62d;</i>
277 |                     <div class="span1">办证查询</div>
278 |                 </li>
279 |                 <li class="bui-btn span3 bui-box-vertical">
280 |                     <i class="icon-">&#xe63a;</i>
281 |                     <div class="span1">身份核查</div>
282 |                 </li>
283 |                 <li class="bui-btn span3 bui-box-vertical">
284 |                     <i class="icon-">&#xe611;</i>
285 |                     <div class="span1">社区警务</div>
286 |                 </li>
287 |                 <li class="bui-btn span3 bui-box-vertical">
288 |                     <i class="icon-">&#xe657;</i>
289 |                     <div class="span1">网上返赃</div>
290 |                 </li>
291 |                 <li class="bui-btn span3 bui-box-vertical">
292 |                     <i class="icon-">&#xe68c;</i>
293 |                     <div class="span1">公安要闻</div>
294 |                 </li>
295 |                 <li class="bui-btn span3 bui-box-vertical">
296 |                     <i class="icon-">&#xe602;</i>
297 |                     <div class="span1">全部</div>
298 |                 </li>
299 |             </ul>
300 |             <div id="uiPullrefresh" class="bui-scroll" >
301 |                 <div class="bui-scroll-head"></div>
302 |                 <div class="bui-scroll-main">
303 |                     
304 |                     <!-- 这里是滚动的内容区,如果不是ul,则需要修改对应的参数 -->
305 |                     <ul class="bui-list">
306 |                         
307 |                         <li>fdsafda</li>
308 |                         <li>fdsafda</li>
309 |                         <li>fdsafda</li>
310 |                         <li>fdsafda</li>
311 |                         <li>fdsafda</li>
312 |                         
313 |                         <li>fdsafda</li>
314 |                         <li>fdsafda</li>
315 |                         <li>fdsafda</li>
316 |                         <li>fdsafda</li>
317 |                         <li>fdsafda</li>
318 |                         
319 |                         <li>fdsafda</li>
320 |                         <li>fdsafda</li>
321 |                         <li>fdsafda</li>
322 |                         <li>fdsafda</li>
323 |                         <li>fdsafda</li>
324 |                         
325 |                         <li>fdsafda</li>
326 |                         <li>fdsafda</li>
327 |                         <li>fdsafda</li>
328 |                         <li>fdsafda</li>
329 |                         <li>fdsafda</li>
330 |                         
331 |                         <li>fdsafda</li>
332 |                         <li>fdsafda</li>
333 |                         <li>fdsafda</li>
334 |                         <li>fdsafda</li>
335 |                         <li>fdsafda</li>
336 |                         
337 |                         <li>fdsafda</li>
338 |                         <li>fdsafda</li>
339 |                         <li>fdsafda</li>
340 |                         <li>fdsafda</li>
341 |                         <li>fdsafda</li>
342 |                         
343 |                         <li>fdsafda</li>
344 |                         <li>fdsafda</li>
345 |                         <li>fdsafda</li>
346 |                         <li>fdsafda</li>
347 |                         <li>fdsafda</li>
348 |                         
349 |                         <li>fdsafda</li>
350 |                         <li>fdsafda</li>
351 |                         <li>fdsafda</li>
352 |                         <li>fdsafda</li>
353 |                         <li>fdsafda</li>
354 |                         
355 |                         <li>fdsafda</li>
356 |                         <li>fdsafda</li>
357 |                         <li>fdsafda</li>
358 |                         <li>fdsafda</li>
359 |                         <li>fdsafda</li>
360 |                         
361 |                         <li>fdsafda</li>
362 |                         <li>fdsafda</li>
363 |                         <li>fdsafda</li>
364 |                         <li>fdsafda</li>
365 |                         <li>fdsafda</li>
366 |                         
367 |                         <li>fdsafda</li>
368 |                         <li>fdsafda</li>
369 |                         <li>fdsafda</li>
370 |                         <li>fdsafda</li>
371 |                         <li>fdsafda</li>
372 |                         
373 |                         <li>fdsafda</li>
374 |                         <li>fdsafda</li>
375 |                         <li>fdsafda</li>
376 |                         <li>fdsafda</li>
377 |                         <li>fdsafda</li>
378 |                         
379 |                         <li>fdsafda</li>
380 |                         <li>fdsafda</li>
381 |                         <li>fdsafda</li>
382 |                         <li>fdsafda</li>
383 |                         <li>fdsafda</li>
384 |                         
385 |                         <li>fdsafda</li>
386 |                         <li>fdsafda</li>
387 |                         <li>fdsafda</li>
388 |                         <li>fdsafda</li>
389 |                         <li>fdsafda</li>
390 |                         
391 |                         <li>fdsafda</li>
392 |                         <li>fdsafda</li>
393 |                         <li>fdsafda</li>
394 |                         <li>fdsafda</li>
395 |                         <li>fdsafda</li>
396 |                         
397 |                         <li>fdsafda</li>
398 |                         <li>fdsafda</li>
399 |                         <li>fdsafda</li>
400 |                         <li>fdsafda</li>
401 |                         <li>fdsafda</li>
402 |                         
403 |                         <li>fdsafda</li>
404 |                         <li>fdsafda</li>
405 |                         <li>fdsafda</li>
406 |                         <li>fdsafda</li>
407 |                         <li style="background:red;">fdsafda</li>
408 |                     </ul>
409 |                 </div>
410 |             </div>
411 |         </main>
412 |         
413 |     </div>
414 | </div>
415 | </body>
416 | </html>


--------------------------------------------------------------------------------
/matual/alipay.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/matual/alipay.jpg


--------------------------------------------------------------------------------
/matual/alipay.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/matual/alipay.png


--------------------------------------------------------------------------------
/personal/images/.svn/all-wcprops:
--------------------------------------------------------------------------------
 1 | K 25
 2 | svn:wc:ra_dav:version-url
 3 | V 60
 4 | /svn/EID/!svn/ver/1719/01.Projects/BUI/demo/ui_scence/images
 5 | END
 6 | Personal1-bg-personal1.png
 7 | K 25
 8 | svn:wc:ra_dav:version-url
 9 | V 87
10 | /svn/EID/!svn/ver/1719/01.Projects/BUI/demo/ui_scence/images/Personal1-bg-personal1.png
11 | END
12 | index2-img.png
13 | K 25
14 | svn:wc:ra_dav:version-url
15 | V 75
16 | /svn/EID/!svn/ver/1719/01.Projects/BUI/demo/ui_scence/images/index2-img.png
17 | END
18 | index3-img.png
19 | K 25
20 | svn:wc:ra_dav:version-url
21 | V 75
22 | /svn/EID/!svn/ver/1719/01.Projects/BUI/demo/ui_scence/images/index3-img.png
23 | END
24 | index4-img.png
25 | K 25
26 | svn:wc:ra_dav:version-url
27 | V 75
28 | /svn/EID/!svn/ver/1719/01.Projects/BUI/demo/ui_scence/images/index4-img.png
29 | END
30 | Personal3-img-contact.png
31 | K 25
32 | svn:wc:ra_dav:version-url
33 | V 86
34 | /svn/EID/!svn/ver/1719/01.Projects/BUI/demo/ui_scence/images/Personal3-img-contact.png
35 | END
36 | Personal1-img-face.png
37 | K 25
38 | svn:wc:ra_dav:version-url
39 | V 83
40 | /svn/EID/!svn/ver/1719/01.Projects/BUI/demo/ui_scence/images/Personal1-img-face.png
41 | END
42 | 


--------------------------------------------------------------------------------
/personal/images/.svn/entries:
--------------------------------------------------------------------------------
  1 | 10
  2 | 
  3 | dir
  4 | 2323
  5 | http://wangwsh@eid.bingosoft.net:81/svn/EID/01.Projects/BUI/demo/ui_scence/images
  6 | http://wangwsh@eid.bingosoft.net:81/svn/EID
  7 | 
  8 | 
  9 | 
 10 | 2016-05-11T13:51:00.540403Z
 11 | 1598
 12 | wangwsh
 13 | 
 14 | 
 15 | 
 16 | 
 17 | 
 18 | 
 19 | 
 20 | 
 21 | 
 22 | 
 23 | 
 24 | 
 25 | 
 26 | 
 27 | eee847a2-21fd-0d49-b3e5-7d3b911f45d9
 28 | 
 29 | Personal1-bg-personal1.png
 30 | file
 31 | 
 32 | 
 33 | 
 34 | 
 35 | 2016-12-29T05:40:57.000000Z
 36 | 5fd3fa6be377ff36f4c90388f9794b78
 37 | 2016-05-11T13:51:00.540403Z
 38 | 1598
 39 | wangwsh
 40 | has-props
 41 | 
 42 | 
 43 | 
 44 | 
 45 | 
 46 | 
 47 | 
 48 | 
 49 | 
 50 | 
 51 | 
 52 | 
 53 | 
 54 | 
 55 | 
 56 | 
 57 | 
 58 | 
 59 | 
 60 | 
 61 | 93660
 62 | 
 63 | index2-img.png
 64 | file
 65 | 
 66 | 
 67 | 
 68 | 
 69 | 2016-12-29T05:40:57.000000Z
 70 | 856312bee2ef9f35521988c3ea2a5e8c
 71 | 2016-05-11T13:51:00.540403Z
 72 | 1598
 73 | wangwsh
 74 | has-props
 75 | 
 76 | 
 77 | 
 78 | 
 79 | 
 80 | 
 81 | 
 82 | 
 83 | 
 84 | 
 85 | 
 86 | 
 87 | 
 88 | 
 89 | 
 90 | 
 91 | 
 92 | 
 93 | 
 94 | 
 95 | 82755
 96 | 
 97 | index3-img.png
 98 | file
 99 | 
100 | 
101 | 
102 | 
103 | 2016-12-29T05:40:57.000000Z
104 | dc66692cd65445377a75ef5834b12b92
105 | 2016-05-11T13:51:00.540403Z
106 | 1598
107 | wangwsh
108 | has-props
109 | 
110 | 
111 | 
112 | 
113 | 
114 | 
115 | 
116 | 
117 | 
118 | 
119 | 
120 | 
121 | 
122 | 
123 | 
124 | 
125 | 
126 | 
127 | 
128 | 
129 | 109097
130 | 
131 | index4-img.png
132 | file
133 | 
134 | 
135 | 
136 | 
137 | 2016-12-29T05:40:57.000000Z
138 | 8a2cab073096bafe79b5ac36bb98296f
139 | 2016-05-11T13:51:00.540403Z
140 | 1598
141 | wangwsh
142 | has-props
143 | 
144 | 
145 | 
146 | 
147 | 
148 | 
149 | 
150 | 
151 | 
152 | 
153 | 
154 | 
155 | 
156 | 
157 | 
158 | 
159 | 
160 | 
161 | 
162 | 
163 | 8223
164 | 
165 | Personal3-img-contact.png
166 | file
167 | 
168 | 
169 | 
170 | 
171 | 2016-12-29T05:40:57.000000Z
172 | eab4e01d927585dcad32d9d8ff96fca4
173 | 2016-05-11T13:51:00.540403Z
174 | 1598
175 | wangwsh
176 | has-props
177 | 
178 | 
179 | 
180 | 
181 | 
182 | 
183 | 
184 | 
185 | 
186 | 
187 | 
188 | 
189 | 
190 | 
191 | 
192 | 
193 | 
194 | 
195 | 
196 | 
197 | 20741
198 | 
199 | Personal1-img-face.png
200 | file
201 | 
202 | 
203 | 
204 | 
205 | 2016-12-29T05:40:57.000000Z
206 | 709877f2fb5c3d85274085aaafbef034
207 | 2016-05-11T13:51:00.540403Z
208 | 1598
209 | wangwsh
210 | has-props
211 | 
212 | 
213 | 
214 | 
215 | 
216 | 
217 | 
218 | 
219 | 
220 | 
221 | 
222 | 
223 | 
224 | 
225 | 
226 | 
227 | 
228 | 
229 | 
230 | 
231 | 28047
232 | 
233 | 


--------------------------------------------------------------------------------
/personal/images/.svn/prop-base/Personal1-bg-personal1.png.svn-base:
--------------------------------------------------------------------------------
1 | K 13
2 | svn:mime-type
3 | V 24
4 | application/octet-stream
5 | END
6 | 


--------------------------------------------------------------------------------
/personal/images/.svn/prop-base/Personal1-img-face.png.svn-base:
--------------------------------------------------------------------------------
1 | K 13
2 | svn:mime-type
3 | V 24
4 | application/octet-stream
5 | END
6 | 


--------------------------------------------------------------------------------
/personal/images/.svn/prop-base/Personal3-img-contact.png.svn-base:
--------------------------------------------------------------------------------
1 | K 13
2 | svn:mime-type
3 | V 24
4 | application/octet-stream
5 | END
6 | 


--------------------------------------------------------------------------------
/personal/images/.svn/prop-base/index2-img.png.svn-base:
--------------------------------------------------------------------------------
1 | K 13
2 | svn:mime-type
3 | V 24
4 | application/octet-stream
5 | END
6 | 


--------------------------------------------------------------------------------
/personal/images/.svn/prop-base/index3-img.png.svn-base:
--------------------------------------------------------------------------------
1 | K 13
2 | svn:mime-type
3 | V 24
4 | application/octet-stream
5 | END
6 | 


--------------------------------------------------------------------------------
/personal/images/.svn/prop-base/index4-img.png.svn-base:
--------------------------------------------------------------------------------
1 | K 13
2 | svn:mime-type
3 | V 24
4 | application/octet-stream
5 | END
6 | 


--------------------------------------------------------------------------------
/personal/images/.svn/text-base/Personal1-bg-personal1.png.svn-base:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/personal/images/.svn/text-base/Personal1-bg-personal1.png.svn-base


--------------------------------------------------------------------------------
/personal/images/.svn/text-base/Personal1-img-face.png.svn-base:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/personal/images/.svn/text-base/Personal1-img-face.png.svn-base


--------------------------------------------------------------------------------
/personal/images/.svn/text-base/Personal3-img-contact.png.svn-base:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/personal/images/.svn/text-base/Personal3-img-contact.png.svn-base


--------------------------------------------------------------------------------
/personal/images/.svn/text-base/index2-img.png.svn-base:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/personal/images/.svn/text-base/index2-img.png.svn-base


--------------------------------------------------------------------------------
/personal/images/.svn/text-base/index3-img.png.svn-base:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/personal/images/.svn/text-base/index3-img.png.svn-base


--------------------------------------------------------------------------------
/personal/images/.svn/text-base/index4-img.png.svn-base:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/personal/images/.svn/text-base/index4-img.png.svn-base


--------------------------------------------------------------------------------
/personal/images/Personal1-bg-personal1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/personal/images/Personal1-bg-personal1.png


--------------------------------------------------------------------------------
/personal/images/Personal1-img-face.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/personal/images/Personal1-img-face.png


--------------------------------------------------------------------------------
/personal/images/Personal3-img-contact.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/personal/images/Personal3-img-contact.png


--------------------------------------------------------------------------------
/personal/personal1.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE HTML>
  2 | <html lang="en-US">
  3 | <head>
  4 | <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
  5 | <title>Personal1</title>
  6 | <meta name="format-detection" content="telephone=no" />
  7 | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
  8 | <link rel="stylesheet" href="../css/bui.css" /> 
  9 | <script src="../js/zepto.js"></script>
 10 | <script src="../js/plugins/fastclick.js"></script>
 11 | <script src="../js/bui.js"></script>
 12 | <style type="text/css">
 13 |     .personal-header{
 14 |         background: url("images/Personal1-bg-personal1.png") no-repeat;
 15 |         background-size: cover;
 16 |         padding-top: .3rem;
 17 |         padding-bottom: .3rem;
 18 |     }
 19 |     .personal-header .personal-img{
 20 |         width: 1.2rem;
 21 |         height: 1.2rem;
 22 |         border-radius: 50%;
 23 |         border: 3px solid #fff;
 24 |         overflow: hidden;
 25 |         margin: 0 auto .2rem auto;
 26 |         text-align: center;
 27 |     }
 28 |     .personal-header .personal-img img{
 29 |         width: 100%;
 30 |     }
 31 |     .personal-header p{
 32 |         text-align: center;
 33 |         color: #ffffff;
 34 |         margin-bottom: 0.1rem;
 35 |     }
 36 |     .personal-header .name{
 37 |         font-size: 0.26rem;
 38 |     }
 39 |     .personal-header .grade{
 40 |         font-size: 0.2rem;
 41 |     }
 42 |     .nav-list{
 43 |         border-top: none;
 44 |         margin-top: 0.2rem;
 45 |         padding: 0 0.2rem;
 46 |         background-color: #ffffff;
 47 |     }
 48 |     .nav-list .bui-btn{
 49 |         padding-left: 0;
 50 |         padding-right: 0;
 51 |     }
 52 |     .nav-list li:first-child{
 53 |         border-top: none;
 54 |     }
 55 |     .nav-list .icon i{
 56 |         font-size: 0.4rem;
 57 |     }
 58 |     .nav-list .icon{
 59 |         height: 0.42rem;
 60 |     }
 61 |     .nav-list .bui-btn{
 62 |         border: none;
 63 |         border-top: 1px solid #efefef;
 64 |     }
 65 |     
 66 |     .icon-yellow{
 67 |         color: #ffad03;
 68 |     }
 69 |     .icon-thinblue{
 70 |         color: #56ced5;
 71 |     }
 72 |     .icon-green{
 73 |         color: #6ed046;
 74 |     }
 75 |     .icon-red{
 76 |         color: #fd8886;
 77 |     }
 78 | </style>
 79 | <script>
 80 | 
 81 |     var pageview = {};
 82 | 
 83 |     bui.ready(function () {
 84 |         
 85 |         // 执行初始化
 86 |         pageview.init();
 87 |     })
 88 | 
 89 |     pageview.bind = function () {
 90 |         
 91 |     }
 92 |     pageview.init = function () {
 93 |         
 94 |         this.bind();
 95 |     }
 96 | 
 97 | </script>
 98 | 
 99 | </head>
100 | <body>
101 | <div id="page" class="bui-page">
102 | 	<header class="bui-bar">
103 | 		<div class="bui-bar">
104 | 			<div class="bui-bar-left">
105 |                 <a class="bui-btn" onclick="bui.back();"><i class="icon-back"></i></a>
106 | 			</div>
107 | 			<div class="bui-bar-main">我的</div>
108 | 			<div class="bui-bar-right">
109 | 			</div>
110 | 		</div>
111 | 	</header>
112 | 	<main>
113 | 		<div class="personal-header">
114 |             <div class="personal-img">
115 |                 <img src="images/Personal1-img-face.png">
116 |             </div>
117 |             <p class="name">张三李四</p>
118 |             <p class="grade">积分：2988</p>
119 |         </div>
120 |         <ul class="bui-list nav-list">
121 |             <li class="bui-btn bui-box ">
122 |                 <div class="icon"><i class="icon-favfill icon-yellow"></i></div>
123 |                 <div class="span1">我的收藏</div>
124 |                 <i class="icon-listright"></i>
125 |             </li>
126 |             <li class="bui-btn bui-box">
127 |                 <div class="icon"><i class="icon icon-thinblue">&#xe64f;</i></div>
128 |                 <div class="span1">播放记录</div>
129 |                 <i class="icon-listright"></i>
130 |             </li>
131 |             <li class="bui-btn bui-box">
132 |                 <div class="icon"><i class="icon icon-green">&#xe62d;</i></div>
133 |                 <div class="span1">测试记录</div>
134 |                 <i class="icon-listright"></i>
135 |             </li>
136 |             <li class="bui-btn bui-box">
137 |                 <div class="icon"><i class="icon icon-red">&#xe666;</i></div>
138 |                 <div class="span1">我的下载</div>
139 |                 <i class="icon-listright"></i>
140 |             </li>
141 |         </ul>
142 | 	</main>
143 |     <footer>
144 |         <!-- 底部d导航栏 -->
145 |         <ul class="bui-nav footer-nav">
146 |             <li class="bui-btn bui-box-vertical"><i class="icon">&#xe664;</i><div class="span1">精选课程</div></li>
147 |             <li class="bui-btn bui-box-vertical"><i class="icon">&#xe659;</i><div class="span1">全部课程</div></li>
148 |             <li class="bui-btn bui-box-vertical active"><i class="icon">&#xe67a;</i><div class="span1">我的</div></li>
149 |         </ul>
150 |     </footer>
151 | 
152 | 
153 | </div>
154 | 	
155 | </body>
156 | </html>
157 | 


--------------------------------------------------------------------------------
/personal/personal1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/personal/personal1.jpg


--------------------------------------------------------------------------------
/personal/personal1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/personal/personal1.png


--------------------------------------------------------------------------------
/personal/personal2.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE HTML>
  2 | <html lang="en-US">
  3 | <head>
  4 | <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
  5 | <title>Personal2</title>
  6 | <meta name="format-detection" content="telephone=no" />
  7 | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
  8 | <link rel="stylesheet" href="../css/bui.css" /> 
  9 | <script src="../js/zepto.js"></script>
 10 | <script src="../js/plugins/fastclick.js"></script>
 11 | <script src="../js/bui.js"></script>
 12 | <style type="text/css">
 13 | 
 14 |     .Personal2 .bui-badges{
 15 |         background: none;
 16 |         color: #ff8003;
 17 |         font-size: 0.22rem;
 18 |     }
 19 |     .nav-list{
 20 |         border-top: none;
 21 |         margin-top: 0.2rem;
 22 |         padding: 0 0.2rem;
 23 |         background-color: #ffffff;
 24 |     }
 25 |     .nav-list .bui-btn{
 26 |         padding-left: 0;
 27 |         padding-right: 0;
 28 |     }
 29 |     .nav-list li:first-child{
 30 |         border-top: none;
 31 |     }
 32 |     .nav-list .icon i{
 33 |         font-size: 0.4rem;
 34 |     }
 35 |     .nav-list .bui-btn{
 36 |         border: none;
 37 |         border-top: 1px solid #efefef;
 38 |     }
 39 |     .nav-list .icon-blue{
 40 |         color: #54b6ff;
 41 |     }
 42 |     .nav-list .icon-yellow{
 43 |         color: #ffad03;
 44 |     }
 45 |     .nav-list .icon-thinblue{
 46 |         color: #56ced5;
 47 |     }
 48 |     .nav-list .icon-green{
 49 |         color: #6ed046;
 50 |     }
 51 |     .nav-list .icon-red{
 52 |         color: #fd8886;
 53 |     }
 54 | </style>
 55 | <script>
 56 | 
 57 |     var pageview = {};
 58 | 
 59 |     bui.ready(function () {
 60 |         
 61 |         // 执行初始化
 62 |         pageview.init();
 63 |     })
 64 | 
 65 |     pageview.bind = function () {
 66 |         
 67 |     }
 68 |     pageview.init = function () {
 69 |         
 70 |         this.bind();
 71 |     }
 72 | 
 73 | </script>
 74 | 
 75 | </head>
 76 | <body>
 77 | <div id="page" class="bui-page">
 78 | 	<header class="bui-bar">
 79 | 		<div class="bui-bar">
 80 | 			<div class="bui-bar-left">
 81 |                 <a class="bui-btn" onclick="bui.back();"><i class="icon-back"></i></a>
 82 | 			</div>
 83 | 			<div class="bui-bar-main">我的</div>
 84 | 			<div class="bui-bar-right">
 85 | 			</div>
 86 | 		</div>
 87 | 	</header>
 88 | 	<main>
 89 |         <ul class="bui-list nav-list">
 90 |             <li class="bui-btn bui-box">
 91 |                 <div class="icon"><i class="icon icon-blue">&#xe641;</i></div>
 92 |                 <div class="span1">列表2</div>
 93 |                 <div class="bui-badges">4998</div>
 94 |                 <i class="icon-listright"></i>
 95 |             </li>
 96 |         </ul>
 97 |         <ul class="bui-list nav-list">
 98 |             <li class="bui-btn bui-box ">
 99 |                 <div class="icon"><i class="icon-favfill icon-yellow"></i></div>
100 |                 <div class="span1">我的收藏</div>
101 |                 <i class="icon-listright"></i>
102 |             </li>
103 |             <li class="bui-btn bui-box">
104 |                 <div class="icon"><i class="icon icon-thinblue">&#xe64f;</i></div>
105 |                 <div class="span1">播放记录</div>
106 |                 <i class="icon-listright"></i>
107 |             </li>
108 |             <li class="bui-btn bui-box">
109 |                 <div class="icon"><i class="icon icon-green">&#xe62d;</i></div>
110 |                 <div class="span1">测试记录</div>
111 |                 <i class="icon-listright"></i>
112 |             </li>
113 |             <li class="bui-btn bui-box">
114 |                 <div class="icon"><i class="icon icon-red">&#xe666;</i></div>
115 |                 <div class="span1">我的下载</div>
116 |                 <i class="icon-listright"></i>
117 |             </li>
118 |         </ul>
119 | 	</main>
120 |     <footer>
121 |         <!-- 底部d导航栏 -->
122 |         <ul class="bui-nav footer-nav">
123 |             <li class="bui-btn bui-box-vertical"><i class="icon">&#xe664;</i><div class="span1">精选课程</div></li>
124 |             <li class="bui-btn bui-box-vertical"><i class="icon">&#xe659;</i><div class="span1">全部课程</div></li>
125 |             <li class="bui-btn bui-box-vertical active"><i class="icon">&#xe67a;</i><div class="span1">我的</div></li>
126 |         </ul>
127 |     </footer>
128 | </div>
129 | 	
130 | </body>
131 | </html>
132 | 


--------------------------------------------------------------------------------
/personal/personal2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/personal/personal2.jpg


--------------------------------------------------------------------------------
/personal/personal2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/personal/personal2.png


--------------------------------------------------------------------------------
/personal/personal3.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE HTML>
  2 | <html lang="en-US">
  3 | <head>
  4 | <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
  5 | <title>Personal3</title>
  6 | <meta name="format-detection" content="telephone=no" />
  7 | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
  8 | <link rel="stylesheet" href="../css/bui.css" /> 
  9 | <script src="../js/zepto.js"></script>
 10 | <script src="../js/plugins/fastclick.js"></script>
 11 | <script src="../js/bui.js"></script>
 12 | <style type="text/css">
 13 | 
 14 |     .personal-info{
 15 |         margin-top: 0;
 16 |         margin-bottom: .2rem;
 17 |     }
 18 |     .personal-info .bui-btn {
 19 |         padding-top: .2rem;
 20 |         padding-bottom: .2rem;
 21 |     }
 22 |     .personal-info .icon {
 23 |         margin-right: 0;
 24 |     }
 25 |     .contact-list{
 26 |         border-top: none;
 27 |         margin-bottom: .2rem;
 28 |         padding: 0 0.2rem;
 29 |         background-color: #ffffff;
 30 |     }
 31 |     .contact-list .bui-btn{
 32 |         padding-left: 0;
 33 |         padding-top: .3rem;
 34 |         padding-bottom: .3rem;
 35 |     }
 36 |     .contact-list li:last-child{
 37 |         border-bottom: none;
 38 |     }
 39 | </style>
 40 | <script>
 41 | 
 42 |     var pageview = {};
 43 | 
 44 |     bui.ready(function () {
 45 |         
 46 |         // 执行初始化
 47 |         pageview.init();
 48 |     })
 49 | 
 50 |     pageview.bind = function () {
 51 |         
 52 |     }
 53 |     pageview.init = function () {
 54 |         
 55 |         this.bind();
 56 |     }
 57 | 
 58 | </script>
 59 | </head>
 60 | <body>
 61 | <div id="page" class="bui-page">
 62 | 	<header class="bui-bar">
 63 | 		<div class="bui-bar">
 64 | 			<div class="bui-bar-left">
 65 |                 <a class="bui-btn" onclick="bui.back();"><i class="icon-back"></i></a>
 66 | 			</div>
 67 | 			<div class="bui-bar-main">通讯录</div>
 68 | 			<div class="bui-bar-right">
 69 | 			</div>
 70 | 		</div>
 71 | 	</header>
 72 | 	<main>
 73 |         <ul class="bui-list personal-info">
 74 |             <li class="bui-btn bui-box">
 75 |                 <div class="thumbnail"><img src="images/Personal3-img-contact.png" alt=""></div>
 76 |                 <div class="span1">
 77 |                     <h3 class="item-title">区柏荣</h3>
 78 |                     <p class="item-text">计算机与信息工程学院</p>
 79 |                 </div>
 80 |                 <i class="icon">&#xe62a;</i>
 81 |             </li>
 82 |         </ul>
 83 |         <ul class="bui-list contact-list">
 84 |             <li class="bui-btn bui-box clearactive">
 85 |                 <label class="bui-label">兴趣爱好</label>
 86 |                 <div class="span1">
 87 |                     <div class="bui-value">郭亮</div>
 88 |                 </div>
 89 |             </li>
 90 |             <li class="bui-btn bui-box clearactive">
 91 |                 <label class="bui-label">邮箱</label>
 92 |                 <div class="span1">
 93 |                     <div class="bui-value">guol@bingosoft.net</div>
 94 |                 </div>
 95 |             </li>
 96 |             <li class="bui-btn bui-box clearactive">
 97 |                 <label class="bui-label">工作电话</label>
 98 |                 <div class="span1">
 99 |                     <div class="bui-value">13800138000</div>
100 |                 </div>
101 |             </li>
102 |         </ul>
103 |         <div class="container-xy">
104 |             <div class="bui-btn round primary">去聊天</div>
105 |         </div>
106 | 	</main>
107 | 
108 | 
109 | </div>
110 | 	
111 | </body>
112 | </html>
113 | 


--------------------------------------------------------------------------------
/personal/personal3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/personal/personal3.jpg


--------------------------------------------------------------------------------
/personal/personal3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/personal/personal3.png


--------------------------------------------------------------------------------
/personal/personal4.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html>
  3 | <head lang="en">
  4 |     <meta charset="UTF-8">
  5 |     <meta name="format-detection" content="telephone=no" />
  6 |     <meta name="viewport"
  7 |           content="width=device-width,initial-scale=1,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no"/>
  8 |     <title>个人中心</title>
  9 |     <link rel="stylesheet" href="../css/bui.css"/>
 10 |     <script src="../js/zepto.js"></script>
 11 |     <script src="../js/plugins/fastclick.js"></script>
 12 |     <script src="../js/bui.js"></script>
 13 |     <style>
 14 |         .wrap-user-header{
 15 |             background-image:linear-gradient(to right ,#922e63,#731852,#6c2474,#29104a);
 16 |         }
 17 | 
 18 |         .bui-page main {
 19 |             padding-top: .2rem;
 20 |         }
 21 |         .user-pic{
 22 |             border-top:none;
 23 |         }
 24 |         .user-pic .user-btn{
 25 |             padding-left:.3rem;
 26 |             padding-top:.25rem;
 27 |             padding-bottom:.25rem;
 28 |             border-bottom:none;
 29 |             background-color: transparent;
 30 |         }
 31 |         .user-pic .thumbnail{
 32 |             width:1rem;
 33 |             height:1rem;
 34 |             -webkit-border-radius: 50%;
 35 |             border-radius: 50%;
 36 |             overflow: hidden;
 37 |         }
 38 |         .user-pic .pic{
 39 |             width: 100%;
 40 |             -webkit-border-radius: 50%;
 41 |             border-radius: 50%;
 42 |         }
 43 |         .user-pic .item-title{
 44 |             padding-top:.1rem;
 45 |             color:#fff;
 46 |             font-size:.26rem;
 47 |             margin-bottom: .15rem;
 48 |         }
 49 |         .user-pic .user-btn .item-text{
 50 |             padding-top:.02rem;
 51 |             margin-bottom:.05rem;
 52 |             color:#fff;
 53 |             font-size:.18rem;
 54 |         }
 55 |         .user-pic .user-btn .account-address{
 56 |             text-align:right;
 57 |             font-size:.16rem;
 58 |             color:#fff;
 59 |         }
 60 |         .user-pic .user-btn .account-address a{
 61 |             color:#fff;
 62 |         }
 63 |         .user-pic .user-btn .user-right{
 64 |             font-size:.16rem;
 65 |         }
 66 | 
 67 | 
 68 |         .user-nav{
 69 |             background-color:rgba(0,0,0,0.1);
 70 |         }
 71 |         .user-nav .bui-btn{
 72 |             padding-top:.1rem;
 73 |             padding-bottom:.1rem;
 74 |             border:none;
 75 |             color:#fff;
 76 |             font-size:.18rem;
 77 |             background-color:transparent;
 78 |             border-right:1px solid #7c1852;
 79 |         }
 80 |         .user-nav .bui-btn span {
 81 |             display: block;
 82 |             margin-bottom: .1rem;
 83 |         }
 84 |         .user-nav .bui-btn:last-child{
 85 |             border-right:none;
 86 |         }
 87 | 
 88 |         /*内容区*/
 89 |         .panel-usercenter {
 90 |             margin-top: 0;
 91 |             margin-bottom: .2rem;
 92 |         }
 93 |         .panel-usercenter .panel-head-right {
 94 |             font-size: .18rem;
 95 |             color: #999;
 96 |         }
 97 |         .panel-usercenter .bui-panel-head > i{
 98 |             font-size: .28rem;
 99 |             margin-right: .1rem;
100 |         }
101 |         .panel-usercenter .icon-order{
102 |             color: #ffd46f;
103 |         }
104 |         .panel-usercenter .icon-money{
105 |             color: #f99c8a;
106 |         }
107 |         .nav-list .bui-btn{
108 |             border: 0;
109 |             padding-top: .2rem;
110 |             padding-bottom: .2rem;
111 |             color: #333;
112 |         }
113 |         .nav-list .bui-btn i{
114 |             margin-bottom: .1rem;
115 |             font-size: .32rem;
116 |         }
117 |         .nav-list .bui-btn span{
118 |             margin-bottom: .1rem;
119 |         }
120 |         .menu-list {
121 |             margin-bottom: .2rem;
122 |         }
123 |         .menu-list .tips {
124 |             font-size: .18rem;
125 |             color: #999;
126 |         }
127 |         .menu-list .bui-btn {
128 |             padding-left: .15rem;
129 |             padding-top: .22rem;
130 |             padding-bottom: .22rem;
131 |             color: #333;
132 |         }
133 |         .menu-list .icon-service,
134 |         .menu-list .icon-member,
135 |         .menu-list .icon-guess {
136 |             font-size: .32rem;
137 |             margin-right: .15rem;
138 |         }
139 |         .menu-list .icon-service {
140 |             color: #c4b3ea;
141 |         }
142 |         .menu-list .icon-member {
143 |             color: #e8a4cb;
144 |         }
145 |         .menu-list .icon-guess {
146 |             color: #76e7c9;
147 |         }
148 | 
149 |         .footer-nav {
150 |             background-color: #363636;
151 |         }
152 |         .footer-nav .bui-btn {
153 |             background-color: #363636;
154 |             color: #fff;
155 |             padding: .15rem 0 .1rem 0;
156 |         }
157 |         .footer-nav .bui-btn i{
158 |             color: #fff;
159 |             font-size: .4rem;
160 |             margin-bottom: .05rem;
161 |         }
162 |         .footer-nav .active {
163 |             color: #ff5c60;
164 |         }
165 |         .footer-nav .active i{
166 |             color: #ff5c60;
167 |         }
168 |     </style>
169 | 
170 |     <script>
171 | 
172 |         var pageview = {};
173 | 
174 |         bui.ready(function () {
175 |             
176 |             // 执行初始化
177 |             pageview.init();
178 |         })
179 | 
180 |         pageview.bind = function () {
181 |             
182 |         }
183 |         pageview.init = function () {
184 |             
185 |             this.bind();
186 |         }
187 | 
188 |     </script>
189 | </head>
190 | <body>
191 | <div class="bui-page" id="page">
192 |     <header>
193 |         <div class="wrap-user-header">
194 |             <ul class="bui-list user-pic">
195 |                 <li class="bui-btn bui-box user-btn">
196 |                     <div class="thumbnail"><img src="../images/applogo.png" class="pic" alt=""></div>
197 |                     <div class="span1">
198 |                         <h3 class="item-title">王某某</h3>
199 |                         <p class="item-text">钻石用户</p>
200 |                         <div class="account-address">
201 |                             账户管理,收货地址<i class="icon-listright user-right"></i>
202 |                         </div>
203 |                     </div>
204 |                 </li>
205 |             </ul>
206 |             <ul class="bui-nav user-nav">
207 |                 <li class="bui-btn">
208 |                     <span>39</span>
209 |                     <div class="span1">关注的商品</div>
210 |                 </li>
211 |                 <li class="bui-btn">
212 |                     <span>7</span>
213 |                     <div class="span1">关注的店铺</div>
214 |                 </li>
215 |                 <li class="bui-btn">
216 |                     <span>185</span>
217 |                     <div class="span1">浏览记录</div>
218 |                 </li>
219 |             </ul>
220 |         </div>
221 |     </header>
222 |     <main>
223 |         <div class="bui-panel panel-usercenter">
224 |             <div class="bui-panel-head bui-box-align-middle">
225 |                 <i class="icon-order">&#xe62d;</i>
226 |                 <div class="span1">我的订单</div>
227 |                 <div class="panel-head-right">查看全部订单<i class="icon-listright"></i></div>
228 |             </div>
229 |             <div class="bui-panel-main">
230 |                 <ul class="bui-nav nav-list">
231 |                     <li class="bui-btn bui-box-vertical">
232 |                         <i class="icon-check"></i>
233 |                         <div class="span1">待付款</div>
234 |                     </li>
235 |                     <li class="bui-btn bui-box-vertical">
236 |                         <i class="icon-plus"></i>
237 |                         <div class="span1">待收款</div>
238 |                     </li>
239 |                     <li class="bui-btn bui-box-vertical">
240 |                         <i class="icon-face"></i>
241 |                         <div class="span1">
242 |                             待评价
243 |                         </div>
244 |                     </li>
245 |                     <li class="bui-btn bui-box-vertical">
246 |                         <i class="icon-unlock">
247 |                             <span class="bui-badges">1</span>
248 |                         </i>
249 |                         <div class="span1">
250 |                             返修/退还
251 |                         </div>
252 |                     </li>
253 |                 </ul>
254 |             </div>
255 |         </div>
256 |         <div class="bui-panel panel-usercenter">
257 |             <div class="bui-panel-head bui-box-align-middle">
258 |                 <i class="icon-money">&#xe63a;</i>
259 |                 <div class="span1">我的钱包</div>
260 |                 <div class="panel-head-right">京东福卡,小金库<i class="icon-listright"></i></div>
261 |             </div>
262 |             <div class="bui-panel-main">
263 |                 <ul class="bui-nav nav-list">
264 |                     <li class="bui-btn bui-box-vertical">
265 |                         <span>0.00</span>
266 |                         <div class="span1">账户余额</div>
267 |                     </li>
268 |                     <li class="bui-btn bui-box-vertical">
269 |                         <span>4</span>
270 |                         <div class="span1">优惠券</div>
271 |                     </li>
272 |                     <li class="bui-btn bui-box-vertical">
273 |                         <span>639</span>
274 |                         <div class="span1">
275 |                             京豆
276 |                         </div>
277 |                     </li>
278 |                     <li class="bui-btn bui-box-vertical">
279 |                         <span>0</span>
280 |                         <div class="span1">
281 |                             京东卡/E卡
282 |                         </div>
283 |                     </li>
284 |                 </ul>
285 |             </div>
286 |         </div>
287 |         
288 |         <ul class="bui-list menu-list">
289 |             <li class="bui-btn bui-box">
290 |                 <i class="icon-service">&#xe62a;</i>
291 |                 <div class="span1">服务与反馈</div>
292 |                 <span class="tips">意见反馈搬这儿了</span>
293 |                 <i class="icon-listright"></i>
294 |             </li>
295 |             <li class="bui-btn bui-box">
296 |                 <i class="icon-member">&#xe635;</i>
297 |                 <div class="span1">京东会员</div>
298 |                 <span class="tips">会员俱乐部</span>
299 |                 <i class="icon-listright"></i>
300 |             </li>
301 |         </ul>
302 |         <ul class="bui-list menu-list">
303 |             <li class="bui-btn bui-box">
304 |                 <i class="icon-guess">&#xe641;</i>
305 |                 <div class="span1">猜你喜欢</div>
306 |                 <i class="icon-listright"></i>
307 |             </li>
308 |         </ul>
309 |     </main>
310 |     <footer>
311 |         <ul class="bui-nav footer-nav">
312 |             <li class="bui-btn bui-box-vertical">
313 |                 <i class="icon-home"></i>
314 |                 <div class="span1">首页</div>
315 |             </li>
316 |             <li class="bui-btn bui-box-vertical">
317 |                 <i class="icon-lock"></i>
318 |                 <div class="span1">分类</div>
319 |             </li>
320 |             <li class="bui-btn bui-box-vertical">
321 |                 <i class="icon-camerafill">
322 |                     <span class="bui-badges"></span>
323 |                 </i>
324 |                 <div class="span1">发现</div>
325 |             </li>
326 |             <li class="bui-btn bui-box-vertical">
327 |                 <i class="icon-pic"></i>
328 |                 <div class="span1">购物车</div>
329 |             </li>
330 |             <li class="bui-btn bui-box-vertical active">
331 |                 <i class="icon-user"></i>
332 |                 <div class="span1">我的</div>
333 |             </li>
334 |         </ul>
335 |     </footer>
336 | </div>
337 | </body>
338 | </html>


--------------------------------------------------------------------------------
/personal/personal4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/personal/personal4.jpg


--------------------------------------------------------------------------------
/personal/personal4.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/imouou/BUI-Scenes/3bb0ff7f1ab4bf3a9f9672db3d217b09a9f19b66/personal/personal4.png


--------------------------------------------------------------------------------