├── README.md
├── actionsheet.html
├── article.html
├── button.html
├── cell.html
├── css
    ├── weui.css
    └── weui.min.css
├── dialog.html
├── favicon.ico
├── home.html
├── icons.html
├── images
    ├── icon_nav_actionSheet.png
    ├── icon_nav_article.png
    ├── icon_nav_button.png
    ├── icon_nav_cell.png
    ├── icon_nav_dialog.png
    ├── icon_nav_icons.png
    ├── icon_nav_msg.png
    ├── icon_nav_panel.png
    ├── icon_nav_progress.png
    ├── icon_nav_search_bar.png
    ├── icon_nav_tab.png
    ├── icon_nav_toast.png
    └── vcode.jpg
├── index.html
├── js
    ├── actionsheet.js
    ├── angular-animate.min.js
    ├── angular-route.min.js
    ├── angular.min.js
    ├── dialog.js
    ├── example.js
    ├── progress.js
    ├── searchbar.js
    └── toast.js
├── msg.html
├── navbar.html
├── panel.html
├── progress.html
├── searchbar.html
├── tab.html
├── tabbar.html
└── toast.html


/README.md:
--------------------------------------------------------------------------------
 1 | # Angularjs-weui
 2 | 
 3 | 使用Angularjs框架应用weui
 4 | 
 5 | ###引用文件
 6 | 
 7 | + 使用angular.min.js 1.4.9
 8 | + 使用angular-route.min.js 1.4.9
 9 | + 使用angular-animate.min.js 1.4.9
10 | + 使用weui.min.css 0.4.0
11 | 
12 | ###已完成
13 | 
14 | + Button
15 | + Cell
16 | + Toast
17 | + Dialog
18 | + Progress
19 | + Msg
20 | + Article
21 | + ActionSheet
22 | + Icons
23 | + Panel
24 | + Tab
25 | + SearchBar
26 | + 页面显示样式美化
27 | + 注释
28 | 
29 | ###正在进行
30 | 
31 | + 使用文档
32 | 
33 | ###待完成
34 | 
35 | ###其它说明
36 | 
37 | + 去掉了跳转动画，初次显示时有问题，待解决。
38 | 
39 | 


--------------------------------------------------------------------------------
/actionsheet.html:
--------------------------------------------------------------------------------
 1 | <div class="page" style="overflow: hidden">
 2 |     <div class="hd">
 3 |         <h1 class="page_title">ActionSheet</h1>
 4 |     </div>
 5 |     <div class="bd spacing">
 6 |         <a href="javascript:;" class="weui_btn weui_btn_primary" ng-click="showActionSheet()">点击上拉ActionSheet</a>
 7 |     </div>
 8 |     <!--BEGIN actionSheet-->
 9 |     <div id="actionSheet_wrap" >
10 |         <div class="weui_mask_transition" id="mask" ng-if="isShowActionsheet"></div>
11 |         <div class="" ng-class="['weui_actionsheet',actionsheetToggle]" id="weui_actionsheet">
12 |             <div class="weui_actionsheet_menu">
13 |                 <div class="weui_actionsheet_cell">示例菜单</div>
14 |                 <div class="weui_actionsheet_cell">示例菜单</div>
15 |                 <div class="weui_actionsheet_cell">示例菜单</div>
16 |                 <div class="weui_actionsheet_cell">示例菜单</div>
17 |             </div>
18 |             <div class="weui_actionsheet_action">
19 |                 <div class="weui_actionsheet_cell" ng-click="actionsheetCancel()">取消</div>
20 |             </div>
21 |         </div>
22 |     </div>
23 |     <!--END actionSheet-->
24 | </div>
25 | 


--------------------------------------------------------------------------------
/article.html:
--------------------------------------------------------------------------------
 1 | <div class="page">
 2 |     <div class="hd">
 3 |         <h1 class="page_title">Article</h1>
 4 |     </div>
 5 |     <div class="bd">
 6 |         <article class="weui_article">
 7 |             <h1>大标题</h1>
 8 |             <section>
 9 |                 <h2 class="title">章标题</h2>
10 |                 <section>
11 |                     <h3>1.1 节标题</h3>
12 |                     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute</p>
13 |                 </section>
14 |                 <section>
15 |                     <h3>1.2 节标题</h3>
16 |                     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
17 |                 </section>
18 |             </section>
19 |         </article>
20 |     </div>
21 | </div>
22 | 


--------------------------------------------------------------------------------
/button.html:
--------------------------------------------------------------------------------
 1 | <div class="page">
 2 |     <div class="hd">
 3 |         <h1 class="page_title">Button</h1>
 4 |     </div>
 5 |     <div class="bd spacing">
 6 |         <a href="javascript:;" class="weui_btn weui_btn_primary">按钮</a>
 7 |         <a href="javascript:;" class="weui_btn weui_btn_disabled weui_btn_primary">按钮</a>
 8 |         <a href="javascript:;" class="weui_btn weui_btn_warn">确认</a>
 9 |         <a href="javascript:;" class="weui_btn weui_btn_disabled weui_btn_warn">确认</a>
10 |         <a href="javascript:;" class="weui_btn weui_btn_default">按钮</a>
11 |         <a href="javascript:;" class="weui_btn weui_btn_disabled weui_btn_default">按钮</a>
12 |         <div class="button_sp_area">
13 |             <a href="javascript:;" class="weui_btn weui_btn_plain_default">按钮</a>
14 |             <a href="javascript:;" class="weui_btn weui_btn_plain_primary">按钮</a>
15 |             <a href="javascript:;" class="weui_btn weui_btn_mini weui_btn_primary">按钮</a>
16 |             <a href="javascript:;" class="weui_btn weui_btn_mini weui_btn_default">按钮</a>
17 |         </div>
18 |     </div>
19 | </div>
20 | 


--------------------------------------------------------------------------------
/cell.html:
--------------------------------------------------------------------------------
  1 | <div class="page">
  2 |     <div class="hd">
  3 |         <h1 class="page_title">Cell</h1>
  4 |     </div>
  5 |     <div class="bd">
  6 |         <div class="weui_cells_title">带说明的列表项</div>
  7 |         <div class="weui_cells">
  8 |             <div class="weui_cell">
  9 |                 <div class="weui_cell_bd weui_cell_primary">
 10 |                     <p>标题文字</p>
 11 |                 </div>
 12 |                 <div class="weui_cell_ft">说明文字</div>
 13 |             </div>
 14 |         </div>
 15 |         <div class="weui_cells_title">带图标、说明的列表项</div>
 16 |         <div class="weui_cells">
 17 |             <div class="weui_cell">
 18 |                 <div class="weui_cell_hd"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAMAAABgZ9sFAAAAVFBMVEXx8fHMzMzr6+vn5+fv7+/t7e3d3d2+vr7W1tbHx8eysrKdnZ3p6enk5OTR0dG7u7u3t7ejo6PY2Njh4eHf39/T09PExMSvr6+goKCqqqqnp6e4uLgcLY/OAAAAnklEQVRIx+3RSRLDIAxE0QYhAbGZPNu5/z0zrXHiqiz5W72FqhqtVuuXAl3iOV7iPV/iSsAqZa9BS7YOmMXnNNX4TWGxRMn3R6SxRNgy0bzXOW8EBO8SAClsPdB3psqlvG+Lw7ONXg/pTld52BjgSSkA3PV2OOemjIDcZQWgVvONw60q7sIpR38EnHPSMDQ4MjDjLPozhAkGrVbr/z0ANjAF4AcbXmYAAAAASUVORK5CYII=" alt="" style="width:20px;margin-right:5px;display:block"></div>
 19 |                 <div class="weui_cell_bd weui_cell_primary">
 20 |                     <p>标题文字</p>
 21 |                 </div>
 22 |                 <div class="weui_cell_ft">说明文字</div>
 23 |             </div>
 24 |             <div class="weui_cell">
 25 |                 <div class="weui_cell_hd"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAMAAABgZ9sFAAAAVFBMVEXx8fHMzMzr6+vn5+fv7+/t7e3d3d2+vr7W1tbHx8eysrKdnZ3p6enk5OTR0dG7u7u3t7ejo6PY2Njh4eHf39/T09PExMSvr6+goKCqqqqnp6e4uLgcLY/OAAAAnklEQVRIx+3RSRLDIAxE0QYhAbGZPNu5/z0zrXHiqiz5W72FqhqtVuuXAl3iOV7iPV/iSsAqZa9BS7YOmMXnNNX4TWGxRMn3R6SxRNgy0bzXOW8EBO8SAClsPdB3psqlvG+Lw7ONXg/pTld52BjgSSkA3PV2OOemjIDcZQWgVvONw60q7sIpR38EnHPSMDQ4MjDjLPozhAkGrVbr/z0ANjAF4AcbXmYAAAAASUVORK5CYII=" alt="" style="width:20px;margin-right:5px;display:block"></div>
 26 |                 <div class="weui_cell_bd weui_cell_primary">
 27 |                     <p>标题文字</p>
 28 |                 </div>
 29 |                 <div class="weui_cell_ft">说明文字</div>
 30 |             </div>
 31 |         </div>
 32 |         <div class="weui_cells_title">带跳转的列表项</div>
 33 |         <div class="weui_cells weui_cells_access">
 34 |             <a class="weui_cell" href="javascript:;">
 35 |                 <div class="weui_cell_bd weui_cell_primary">
 36 |                     <p>cell standard</p>
 37 |                 </div>
 38 |                 <div class="weui_cell_ft">
 39 |                 </div>
 40 |             </a>
 41 |             <a class="weui_cell" href="javascript:;">
 42 |                 <div class="weui_cell_bd weui_cell_primary">
 43 |                     <p>cell standard</p>
 44 |                 </div>
 45 |                 <div class="weui_cell_ft">
 46 |                 </div>
 47 |             </a>
 48 |         </div>
 49 |         <div class="weui_cells_title">带说明、跳转的列表项</div>
 50 |         <div class="weui_cells weui_cells_access">
 51 |             <a class="weui_cell" href="javascript:;">
 52 |                 <div class="weui_cell_bd weui_cell_primary">
 53 |                     <p>cell standard</p>
 54 |                 </div>
 55 |                 <div class="weui_cell_ft">说明文字</div>
 56 |             </a>
 57 |             <a class="weui_cell" href="javascript:;">
 58 |                 <div class="weui_cell_bd weui_cell_primary">
 59 |                     <p>cell standard</p>
 60 |                 </div>
 61 |                 <div class="weui_cell_ft">说明文字</div>
 62 |             </a>
 63 |         </div>
 64 |         <div class="weui_cells_title">带图标、说明、跳转的列表项</div>
 65 |         <div class="weui_cells weui_cells_access">
 66 |             <a class="weui_cell" href="javascript:;">
 67 |                 <div class="weui_cell_hd"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAMAAABgZ9sFAAAAVFBMVEXx8fHMzMzr6+vn5+fv7+/t7e3d3d2+vr7W1tbHx8eysrKdnZ3p6enk5OTR0dG7u7u3t7ejo6PY2Njh4eHf39/T09PExMSvr6+goKCqqqqnp6e4uLgcLY/OAAAAnklEQVRIx+3RSRLDIAxE0QYhAbGZPNu5/z0zrXHiqiz5W72FqhqtVuuXAl3iOV7iPV/iSsAqZa9BS7YOmMXnNNX4TWGxRMn3R6SxRNgy0bzXOW8EBO8SAClsPdB3psqlvG+Lw7ONXg/pTld52BjgSSkA3PV2OOemjIDcZQWgVvONw60q7sIpR38EnHPSMDQ4MjDjLPozhAkGrVbr/z0ANjAF4AcbXmYAAAAASUVORK5CYII=" alt="" style="width:20px;margin-right:5px;display:block"></div>
 68 |                 <div class="weui_cell_bd weui_cell_primary">
 69 |                     <p>cell standard</p>
 70 |                 </div>
 71 |                 <div class="weui_cell_ft">说明文字</div>
 72 |             </a>
 73 |             <a class="weui_cell" href="javascript:;">
 74 |                 <div class="weui_cell_hd"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAMAAABgZ9sFAAAAVFBMVEXx8fHMzMzr6+vn5+fv7+/t7e3d3d2+vr7W1tbHx8eysrKdnZ3p6enk5OTR0dG7u7u3t7ejo6PY2Njh4eHf39/T09PExMSvr6+goKCqqqqnp6e4uLgcLY/OAAAAnklEQVRIx+3RSRLDIAxE0QYhAbGZPNu5/z0zrXHiqiz5W72FqhqtVuuXAl3iOV7iPV/iSsAqZa9BS7YOmMXnNNX4TWGxRMn3R6SxRNgy0bzXOW8EBO8SAClsPdB3psqlvG+Lw7ONXg/pTld52BjgSSkA3PV2OOemjIDcZQWgVvONw60q7sIpR38EnHPSMDQ4MjDjLPozhAkGrVbr/z0ANjAF4AcbXmYAAAAASUVORK5CYII=" alt="" style="width:20px;margin-right:5px;display:block"></div>
 75 |                 <div class="weui_cell_bd weui_cell_primary">
 76 |                     <p>cell standard</p>
 77 |                 </div>
 78 |                 <div class="weui_cell_ft">说明文字</div>
 79 |             </a>
 80 |         </div>
 81 |         <div class="weui_cells_title">单选列表项</div>
 82 |         <div class="weui_cells weui_cells_radio">
 83 |             <label class="weui_cell weui_check_label" for="x11">
 84 |                 <div class="weui_cell_bd weui_cell_primary">
 85 |                     <p>cell standard</p>
 86 |                 </div>
 87 |                 <div class="weui_cell_ft">
 88 |                     <input type="radio" class="weui_check" name="radio1" id="x11">
 89 |                     <span class="weui_icon_checked"></span>
 90 |                 </div>
 91 |             </label>
 92 |             <label class="weui_cell weui_check_label" for="x12">
 93 |                 <div class="weui_cell_bd weui_cell_primary">
 94 |                     <p>cell standard</p>
 95 |                 </div>
 96 |                 <div class="weui_cell_ft">
 97 |                     <input type="radio" name="radio1" class="weui_check" id="x12" checked="checked">
 98 |                     <span class="weui_icon_checked"></span>
 99 |                 </div>
100 |             </label>
101 |         </div>
102 |         <div class="weui_cells_title">复选列表项</div>
103 |         <div class="weui_cells weui_cells_checkbox">
104 |             <label class="weui_cell weui_check_label" for="s11">
105 |                 <div class="weui_cell_hd">
106 |                     <input type="checkbox" class="weui_check" name="checkbox1" id="s11" checked="checked">
107 |                     <i class="weui_icon_checked"></i>
108 |                 </div>
109 |                 <div class="weui_cell_bd weui_cell_primary">
110 |                     <p>standard is dealt for u.</p>
111 |                 </div>
112 |             </label>
113 |             <label class="weui_cell weui_check_label" for="s12">
114 |                 <div class="weui_cell_hd">
115 |                     <input type="checkbox" name="checkbox1" class="weui_check" id="s12">
116 |                     <i class="weui_icon_checked"></i>
117 |                 </div>
118 |                 <div class="weui_cell_bd weui_cell_primary">
119 |                     <p>standard is dealicient for u.</p>
120 |                 </div>
121 |             </label>
122 |         </div>
123 |         <div class="weui_cells_title">开关</div>
124 |         <div class="weui_cells weui_cells_form">
125 |             <div class="weui_cell weui_cell_switch">
126 |                 <div class="weui_cell_hd weui_cell_primary">标题文字</div>
127 |                 <div class="weui_cell_ft">
128 |                     <input class="weui_switch" type="checkbox" />
129 |                 </div>
130 |             </div>
131 |         </div>
132 |         <div class="weui_cells_title">表单</div>
133 |         <div class="weui_cells weui_cells_form">
134 |             <div class="weui_cell">
135 |                 <div class="weui_cell_hd">
136 |                     <label class="weui_label">qq</label>
137 |                 </div>
138 |                 <div class="weui_cell_bd weui_cell_primary">
139 |                     <input class="weui_input" type="number" pattern="[0-9]*" placeholder="请输入qq号" />
140 |                 </div>
141 |             </div>
142 |             <div class="weui_cell weui_vcode">
143 |                 <div class="weui_cell_hd">
144 |                     <label class="weui_label">验证码</label>
145 |                 </div>
146 |                 <div class="weui_cell_bd weui_cell_primary">
147 |                     <input class="weui_input" type="number" placeholder="请输入验证码" />
148 |                 </div>
149 |                 <div class="weui_cell_ft">
150 |                     <img src="./images/vcode.jpg" />
151 |                 </div>
152 |             </div>
153 |             <div class="weui_cell">
154 |                 <div class="weui_cell_hd">
155 |                     <label class="weui_label">银行卡</label>
156 |                 </div>
157 |                 <div class="weui_cell_bd weui_cell_primary">
158 |                     <input class="weui_input" type="number" pattern="[0-9]*" placeholder="请输入银行卡号" />
159 |                 </div>
160 |             </div>
161 |             <div class="weui_cell weui_vcode weui_cell_warn">
162 |                 <div class="weui_cell_hd">
163 |                     <label class="weui_label">验证码</label>
164 |                 </div>
165 |                 <div class="weui_cell_bd weui_cell_primary">
166 |                     <input class="weui_input" type="number" placeholder="请输入验证码" />
167 |                 </div>
168 |                 <div class="weui_cell_ft">
169 |                     <i class="weui_icon_warn"></i>
170 |                     <img src="./images/vcode.jpg" />
171 |                 </div>
172 |             </div>
173 |         </div>
174 |         <div class="weui_cells_tips">底部说明文字底部说明文字</div>
175 |         <div class="weui_btn_area">
176 |             <a class="weui_btn weui_btn_primary" href="javascript:" id="showTooltips">确定</a>
177 |         </div>
178 |         <div class="weui_cells_title">上传</div>
179 |         <div class="weui_cells weui_cells_form">
180 |             <div class="weui_cell">
181 |                 <div class="weui_cell_bd weui_cell_primary">
182 |                     <div class="weui_uploader">
183 |                         <div class="weui_uploader_hd weui_cell">
184 |                             <div class="weui_cell_bd weui_cell_primary">图片上传</div>
185 |                             <div class="weui_cell_ft">0/2</div>
186 |                         </div>
187 |                         <div class="weui_uploader_bd">
188 |                             <ul class="weui_uploader_files">
189 |                                 <li class="weui_uploader_file" style="background-image:url(http://shp.qpic.cn/weixinsrc_pic/pScBR7sbqjOBJomcuvVJ6iacVrbMJaoJZkFUIq4nzQZUIqzTKziam7ibg/)"></li>
190 |                                 <li class="weui_uploader_file" style="background-image:url(http://shp.qpic.cn/weixinsrc_pic/pScBR7sbqjOBJomcuvVJ6iacVrbMJaoJZkFUIq4nzQZUIqzTKziam7ibg/)"></li>
191 |                                 <li class="weui_uploader_file" style="background-image:url(http://shp.qpic.cn/weixinsrc_pic/pScBR7sbqjOBJomcuvVJ6iacVrbMJaoJZkFUIq4nzQZUIqzTKziam7ibg/)"></li>
192 |                                 <li class="weui_uploader_file weui_uploader_status" style="background-image:url(http://shp.qpic.cn/weixinsrc_pic/pScBR7sbqjOBJomcuvVJ6iacVrbMJaoJZkFUIq4nzQZUIqzTKziam7ibg/)">
193 |                                     <div class="weui_uploader_status_content">
194 |                                         <i class="weui_icon_warn"></i>
195 |                                     </div>
196 |                                 </li>
197 |                                 <li class="weui_uploader_file weui_uploader_status" style="background-image:url(http://shp.qpic.cn/weixinsrc_pic/pScBR7sbqjOBJomcuvVJ6iacVrbMJaoJZkFUIq4nzQZUIqzTKziam7ibg/)">
198 |                                     <div class="weui_uploader_status_content">50%</div>
199 |                                 </li>
200 |                             </ul>
201 |                             <div class="weui_uploader_input_wrp">
202 |                                 <input class="weui_uploader_input" type="file" accept="image/jpg,image/jpeg,image/png,image/gif" multiple />
203 |                             </div>
204 |                         </div>
205 |                     </div>
206 |                 </div>
207 |             </div>
208 |         </div>
209 |         <div class="weui_cells_title">文本域</div>
210 |         <div class="weui_cells weui_cells_form">
211 |             <div class="weui_cell">
212 |                 <div class="weui_cell_bd weui_cell_primary">
213 |                     <textarea class="weui_textarea" placeholder="请输入评论" rows="3"></textarea>
214 |                     <div class="weui_textarea_counter"><span>0</span>/200</div>
215 |                 </div>
216 |             </div>
217 |         </div>
218 |         <div class="weui_toptips weui_warn js_tooltips">格式不对</div>
219 |         <div class="weui_cells_title">表单报错</div>
220 |         <div class="weui_cells weui_cells_form">
221 |             <div class="weui_cell weui_cell_warn">
222 |                 <div class="weui_cell_hd">
223 |                     <label for="" class="weui_label">卡号</label>
224 |                 </div>
225 |                 <div class="weui_cell_bd weui_cell_primary">
226 |                     <input class="weui_input" type="number" pattern="[0-9]*" value="weui input error" placeholder="请输入卡号" />
227 |                 </div>
228 |                 <div class="weui_cell_ft">
229 |                     <i class="weui_icon_warn"></i>
230 |                 </div>
231 |             </div>
232 |             <div class="weui_cell">
233 |                 <div class="weui_cell_hd">
234 |                     <label for="" class="weui_label">日期</label>
235 |                 </div>
236 |                 <div class="weui_cell_bd weui_cell_primary">
237 |                     <input class="weui_input" type="date" value="" />
238 |                 </div>
239 |             </div>
240 |             <div class="weui_cell">
241 |                 <div class="weui_cell_hd">
242 |                     <label for="" class="weui_label">时间</label>
243 |                 </div>
244 |                 <div class="weui_cell_bd weui_cell_primary">
245 |                     <input class="weui_input" type="datetime-local" value="" placeholder="" />
246 |                 </div>
247 |             </div>
248 |         </div>
249 |         <div class="weui_cells_title">选择</div>
250 |         <div class="weui_cells">
251 |             <div class="weui_cell weui_cell_select weui_select_before">
252 |                 <div class="weui_cell_hd">
253 |                     <select class="weui_select" name="select2">
254 |                         <option value="1">+86</option>
255 |                         <option value="2">+80</option>
256 |                         <option value="3">+84</option>
257 |                         <option value="4">+87</option>
258 |                     </select>
259 |                 </div>
260 |                 <div class="weui_cell_bd weui_cell_primary">
261 |                     <input class="weui_input" type="number" pattern="[0-9]*" placeholder="请输入号码" />
262 |                 </div>
263 |             </div>
264 |         </div>
265 |         <div class="weui_cells_title">选择</div>
266 |         <div class="weui_cells">
267 |             <div class="weui_cell weui_cell_select">
268 |                 <div class="weui_cell_bd weui_cell_primary">
269 |                     <select class="weui_select" name="select1">
270 |                         <option selected="" value="1">微信号</option>
271 |                         <option value="2">QQ号</option>
272 |                         <option value="3">Email</option>
273 |                     </select>
274 |                 </div>
275 |             </div>
276 |             <div class="weui_cell weui_cell_select weui_select_after">
277 |                 <div class="weui_cell_hd">
278 |                     国家/地区
279 |                 </div>
280 |                 <div class="weui_cell_bd weui_cell_primary">
281 |                     <select class="weui_select" name="select2">
282 |                         <option value="1">中国</option>
283 |                         <option value="2">美国</option>
284 |                         <option value="3">英国</option>
285 |                     </select>
286 |                 </div>
287 |             </div>
288 |         </div>
289 |     </div>
290 | </div>
291 | 


--------------------------------------------------------------------------------
/css/weui.min.css:
--------------------------------------------------------------------------------
1 | /*!
2 |  * WeUI v0.4.0 (https://github.com/weui/weui)
3 |  * Copyright 2016 Tencent, Inc.
4 |  * Licensed under the MIT license
5 |  */html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{line-height:1.6;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}*{margin:0;padding:0}a img{border:0}a{text-decoration:none}@font-face{font-weight:400;font-style:normal;font-family:weui;src:url('data:application/octet-stream;base64,AAEAAAALAIAAAwAwR1NVQrD+s+0AAAE4AAAAQk9TLzJAKEx1AAABfAAAAFZjbWFw64JcfgAAAhQAAAI0Z2x5ZvCBJt8AAARsAAAHLGhlYWQIuM5WAAAA4AAAADZoaGVhCC0D+AAAALwAAAAkaG10eDqYAAAAAAHUAAAAQGxvY2EO3AzsAAAESAAAACJtYXhwAR4APgAAARgAAAAgbmFtZeNcHtgAAAuYAAAB5nBvc3RP98ExAAANgAAAANYAAQAAA+gAAABaA+gAAP//A+kAAQAAAAAAAAAAAAAAAAAAABAAAQAAAAEAAKZXmK1fDzz1AAsD6AAAAADS2MTEAAAAANLYxMQAAAAAA+kD6QAAAAgAAgAAAAAAAAABAAAAEAAyAAQAAAAAAAIAAAAKAAoAAAD/AAAAAAAAAAEAAAAKAB4ALAABREZMVAAIAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAAAAQAAAAAAAQOqAZAABQAIAnoCvAAAAIwCegK8AAAB4AAxAQIAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA6gHqDwPoAAAAWgPpAAAAAAABAAAAAAAAAAAAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAAAAAUAAAADAAAALAAAAAQAAAFwAAEAAAAAAGoAAwABAAAALAADAAoAAAFwAAQAPgAAAAQABAABAADqD///AADqAf//AAAAAQAEAAAAAQACAAMABAAFAAYABwAIAAkACgALAAwADQAOAA8AAAEGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAAAAAAMQAAAAAAAAADwAA6gEAAOoBAAAAAQAA6gIAAOoCAAAAAgAA6gMAAOoDAAAAAwAA6gQAAOoEAAAABAAA6gUAAOoFAAAABQAA6gYAAOoGAAAABgAA6gcAAOoHAAAABwAA6ggAAOoIAAAACAAA6gkAAOoJAAAACQAA6goAAOoKAAAACgAA6gsAAOoLAAAACwAA6gwAAOoMAAAADAAA6g0AAOoNAAAADQAA6g4AAOoOAAAADgAA6g8AAOoPAAAADwAAAAAALgBmAKIA3gEaAV4BtgHkAgoCRgKIAtIDFANOA5YAAAACAAAAAAOvA60ACwAXAAABDgEHHgEXPgE3LgEDLgEnPgE3HgEXDgEB9bz5BQX5vLv5BQX5u6zjBQXjrKvjBQXjA60F+by7+gQE+ru8+fy0BOSrq+QEBOSrq+QAAAIAAAAAA7MDswALACEAAAEOAQceARc+ATcuAQMHBiIvASY2OwERNDY7ATIWFREzMhYB7rn7BQX7ucL+BQX+JHYPJg92DgwYXQsHJggKXRgMA7MF/sK5+wUF+7nC/v31mhISmhIaARcICwsI/ukaAAADAAAAAAOtA6sACwAZACIAAAEOAQceARc+ATcuAQMUBisBIiY1ETY3MxYXJy4BNDYyFhQGAfC49gUF9ri++gUF+poKBxwHCgEILAgBHxMZGSYZGQOrBfq+uPYFBfa4vvr9dQcKCgcBGggBAQg5ARklGRklGQAAAAACAAAAAAOSA8IADQAfAAABDgEHERYEFzYkNxEuARMBBi8BJj8BNh8BFjclNh8BFgH0gchUCQEDkZEBAwlUyHr+vwQDlAMCFQMDegMEAScEAxMDA8IePRz+w9TwJCTw1AE9HD3+3f7DAgOZBAMcBANdAgL2AwMTBAADAAAAAAOCA7AADQAZACIAAAEOAQcRHgEXPgE3ES4BBzMWFQcGByMmLwE0EyImNDYyFhQGAfV7wVEJ+YuL+QlRwZIuCQoBBCIEAQogDhISHBISA7AdOxr+z8vnIyPnywExGjv3AQjYBAEBBNgI/rETHBISHBMAAAACAAAAAAO9A70AFwAjAAABLgE/AT4BHwEWMjclNhYXJxYUBwEGJiclJgAnBgAHFgAXNgABIAUCBQMFEAdiBxIGARMHEQYCBgb+0AYQBgIcBf79x77/AAUFAQC+xwEDAccGEQcEBwIFTAQF5QYBBgIGEAb+1QYBBqzHAQMFBf79x77/AAUFAQAABAAAAAADrwOtAAsAFwAtADEAAAEOAQceARc+ATcuAQMuASc+ATceARcOARMFDgEvASYGDwEGFh8BFjI3AT4BJiIXFjEXAfW8+QUF+by7+QUF+bus4wUF46yr4wUF4yv+9gcRBmAGDwUDBQEGfQUQBgElBQELDxQBAQOtBfm8u/oEBPq7vPn8tATkq6vkBATkq6vkAiLdBQEFSQUCBgQHEQaABgUBIQUPCwQBAQAAAAABAAAAAAO7AzoAFwAAEy4BPwE+AR8BFjY3ATYWFycWFAcBBiInPQoGBwUIGQzLDSALAh0MHgsNCgr9uQscCwGzCyEOCw0HCZMJAQoBvgkCCg0LHQv9sQsKAAAAAAIAAAAAA7gDuAALABEAAAEGAgceARc2JDcmABMhETMRMwHuvP0FBf28xQEABQX/ADr+2i35A7gF/wDFvP0FBf28xQEA/d4BTv7fAAAEAAAAAAOvA60AAwAPABsAIQAAARYxFwMOAQceARc+ATcuAQMuASc+ATceARcOAQMjFTM1IwLlAQHyvPkFBfm8u/kFBfm7rOMFBeOsq+MFBePZJP3ZAoMBAQEsBfm8u/oEBPq7vPn8tATkq6vkBATkq6vkAi39JAADAAAAAAPDA8MACwAbACQAAAEGAAcWABc2ADcmAAczMhYVAw4BKwEiJicDNDYTIiY0NjIWFAYB7sD+/AUFAQTAyQEHBQX++d42CAoOAQUEKgQFAQ4KIxMaGiYaGgPDBf75ycD+/AUFAQTAyQEH5woI/tMEBgYEASwIC/4oGicZGScaAAAEAAAAAAPAA8AACAASAB4AKgAAAT4BNCYiBhQWFyMVMxEjFTM1IwMGAAcWBBc+ATcmAgMuASc+ATceARcOAQH0GCEhMCEhUY85Ock6K83++AQEAQjNuf8FBf/Hq+MEBOOrq+MEBOMCoAEgMSAgMSA6Hf7EHBwCsQT++M25/wUF/7nNAQj8pwTjq6vjBATjq6vjAAAAAwAAAAADpwOnAAsAFwAjAAABBycHFwcXNxc3JzcDDgEHHgEXPgE3LgEDLgEnPgE3HgEXDgECjpqaHJqaHJqaHJqatrn1BQX1ubn1BQX1uajfBATfqKjfBATfAqqamhyamhyamhyamgEZBfW5ufUFBfW5ufX8xwTfqKjfBATfqKjfAAAAAwAAAAAD6QPpABEAHQAeAAABDgEjLgEnPgE3HgEXFAYHAQcBPgE3LgEnDgEHHgEXAo41gEmq4gQE4qqq4gQvKwEjOf3giLUDA7WIiLUDBLSIASMrLwTiqqriBATiqkmANP7dOQEZA7WIiLUDA7WIiLUDAAACAAAAAAPoA+gACwAnAAABBgAHFgAXNgA3JgADFg4BIi8BBwYuATQ/AScmPgEyHwE3Nh4BFA8BAfTU/uUFBQEb1NQBGwUF/uUDCgEUGwqiqAobEwqoogoBFBsKoqgKGxMKqAPoBf7l1NT+5QUFARvU1AEb/WgKGxMKqKIKARQbCqKoChsTCqiiCgEUGwqiAAAAABAAxgABAAAAAAABAAQAAAABAAAAAAACAAcABAABAAAAAAADAAQACwABAAAAAAAEAAQADwABAAAAAAAFAAsAEwABAAAAAAAGAAQAHgABAAAAAAAKACsAIgABAAAAAAALABMATQADAAEECQABAAgAYAADAAEECQACAA4AaAADAAEECQADAAgAdgADAAEECQAEAAgAfgADAAEECQAFABYAhgADAAEECQAGAAgAnAADAAEECQAKAFYApAADAAEECQALACYA+ndldWlSZWd1bGFyd2V1aXdldWlWZXJzaW9uIDEuMHdldWlHZW5lcmF0ZWQgYnkgc3ZnMnR0ZiBmcm9tIEZvbnRlbGxvIHByb2plY3QuaHR0cDovL2ZvbnRlbGxvLmNvbQB3AGUAdQBpAFIAZQBnAHUAbABhAHIAdwBlAHUAaQB3AGUAdQBpAFYAZQByAHMAaQBvAG4AIAAxAC4AMAB3AGUAdQBpAEcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAAcwB2AGcAMgB0AHQAZgAgAGYAcgBvAG0AIABGAG8AbgB0AGUAbABsAG8AIABwAHIAbwBqAGUAYwB0AC4AaAB0AHQAcAA6AC8ALwBmAG8AbgB0AGUAbABsAG8ALgBjAG8AbQAAAAIAAAAAAAAACgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQEOAQ8BEAERAAZjaXJjbGUIZG93bmxvYWQEaW5mbwxzYWZlX3N1Y2Nlc3MJc2FmZV93YXJuB3N1Y2Nlc3MOc3VjY2Vzc19jaXJjbGURc3VjY2Vzc19ub19jaXJjbGUHd2FpdGluZw53YWl0aW5nX2NpcmNsZQR3YXJuC2luZm9fY2lyY2xlBmNhbmNlbAZzZWFyY2gFY2xvc2UAAAAA') format('truetype')}[class*=" weui_icon_"]:before,[class^=weui_icon_]:before{font-family:weui;font-style:normal;font-weight:400;speak:none;display:inline-block;vertical-align:middle;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em}.weui_icon_circle:before{content:"\EA01"}.weui_icon_download:before{content:"\EA02"}.weui_icon_info:before{content:"\EA03"}.weui_icon_safe_success:before{content:"\EA04"}.weui_icon_safe_warn:before{content:"\EA05"}.weui_icon_success:before{content:"\EA06"}.weui_icon_success_circle:before{content:"\EA07"}.weui_icon_success_no_circle:before{content:"\EA08"}.weui_icon_waiting:before{content:"\EA09"}.weui_icon_waiting_circle:before{content:"\EA0A"}.weui_icon_warn:before{content:"\EA0B"}.weui_icon_info_circle:before{content:"\EA0C"}.weui_icon_cancel:before{content:"\EA0D"}.weui_icon_search:before{content:"\EA0E"}.weui_icon_clear:before{content:"\EA0F"}[class*=" weui_icon_"]:before,[class^=weui_icon_]:before{margin:0}.weui_icon_success:before{font-size:23px;color:#09bb07}.weui_icon_waiting:before{font-size:23px;color:#10aeff}.weui_icon_warn:before{font-size:23px;color:#f43530}.weui_icon_info:before{font-size:23px;color:#10aeff}.weui_icon_success_circle:before,.weui_icon_success_no_circle:before{font-size:23px;color:#09bb07}.weui_icon_waiting_circle:before{font-size:23px;color:#10aeff}.weui_icon_circle:before{font-size:23px;color:#c9c9c9}.weui_icon_download:before,.weui_icon_info_circle:before{font-size:23px;color:#09bb07}.weui_icon_safe_success:before{color:#09bb07}.weui_icon_safe_warn:before{color:#ffbe00}.weui_icon_cancel:before{color:#f43530;font-size:22px}.weui_icon_clear:before,.weui_icon_search:before{color:#b2b2b2;font-size:14px}.weui_icon_msg:before{font-size:104px}.weui_icon_warn.weui_icon_msg:before{color:#f76260}.weui_icon_safe:before{font-size:104px}.weui_btn.weui_btn_mini{line-height:1.9;font-size:14px;padding:0 .75em;display:inline-block}button.weui_btn,input.weui_btn{width:100%;border-width:0;outline:0;-webkit-appearance:none}button.weui_btn:focus,input.weui_btn:focus{outline:0}button.weui_btn_inline,button.weui_btn_mini,input.weui_btn_inline,input.weui_btn_mini{width:auto}.weui_btn+.weui_btn{margin-top:15px}.weui_btn.weui_btn_inline+.weui_btn.weui_btn_inline{margin-top:auto;margin-left:15px}.weui_btn_area{margin:1.17647059em 15px .3em}.weui_btn_area.weui_btn_area_inline{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.weui_btn_area.weui_btn_area_inline .weui_btn{margin-top:auto;margin-right:15px;width:100%;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.weui_btn_area.weui_btn_area_inline .weui_btn:last-child{margin-right:0}.weui_btn{position:relative;display:block;margin-left:auto;margin-right:auto;padding-left:14px;padding-right:14px;box-sizing:border-box;font-size:18px;text-align:center;text-decoration:none;color:#fff;line-height:2.33333333;border-radius:5px;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden}.weui_btn:after{content:" ";width:200%;height:200%;position:absolute;top:0;left:0;border:1px solid rgba(0,0,0,.2);-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;box-sizing:border-box;border-radius:10px}.weui_btn.weui_btn_inline{display:inline-block}.weui_btn_default{background-color:#f7f7f7;color:#454545}.weui_btn_default:not(.weui_btn_disabled):visited{color:#454545}.weui_btn_default:not(.weui_btn_disabled):active{color:#a1a1a1;background-color:#dedede}.weui_btn_primary{background-color:#04be02}.weui_btn_primary:not(.weui_btn_disabled):visited{color:#fff}.weui_btn_primary:not(.weui_btn_disabled):active{color:hsla(0,0%,100%,.4);background-color:#039702}.weui_btn_warn{background-color:#ef4f4f}.weui_btn_warn:not(.weui_btn_disabled):visited{color:#fff}.weui_btn_warn:not(.weui_btn_disabled):active{color:hsla(0,0%,100%,.4);background-color:#c13e3e}.weui_btn_disabled{color:hsla(0,0%,100%,.6)}.weui_btn_disabled.weui_btn_default{color:#c9c9c9}.weui_btn_plain_primary{color:#04be02;border:1px solid #04be02}button.weui_btn_plain_primary,input.weui_btn_plain_primary{border-width:1px;background-color:transparent}.weui_btn_plain_primary:active{border-color:#039702}.weui_btn_plain_primary:after{border-width:0}.weui_btn_plain_default{color:#5a5a5a;border:1px solid #5a5a5a}button.weui_btn_plain_default,input.weui_btn_plain_default{border-width:1px;background-color:transparent}.weui_btn_plain_default:after{border-width:0}.weui_cell{position:relative}.weui_cell:before{content:" ";position:absolute;left:0;top:0;width:100%;height:1px;border-top:1px solid #d9d9d9;color:#d9d9d9;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5);left:15px}.weui_cell:first-child:before{display:none}.weui_cells{margin-top:1.17647059em;background-color:#fff;line-height:1.41176471;font-size:17px;overflow:hidden;position:relative}.weui_cells:before{top:0;border-top:1px solid #d9d9d9;-webkit-transform-origin:0 0;transform-origin:0 0}.weui_cells:after,.weui_cells:before{content:" ";position:absolute;left:0;width:100%;height:1px;color:#d9d9d9;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.weui_cells:after{bottom:0;border-bottom:1px solid #d9d9d9;-webkit-transform-origin:0 100%;transform-origin:0 100%}.weui_cells_title{margin-top:.77em;margin-bottom:.3em;padding-left:15px;padding-right:15px;color:#888;font-size:14px}.weui_cells_title+.weui_cells{margin-top:0}.weui_cells_tips{margin-top:.3em;color:#888;padding-left:15px;padding-right:15px;font-size:14px}.weui_cell{padding:10px 15px;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.weui_cell_ft{text-align:right;color:#888}.weui_cell_primary{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.weui_cells_access .weui_cell:not(.no_access){-webkit-tap-highlight-color:rgba(0,0,0,0)}.weui_cells_access .weui_cell:not(.no_access):active{background-color:#ececec}.weui_cells_access a.weui_cell{color:inherit}.weui_cells_access .weui_cell_ft:after{content:" ";display:inline-block;-webkit-transform:rotate(45deg);transform:rotate(45deg);height:6px;width:6px;border-width:2px 2px 0 0;border-color:#c8c8cd;border-style:solid;position:relative;top:-2px;top:-1px;margin-left:.3em}.weui_check_label{-webkit-tap-highlight-color:rgba(0,0,0,0)}.weui_check{position:absolute;left:-9999em}.weui_cells_radio .weui_cell_ft{padding-left:.35em}.weui_cells_radio .weui_cell:active{background-color:#ececec}.weui_cells_radio .weui_check:checked+.weui_icon_checked:before{display:block;content:'\EA08';color:#09bb07;font-size:16px}.weui_cells_checkbox .weui_cell_hd{padding-right:.35em}.weui_cells_checkbox .weui_cell:active{background-color:#ececec}.weui_cells_checkbox .weui_icon_checked:before{content:'\EA01';color:#c9c9c9;font-size:23px;display:block}.weui_cells_checkbox .weui_check:checked+.weui_icon_checked:before{content:'\EA06';color:#09bb07}.weui_label{display:block;width:3em}.weui_input{width:100%;border:0;outline:0;-webkit-appearance:none;background-color:transparent;font-size:inherit;color:inherit;height:1.41176471em;line-height:1.41176471}.weui_input::-webkit-inner-spin-button,.weui_input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.weui_textarea{display:block;border:0;resize:none;width:100%;color:inherit;font-size:1em;line-height:inherit;outline:0}.weui_textarea_counter{color:#b2b2b2;text-align:right}.weui_cell_warn .weui_textarea_counter{color:#e64340}.weui_toptips{display:none;position:fixed;-webkit-transform:translateZ(0);width:100%;top:0;line-height:2.3;font-size:14px;text-align:center;color:#fff;z-index:2}.weui_toptips.weui_warn{background-color:#e64340}.weui_cells_form .weui_cell_warn{color:#e64340}.weui_cells_form .weui_cell_warn .weui_icon_warn{display:inline-block}.weui_cells_form .weui_cell_hd{padding-right:.3em}.weui_cells_form .weui_cell_ft{font-size:0}.weui_cells_form .weui_icon_warn{display:none}.weui_cells_form input,.weui_cells_form label[for],.weui_cells_form textarea{-webkit-tap-highlight-color:rgba(0,0,0,0)}.weui_cell_select{padding:0}.weui_cell_select .weui_select{padding-right:30px}.weui_cell_select .weui_cell_bd:after{content:" ";display:inline-block;-webkit-transform:rotate(45deg);transform:rotate(45deg);height:6px;width:6px;border-width:2px 2px 0 0;border-color:#c8c8cd;border-style:solid;position:relative;top:-2px;position:absolute;top:50%;right:15px;margin-top:-3px}.weui_select{-webkit-appearance:none;border:0;outline:0;background-color:transparent;width:100%;font-size:inherit;height:44px;position:relative;z-index:1;padding-left:15px}.weui_select_before{padding-right:15px}.weui_select_before .weui_select{width:auto}.weui_select_before .weui_cell_hd{position:relative}.weui_select_before .weui_cell_hd:after{content:" ";position:absolute;right:0;top:0;width:1px;height:100%;border-right:1px solid #d9d9d9;color:#d9d9d9;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scaleX(.5);transform:scaleX(.5)}.weui_select_before .weui_cell_hd:before{content:" ";display:inline-block;-webkit-transform:rotate(45deg);transform:rotate(45deg);height:6px;width:6px;border-width:2px 2px 0 0;border-color:#c8c8cd;border-style:solid;position:relative;top:-2px;position:absolute;top:50%;right:15px;margin-top:-3px}.weui_select_before .weui_cell_bd{padding-left:15px}.weui_select_before .weui_cell_bd:after{display:none}.weui_select_after{padding-left:15px}.weui_vcode{padding-top:0;padding-right:0;padding-bottom:0}.weui_vcode .weui_cell_ft img{margin-left:5px;height:44px;vertical-align:middle}.weui_cell_switch{padding-top:6px;padding-bottom:6px}.weui_switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;width:52px;height:32px;border:1px solid #dfdfdf;outline:0;border-radius:16px;box-sizing:border-box;background:#dfdfdf}.weui_switch:before{width:50px;background-color:#fdfdfd}.weui_switch:after,.weui_switch:before{content:" ";position:absolute;top:0;left:0;height:30px;border-radius:15px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.weui_switch:after{width:30px;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.4)}.weui_switch:checked{border-color:#04be02;background-color:#04be02}.weui_switch:checked:before{-webkit-transform:scale(0);transform:scale(0)}.weui_switch:checked:after{-webkit-transform:translateX(20px);transform:translateX(20px)}.weui_uploader_hd{padding-top:0;padding-right:0;padding-left:0}.weui_uploader_hd .weui_cell_ft{font-size:1em}.weui_uploader_bd{margin-bottom:-4px;margin-right:-9px;overflow:hidden}.weui_uploader_files{list-style:none}.weui_uploader_file{float:left;margin-right:9px;margin-bottom:9px;width:79px;height:79px;background:no-repeat 50%;background-size:cover}.weui_uploader_status{position:relative}.weui_uploader_status:before{content:" ";position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.5)}.weui_uploader_status .weui_uploader_status_content{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#fff}.weui_uploader_status .weui_icon_warn{display:block}.weui_uploader_input_wrp{float:left;position:relative;margin-right:9px;margin-bottom:9px;width:77px;height:77px;border:1px solid #d9d9d9}.weui_uploader_input_wrp:after,.weui_uploader_input_wrp:before{content:" ";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#d9d9d9}.weui_uploader_input_wrp:before{width:2px;height:39.5px}.weui_uploader_input_wrp:after{width:39.5px;height:2px}.weui_uploader_input_wrp:active{border-color:#999}.weui_uploader_input_wrp:active:after,.weui_uploader_input_wrp:active:before{background-color:#999}.weui_uploader_input{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;opacity:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}.weui_msg{padding-top:36px;text-align:center}.weui_msg .weui_icon_area{margin-bottom:30px}.weui_msg .weui_text_area{margin-bottom:25px;padding:0 20px}.weui_msg .weui_msg_title{margin-bottom:5px;font-weight:400;font-size:20px}.weui_msg .weui_msg_desc{font-size:14px;color:#888}.weui_msg .weui_opr_area{margin-bottom:25px}.weui_msg .weui_extra_area{margin-bottom:15px;font-size:14px;color:#888}.weui_msg .weui_extra_area a{color:#61749b}@media screen and (min-height:438px){.weui_extra_area{position:fixed;left:0;bottom:0;width:100%;text-align:center}}.weui_article{padding:20px 15px;font-size:15px}.weui_article section{margin-bottom:1.5em}.weui_article h1{font-size:17px;font-weight:400;margin-bottom:.75em}.weui_article h2{font-size:16px;font-weight:400;margin-bottom:.3em}.weui_article h3{font-weight:400;font-size:15px}.weui_tabbar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;bottom:0;width:100%;background-color:#f7f7fa}.weui_tabbar:before{content:" ";position:absolute;left:0;top:0;width:100%;height:1px;border-top:1px solid #979797;color:#979797;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.weui_tabbar_item{display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;padding:7px 0 0;-webkit-tap-highlight-color:transparent}.weui_tabbar_item.weui_bar_item_on .weui_tabbar_label{color:#09bb07}.weui_tabbar_icon{margin:0 auto;width:24px;height:24px}.weui_tabbar_icon img{display:block;width:100%;height:100%}.weui_tabbar_icon+.weui_tabbar_label{margin-top:5px}.weui_tabbar_label{text-align:center;color:#888;font-size:12px}.weui_navbar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;top:0;width:100%;background-color:#fafafa}.weui_navbar:after{content:" ";position:absolute;left:0;bottom:0;width:100%;height:1px;border-bottom:1px solid #bcbab6;color:#bcbab6;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.weui_navbar+.weui_tab_bd{padding-top:50px;padding-bottom:0}.weui_navbar_item{position:relative;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;padding:13px 0;text-align:center;font-size:15px;-webkit-tap-highlight-color:transparent}.weui_navbar_item:active{background-color:#ededed}.weui_navbar_item.weui_bar_item_on{background-color:#f5f5f5}.weui_navbar_item:after{content:" ";position:absolute;right:0;top:0;width:1px;height:100%;border-right:1px solid #ccc;color:#ccc;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scaleX(.5);transform:scaleX(.5)}.weui_navbar_item:last-child:after{display:none}.weui_tab{position:relative;height:100%}.weui_tab_bd{box-sizing:border-box;height:100%;padding-bottom:55px;overflow:auto;-webkit-overflow-scrolling:touch}.weui_tab_bd_item{display:none}.weui_progress{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.weui_progress_bar{background-color:#ebebeb;height:3px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.weui_progress_inner_bar{width:0;height:100%;background-color:#09bb07}.weui_progress_opr{display:block;margin-left:15px;font-size:0}.weui_panel{background-color:#fff;margin-top:10px;position:relative;overflow:hidden}.weui_panel:first-child{margin-top:0}.weui_panel:before{top:0;border-top:1px solid #e5e5e5;-webkit-transform-origin:0 0;transform-origin:0 0}.weui_panel:after,.weui_panel:before{content:" ";position:absolute;left:0;width:100%;height:1px;color:#e5e5e5;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.weui_panel:after{bottom:0;border-bottom:1px solid #e5e5e5;-webkit-transform-origin:0 100%;transform-origin:0 100%}.weui_panel_hd{padding:14px 15px 10px;color:#999;font-size:13px;position:relative}.weui_panel_hd:after{content:" ";position:absolute;left:0;bottom:0;width:100%;height:1px;border-bottom:1px solid #e5e5e5;color:#e5e5e5;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(.5);transform:scaleY(.5);left:15px}.weui_panel_ft{padding:10px 15px 12px;color:#999;font-size:14px;position:relative}.weui_panel_ft:before{content:" ";position:absolute;left:0;top:0;width:100%;height:1px;border-top:1px solid #e5e5e5;color:#e5e5e5;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5);left:15px}.weui_panel_access .weui_panel_ft{display:block;color:#586c94;-webkit-tap-highlight-color:rgba(0,0,0,0)}.weui_panel_access .weui_panel_ft:active{background-color:#ececec}.weui_panel_access .weui_panel_ft:after{content:" ";display:inline-block;-webkit-transform:rotate(45deg);transform:rotate(45deg);height:6px;width:6px;border-width:2px 2px 0 0;border-color:#c7c7cc;border-style:solid;position:relative;top:-2px;position:absolute;right:15px;top:50%;margin-top:-4px}.weui_media_box{padding:15px;position:relative}.weui_media_box:before{content:" ";position:absolute;left:0;top:0;width:100%;height:1px;border-top:1px solid #e5e5e5;color:#e5e5e5;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5);left:15px}.weui_media_box:first-child:before{display:none}a.weui_media_box{color:#000;-webkit-tap-highlight-color:rgba(0,0,0,0)}a.weui_media_box:active{background-color:#ececec}.weui_media_box .weui_media_title{font-weight:400;font-size:17px;width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;word-wrap:break-word;word-break:break-all}.weui_media_box .weui_media_desc{color:#999;font-size:13px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.weui_media_box.weui_media_text .weui_media_title{margin-bottom:8px}.weui_media_box.weui_media_text .weui_media_info{margin-top:15px;padding-bottom:5px;font-size:13px;color:#cecece;line-height:1em;list-style:none;overflow:hidden}.weui_media_box.weui_media_text .weui_media_info_meta{float:left;padding-right:1em}.weui_media_box.weui_media_text .weui_media_info_meta.weui_media_info_meta_extra{padding-left:1em;border-left:1px solid #cecece}.weui_media_box.weui_media_appmsg{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.weui_media_box.weui_media_appmsg .weui_media_hd{margin-right:.8em;width:60px;height:60px;line-height:60px;text-align:center}.weui_media_box.weui_media_appmsg .weui_media_appmsg_thumb{width:100%;max-height:100%;vertical-align:middle}.weui_media_box.weui_media_appmsg .weui_media_bd{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;min-width:0}.weui_media_box.weui_media_small_appmsg{padding:0}.weui_media_box.weui_media_small_appmsg .weui_cells{margin-top:0}.weui_media_box.weui_media_small_appmsg .weui_cells:before{display:none}.weui_grids{position:relative;overflow:hidden}.weui_grids:before{width:100%;height:1px;border-top:1px solid #d9d9d9;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.weui_grids:after,.weui_grids:before{content:" ";position:absolute;left:0;top:0;color:#d9d9d9;-webkit-transform-origin:0 0}.weui_grids:after{width:1px;height:100%;border-left:1px solid #d9d9d9;transform-origin:0 0;-webkit-transform:scaleX(.5);transform:scaleX(.5)}.weui_grid{position:relative;float:left;padding:20px 10px;width:33.33333333%;box-sizing:border-box}.weui_grid:before{right:0;top:0;width:1px;height:100%;border-right:1px solid #d9d9d9;-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:scaleX(.5);transform:scaleX(.5)}.weui_grid:after,.weui_grid:before{content:" ";position:absolute;color:#d9d9d9}.weui_grid:after{left:0;bottom:0;width:100%;height:1px;border-bottom:1px solid #d9d9d9;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.weui_grid:active{background-color:#e4e4e4}.weui_grid_icon{width:28px;height:28px;margin:0 auto}.weui_grid_icon img{display:block;width:100%;height:100%}.weui_grid_icon+.weui_grid_label{margin-top:5px}.weui_grid_label{display:block;text-align:center;color:#000;font-size:14px}.weui_dialog{position:fixed;z-index:4;width:85%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#fafafc;text-align:center;border-radius:3px}.weui_dialog_confirm .weui_dialog .weui_dialog_hd{padding:1.2em 20px .5em}.weui_dialog_confirm .weui_dialog .weui_dialog_bd{text-align:left}.weui_dialog_hd{padding:1.2em 0 .5em}.weui_dialog_title{font-weight:400;font-size:17px}.weui_dialog_bd{padding:0 20px;font-size:15px;color:#888}.weui_dialog_ft{position:relative;line-height:42px;margin-top:20px;font-size:17px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.weui_dialog_ft a{display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;color:#3cc51f;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.weui_dialog_ft a:active{background-color:#eee}.weui_dialog_ft:after{content:" ";position:absolute;left:0;top:0;width:100%;height:1px;border-top:1px solid #d5d5d6;color:#d5d5d6;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.weui_dialog_confirm .weui_dialog_ft a{position:relative}.weui_dialog_confirm .weui_dialog_ft a:after{content:" ";position:absolute;left:0;top:0;width:1px;height:100%;border-left:1px solid #d5d5d6;color:#d5d5d6;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleX(.5);transform:scaleX(.5)}.weui_dialog_confirm .weui_dialog_ft a:first-child:after{display:none}.weui_btn_dialog.default{color:#353535}.weui_btn_dialog.primary{color:#0bb20c}@media screen and (min-width:1024px){.weui_dialog{width:35%}}.weui_toast{position:fixed;z-index:3;width:7.6em;min-height:7.6em;top:180px;left:50%;margin-left:-3.8em;background:rgba(40,40,40,.75);text-align:center;border-radius:5px;color:#fff}.weui_icon_toast{margin:22px 0 0;display:block}.weui_icon_toast:before{content:'\EA08';color:#fff;font-size:55px}.weui_toast_content{margin:0 0 15px}.weui_loading_toast .weui_toast_content{margin-top:64%;font-size:14px}.weui_loading{position:absolute;width:0;z-index:5;left:50%;top:38%}.weui_loading_leaf{position:absolute;top:-1px;opacity:.25}.weui_loading_leaf:before{content:" ";position:absolute;width:8.14px;height:3.08px;background:#d1d1d5;box-shadow:0 0 1px rgba(0,0,0,.0980392);border-radius:1px;-webkit-transform-origin:left 50% 0;transform-origin:left 50% 0}.weui_loading_leaf_0{-webkit-animation:a 1.25s linear infinite;animation:a 1.25s linear infinite}.weui_loading_leaf_0:before{-webkit-transform:rotate(0deg) translate(7.92px);transform:rotate(0deg) translate(7.92px)}.weui_loading_leaf_1{-webkit-animation:b 1.25s linear infinite;animation:b 1.25s linear infinite}.weui_loading_leaf_1:before{-webkit-transform:rotate(30deg) translate(7.92px);transform:rotate(30deg) translate(7.92px)}.weui_loading_leaf_2{-webkit-animation:c 1.25s linear infinite;animation:c 1.25s linear infinite}.weui_loading_leaf_2:before{-webkit-transform:rotate(60deg) translate(7.92px);transform:rotate(60deg) translate(7.92px)}.weui_loading_leaf_3{-webkit-animation:d 1.25s linear infinite;animation:d 1.25s linear infinite}.weui_loading_leaf_3:before{-webkit-transform:rotate(90deg) translate(7.92px);transform:rotate(90deg) translate(7.92px)}.weui_loading_leaf_4{-webkit-animation:e 1.25s linear infinite;animation:e 1.25s linear infinite}.weui_loading_leaf_4:before{-webkit-transform:rotate(120deg) translate(7.92px);transform:rotate(120deg) translate(7.92px)}.weui_loading_leaf_5{-webkit-animation:f 1.25s linear infinite;animation:f 1.25s linear infinite}.weui_loading_leaf_5:before{-webkit-transform:rotate(150deg) translate(7.92px);transform:rotate(150deg) translate(7.92px)}.weui_loading_leaf_6{-webkit-animation:g 1.25s linear infinite;animation:g 1.25s linear infinite}.weui_loading_leaf_6:before{-webkit-transform:rotate(180deg) translate(7.92px);transform:rotate(180deg) translate(7.92px)}.weui_loading_leaf_7{-webkit-animation:h 1.25s linear infinite;animation:h 1.25s linear infinite}.weui_loading_leaf_7:before{-webkit-transform:rotate(210deg) translate(7.92px);transform:rotate(210deg) translate(7.92px)}.weui_loading_leaf_8{-webkit-animation:i 1.25s linear infinite;animation:i 1.25s linear infinite}.weui_loading_leaf_8:before{-webkit-transform:rotate(240deg) translate(7.92px);transform:rotate(240deg) translate(7.92px)}.weui_loading_leaf_9{-webkit-animation:j 1.25s linear infinite;animation:j 1.25s linear infinite}.weui_loading_leaf_9:before{-webkit-transform:rotate(270deg) translate(7.92px);transform:rotate(270deg) translate(7.92px)}.weui_loading_leaf_10{-webkit-animation:k 1.25s linear infinite;animation:k 1.25s linear infinite}.weui_loading_leaf_10:before{-webkit-transform:rotate(300deg) translate(7.92px);transform:rotate(300deg) translate(7.92px)}.weui_loading_leaf_11{-webkit-animation:l 1.25s linear infinite;animation:l 1.25s linear infinite}.weui_loading_leaf_11:before{-webkit-transform:rotate(330deg) translate(7.92px);transform:rotate(330deg) translate(7.92px)}@-webkit-keyframes a{0%,0.01%{opacity:.25}0.02%{opacity:1}60.01%,to{opacity:.25}}@-webkit-keyframes b{0%,8.34333%{opacity:.25}8.35333%{opacity:1}68.3433%,to{opacity:.25}}@-webkit-keyframes c{0%,16.6767%{opacity:.25}16.6867%{opacity:1}76.6767%,to{opacity:.25}}@-webkit-keyframes d{0%,25.01%{opacity:.25}25.02%{opacity:1}85.01%,to{opacity:.25}}@-webkit-keyframes e{0%,33.3433%{opacity:.25}33.3533%{opacity:1}93.3433%,to{opacity:.25}}@-webkit-keyframes f{0%{opacity:.270958333333333}41.6767%{opacity:.25}41.6867%{opacity:1}1.67667%{opacity:.25}to{opacity:.270958333333333}}@-webkit-keyframes g{0%{opacity:.375125}50.01%{opacity:.25}50.02%{opacity:1}10.01%{opacity:.25}to{opacity:.375125}}@-webkit-keyframes h{0%{opacity:.479291666666667}58.3433%{opacity:.25}58.3533%{opacity:1}18.3433%{opacity:.25}to{opacity:.479291666666667}}@-webkit-keyframes i{0%{opacity:.583458333333333}66.6767%{opacity:.25}66.6867%{opacity:1}26.6767%{opacity:.25}to{opacity:.583458333333333}}@-webkit-keyframes j{0%{opacity:.687625}75.01%{opacity:.25}75.02%{opacity:1}35.01%{opacity:.25}to{opacity:.687625}}@-webkit-keyframes k{0%{opacity:.791791666666667}83.3433%{opacity:.25}83.3533%{opacity:1}43.3433%{opacity:.25}to{opacity:.791791666666667}}@-webkit-keyframes l{0%{opacity:.895958333333333}91.6767%{opacity:.25}91.6867%{opacity:1}51.6767%{opacity:.25}to{opacity:.895958333333333}}.weui_mask{background:rgba(0,0,0,.6)}.weui_mask,.weui_mask_transition,.weui_mask_transparent{position:fixed;z-index:1;width:100%;height:100%;top:0;left:0}.weui_mask_transition{display:none;background:transparent;-webkit-transition:background .3s;transition:background .3s}.weui_fade_toggle{background:rgba(0,0,0,.6)}.weui_actionsheet{position:fixed;left:0;bottom:0;-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:2;width:100%;background-color:#efeff4;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.weui_actionsheet_menu{background-color:#fff}.weui_actionsheet_action{margin-top:6px;background-color:#fff}.weui_actionsheet_cell{position:relative;padding:10px 0;text-align:center;font-size:18px}.weui_actionsheet_cell:before{content:" ";position:absolute;left:0;top:0;width:100%;height:1px;border-top:1px solid #d9d9d9;color:#d9d9d9;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.weui_actionsheet_cell:active{background-color:#ececec}.weui_actionsheet_cell:first-child:before{display:none}.weui_actionsheet_toggle{-webkit-transform:translate(0);transform:translate(0)}.weui_search_bar{padding:8px 10px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;background-color:#efeff4;z-index:2}.weui_search_bar:before{top:0;border-top:1px solid #c7c7c7;-webkit-transform-origin:0 0;transform-origin:0 0}.weui_search_bar:after,.weui_search_bar:before{content:" ";position:absolute;left:0;width:100%;height:1px;color:#c7c7c7;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.weui_search_bar:after{bottom:0;border-bottom:1px solid #c7c7c7;-webkit-transform-origin:0 100%;transform-origin:0 100%}.weui_search_bar.weui_search_focusing .weui_search_cancel{display:block}.weui_search_bar.weui_search_focusing .weui_search_text{display:none}.weui_search_outer{position:relative;-webkit-box-flex:1;-webkit-flex:auto;-ms-flex:auto;flex:auto;background-color:#efeff4}.weui_search_outer:after{content:'';position:absolute;left:0;top:0;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;border-radius:10px;border:1px solid #e6e6ea;box-sizing:border-box;background:#fff}.weui_search_inner{position:relative;padding-left:30px;padding-right:30px;height:100%;width:100%;box-sizing:border-box;z-index:1}.weui_search_inner .weui_search_input{padding:4px 0;width:100%;height:1.42857143em;border:0;font-size:14px;line-height:1.42857143em;box-sizing:content-box;background:transparent}.weui_search_inner .weui_search_input:focus{outline:none}.weui_search_inner .weui_icon_search{position:absolute;left:10px;top:-2px;line-height:28px}.weui_search_inner .weui_icon_clear{position:absolute;top:-2px;right:0;padding:0 10px;line-height:28px}.weui_search_text{position:absolute;top:1px;right:1px;bottom:1px;left:1px;z-index:2;border-radius:3px;text-align:center;color:#9b9b9b;background:#fff}.weui_search_text span{display:inline-block;font-size:14px;vertical-align:middle}.weui_search_text .weui_icon_search{margin-right:5px}.weui_search_cancel{display:none;margin-left:10px;line-height:28px;color:#09bb07}.weui_search_input:not(:valid)~.weui_icon_clear{display:none}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}


--------------------------------------------------------------------------------
/dialog.html:
--------------------------------------------------------------------------------
 1 | <div class="page">
 2 |     <div class="hd">
 3 |         <h1 class="page_title">Dialog</h1>
 4 |     </div>
 5 |     <div class="bd spacing">
 6 |         <a href="javascript:;" class="weui_btn weui_btn_primary" ng-click="showDialog1()">点击弹出Dialog样式一</a>
 7 |         <a href="javascript:;" class="weui_btn weui_btn_primary" ng-click="showDialog2()">点击弹出Dialog样式二</a>
 8 |     </div>
 9 |     <!--BEGIN dialog1-->
10 |     <div class="weui_dialog_confirm" id="dialog1" ng-if="isShowDialog1">
11 |         <div class="weui_mask"></div>
12 |         <div class="weui_dialog">
13 |             <div class="weui_dialog_hd"><strong class="weui_dialog_title">弹窗标题</strong></div>
14 |             <div class="weui_dialog_bd">自定义弹窗内容，居左对齐显示，告知需要确认的信息等</div>
15 |             <div class="weui_dialog_ft">
16 |                 <a href="javascript:;" class="weui_btn_dialog default" ng-click="btnCancel()">取消</a>
17 |                 <a href="javascript:;" class="weui_btn_dialog primary" ng-click="btnOk()">确定</a>
18 |             </div>
19 |         </div>
20 |     </div>
21 |     <!--END dialog1-->
22 |     <!--BEGIN dialog2-->
23 |     <div class="weui_dialog_alert" id="dialog2" ng-if="isShowDialog2">
24 |         <div class="weui_mask"></div>
25 |         <div class="weui_dialog">
26 |             <div class="weui_dialog_hd"><strong class="weui_dialog_title">弹窗标题</strong></div>
27 |             <div class="weui_dialog_bd">弹窗内容，告知当前页面信息等</div>
28 |             <div class="weui_dialog_ft">
29 |                 <a href="javascript:;" class="weui_btn_dialog primary" ng-click="btnOk()">确定</a>
30 |             </div>
31 |         </div>
32 |     </div>
33 |     <!--END dialog2-->
34 | </div>
35 | 


--------------------------------------------------------------------------------
/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/suv80/Angularjs-weui/4664af97aea3a572c173531c4d3300bfad0a2131/favicon.ico


--------------------------------------------------------------------------------
/home.html:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/suv80/Angularjs-weui/4664af97aea3a572c173531c4d3300bfad0a2131/home.html


--------------------------------------------------------------------------------
/icons.html:
--------------------------------------------------------------------------------
 1 | <div class="page">
 2 |     <div class="hd">
 3 |         <h1 class="page_title">Icons</h1>
 4 |     </div>
 5 |     <div class="bd spacing">
 6 |         <i class="weui_icon_msg weui_icon_success"></i>
 7 |         <i class="weui_icon_msg weui_icon_info"></i>
 8 |         <i class="weui_icon_msg weui_icon_warn"></i>
 9 |         <i class="weui_icon_msg weui_icon_waiting"></i>
10 |         <i class="weui_icon_safe weui_icon_safe_success"></i>
11 |         <i class="weui_icon_safe weui_icon_safe_warn"></i>
12 |         <div class="icon_sp_area">
13 |             <i class="weui_icon_success"></i>
14 |             <i class="weui_icon_success_circle"></i>
15 |             <i class="weui_icon_success_no_circle"></i>
16 |             <i class="weui_icon_info"></i>
17 |             <i class="weui_icon_waiting"></i>
18 |             <i class="weui_icon_waiting_circle"></i>
19 |             <i class="weui_icon_circle"></i>
20 |             <i class="weui_icon_warn"></i>
21 |             <i class="weui_icon_download"></i>
22 |             <i class="weui_icon_info_circle"></i>
23 |             <i class="weui_icon_cancel"></i>
24 |             <i class="weui_icon_search"></i>
25 |             <i class="weui_icon_clear"></i>
26 |         </div>
27 |     </div>
28 | </div>
29 | 


--------------------------------------------------------------------------------
/images/icon_nav_actionSheet.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/suv80/Angularjs-weui/4664af97aea3a572c173531c4d3300bfad0a2131/images/icon_nav_actionSheet.png


--------------------------------------------------------------------------------
/images/icon_nav_article.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/suv80/Angularjs-weui/4664af97aea3a572c173531c4d3300bfad0a2131/images/icon_nav_article.png


--------------------------------------------------------------------------------
/images/icon_nav_button.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/suv80/Angularjs-weui/4664af97aea3a572c173531c4d3300bfad0a2131/images/icon_nav_button.png


--------------------------------------------------------------------------------
/images/icon_nav_cell.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/suv80/Angularjs-weui/4664af97aea3a572c173531c4d3300bfad0a2131/images/icon_nav_cell.png


--------------------------------------------------------------------------------
/images/icon_nav_dialog.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/suv80/Angularjs-weui/4664af97aea3a572c173531c4d3300bfad0a2131/images/icon_nav_dialog.png


--------------------------------------------------------------------------------
/images/icon_nav_icons.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/suv80/Angularjs-weui/4664af97aea3a572c173531c4d3300bfad0a2131/images/icon_nav_icons.png


--------------------------------------------------------------------------------
/images/icon_nav_msg.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/suv80/Angularjs-weui/4664af97aea3a572c173531c4d3300bfad0a2131/images/icon_nav_msg.png


--------------------------------------------------------------------------------
/images/icon_nav_panel.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/suv80/Angularjs-weui/4664af97aea3a572c173531c4d3300bfad0a2131/images/icon_nav_panel.png


--------------------------------------------------------------------------------
/images/icon_nav_progress.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/suv80/Angularjs-weui/4664af97aea3a572c173531c4d3300bfad0a2131/images/icon_nav_progress.png


--------------------------------------------------------------------------------
/images/icon_nav_search_bar.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/suv80/Angularjs-weui/4664af97aea3a572c173531c4d3300bfad0a2131/images/icon_nav_search_bar.png


--------------------------------------------------------------------------------
/images/icon_nav_tab.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/suv80/Angularjs-weui/4664af97aea3a572c173531c4d3300bfad0a2131/images/icon_nav_tab.png


--------------------------------------------------------------------------------
/images/icon_nav_toast.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/suv80/Angularjs-weui/4664af97aea3a572c173531c4d3300bfad0a2131/images/icon_nav_toast.png


--------------------------------------------------------------------------------
/images/vcode.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/suv80/Angularjs-weui/4664af97aea3a572c173531c4d3300bfad0a2131/images/vcode.jpg


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en" ng-app="weuiapp">
  3 | 
  4 | <head>
  5 |     <meta charset="UTF-8">
  6 |     <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
  7 |     <title>WeUI</title>
  8 |     <link rel="stylesheet" href="./css/weui.css" />
  9 | </head>
 10 | <style type="text/css">
 11 | .home,
 12 | .view {
 13 |     position: absolute;
 14 |     width: 100%;
 15 |     height: 100%;
 16 |     left: 0;
 17 |     top: 0;
 18 |     z-index: 1;
 19 | }
 20 | 
 21 | .view {
 22 |     left: 100%;
 23 |     background: #fff;
 24 |     z-index: 2;
 25 |     height: 0;
 26 |     width: 0;
 27 | }
 28 | 
 29 | .weui_progress_inner_bar {
 30 |     transition: all .3s;
 31 | }
 32 | 
 33 | .hd {
 34 |     padding: 2em 0
 35 | }
 36 | 
 37 | .page {
 38 |     height: 100%;
 39 | }
 40 | 
 41 | .page_desc {
 42 |     text-align: center;
 43 |     color: #888;
 44 |     font-size: 14px
 45 | }
 46 | 
 47 | .bd.spacing {
 48 |     padding: 0 15px
 49 | }
 50 | 
 51 | .page_title {
 52 |     text-align: center;
 53 |     font-size: 34px;
 54 |     color: #3cc51f;
 55 |     font-weight: 400;
 56 |     margin: 0 15%
 57 | }
 58 | </style>
 59 | 
 60 | <body ng-controller="homeCtrl">
 61 |     <div ng-class="['home']">
 62 |         <div class="hd">
 63 |             <h1 class="page_title">WeUI</h1>
 64 |             <p class="page_desc">为微信Web服务量身设计</p>
 65 |         </div>
 66 |         <div class="weui_grids">
 67 |             <a href="#/button" class="weui_grid js_grid" data-id="button" ng-click="showBlock()">
 68 |                 <div class="weui_grid_icon">
 69 |                     <img src="./images/icon_nav_button.png" alt="">
 70 |                 </div>
 71 |                 <p class="weui_grid_label">
 72 |                     Button
 73 |                 </p>
 74 |             </a>
 75 |             <a href="#/cell" class="weui_grid js_grid" data-id="cell" ng-click="showBlock()">
 76 |                 <div class="weui_grid_icon">
 77 |                     <img src="./images/icon_nav_cell.png" alt="">
 78 |                 </div>
 79 |                 <p class="weui_grid_label">
 80 |                     Cell
 81 |                 </p>
 82 |             </a>
 83 |             <a href="#/toast" class="weui_grid js_grid" data-id="toast" ng-click="showBlock()">
 84 |                 <div class="weui_grid_icon">
 85 |                     <img src="./images/icon_nav_toast.png" alt="">
 86 |                 </div>
 87 |                 <p class="weui_grid_label">
 88 |                     Toast
 89 |                 </p>
 90 |             </a>
 91 |             <a href="#/dialog" class="weui_grid js_grid" data-id="dialog" ng-click="showBlock()">
 92 |                 <div class="weui_grid_icon">
 93 |                     <img src="./images/icon_nav_dialog.png" alt="">
 94 |                 </div>
 95 |                 <p class="weui_grid_label">
 96 |                     Dialog
 97 |                 </p>
 98 |             </a>
 99 |             <a href="#/progress" class="weui_grid js_grid" data-id="progress" ng-click="showBlock()">
100 |                 <div class="weui_grid_icon">
101 |                     <img src="./images/icon_nav_progress.png" alt="">
102 |                 </div>
103 |                 <p class="weui_grid_label">
104 |                     Progress
105 |                 </p>
106 |             </a>
107 |             <a href="#/msg" class="weui_grid js_grid" data-id="msg" ng-click="showBlock()">
108 |                 <div class="weui_grid_icon">
109 |                     <img src="./images/icon_nav_msg.png" alt="">
110 |                 </div>
111 |                 <p class="weui_grid_label">
112 |                     Msg
113 |                 </p>
114 |             </a>
115 |             <a href="#/article" class="weui_grid js_grid" data-id="article" ng-click="showBlock()">
116 |                 <div class="weui_grid_icon">
117 |                     <img src="./images/icon_nav_article.png" alt="">
118 |                 </div>
119 |                 <p class="weui_grid_label">
120 |                     Article
121 |                 </p>
122 |             </a>
123 |             <a href="#/actionsheet" class="weui_grid js_grid" data-id="actionsheet" ng-click="showBlock()">
124 |                 <div class="weui_grid_icon">
125 |                     <img src="./images/icon_nav_actionSheet.png" alt="">
126 |                 </div>
127 |                 <p class="weui_grid_label">
128 |                     ActionSheet
129 |                 </p>
130 |             </a>
131 |             <a href="#/icons" class="weui_grid js_grid" data-id="icons" ng-click="showBlock()">
132 |                 <div class="weui_grid_icon">
133 |                     <img src="./images/icon_nav_icons.png" alt="">
134 |                 </div>
135 |                 <p class="weui_grid_label">
136 |                     Icons
137 |                 </p>
138 |             </a>
139 |             <a href="#/panel" class="weui_grid js_grid" data-id="panel" ng-click="showBlock()">
140 |                 <div class="weui_grid_icon">
141 |                     <img src="./images/icon_nav_panel.png" alt="">
142 |                 </div>
143 |                 <p class="weui_grid_label">
144 |                     Panel
145 |                 </p>
146 |             </a>
147 |             <a href="#/tab" class="weui_grid js_grid" data-id="tab" ng-click="showBlock()">
148 |                 <div class="weui_grid_icon">
149 |                     <img src="./images/icon_nav_tab.png" alt="">
150 |                 </div>
151 |                 <p class="weui_grid_label">
152 |                     Tab
153 |                 </p>
154 |             </a>
155 |             <a href="#/searchbar" class="weui_grid js_grid" data-id="searchbar" ng-click="showBlock()">
156 |                 <div class="weui_grid_icon">
157 |                     <img src="./images/icon_nav_search_bar.png" alt="">
158 |                 </div>
159 |                 <p class="weui_grid_label">
160 |                     SearchBar
161 |                 </p>
162 |             </a>
163 |         </div>
164 |     </div>
165 |     <div ng-class="['view']" ng-view ng-style="viewStyle"></div>
166 |     <script type="text/javascript" src="./js/angular.min.js"></script>
167 |     <script type="text/javascript" src="./js/angular-route.min.js"></script>
168 |     <script type="text/javascript" src="./js/toast.js"></script>
169 |     <script type="text/javascript" src="./js/dialog.js"></script>
170 |     <script type="text/javascript" src="./js/progress.js"></script>
171 |     <script type="text/javascript" src="./js/actionsheet.js"></script>
172 |     <script type="text/javascript" src="./js/searchbar.js"></script>
173 |     <script type="text/javascript" src="./js/example.js"></script>
174 | </body>
175 | 
176 | </html>
177 | 


--------------------------------------------------------------------------------
/js/actionsheet.js:
--------------------------------------------------------------------------------
 1 | function actionsheetCtrl($scope) {
 2 |     $scope.isShowActionsheet = false; //是否显示actionsheet
 3 |     $scope.actionsheetToggle = ''; //weui_actionsheet_toggle样式，显示时增加，不显示时去掉
 4 | 
 5 |     $scope.showActionSheet = function() {
 6 |         $scope.isShowActionsheet = true;
 7 |         $scope.actionsheetToggle = 'weui_actionsheet_toggle';
 8 |     }
 9 | 
10 |     $scope.actionsheetCancel = function() {
11 |         $scope.isShowActionsheet = false;
12 |         $scope.actionsheetToggle = '';
13 |     }
14 | }
15 | 


--------------------------------------------------------------------------------
/js/angular-animate.min.js:
--------------------------------------------------------------------------------
 1 | /*
 2 |  AngularJS v1.4.9
 3 |  (c) 2010-2015 Google, Inc. http://angularjs.org
 4 |  License: MIT
 5 | */
 6 | (function(E,l,Va){'use strict';function xa(a,b,c){if(!a)throw Ka("areq",b||"?",c||"required");return a}function ya(a,b){if(!a&&!b)return"";if(!a)return b;if(!b)return a;aa(a)&&(a=a.join(" "));aa(b)&&(b=b.join(" "));return a+" "+b}function La(a){var b={};a&&(a.to||a.from)&&(b.to=a.to,b.from=a.from);return b}function W(a,b,c){var d="";a=aa(a)?a:a&&R(a)&&a.length?a.split(/\s+/):[];u(a,function(a,m){a&&0<a.length&&(d+=0<m?" ":"",d+=c?b+a:a+b)});return d}function Ma(a){if(a instanceof I)switch(a.length){case 0:return[];
 7 | case 1:if(1===a[0].nodeType)return a;break;default:return I(oa(a))}if(1===a.nodeType)return I(a)}function oa(a){if(!a[0])return a;for(var b=0;b<a.length;b++){var c=a[b];if(1==c.nodeType)return c}}function Na(a,b,c){u(b,function(b){a.addClass(b,c)})}function Oa(a,b,c){u(b,function(b){a.removeClass(b,c)})}function T(a){return function(b,c){c.addClass&&(Na(a,b,c.addClass),c.addClass=null);c.removeClass&&(Oa(a,b,c.removeClass),c.removeClass=null)}}function la(a){a=a||{};if(!a.$$prepared){var b=a.domOperation||
 8 | P;a.domOperation=function(){a.$$domOperationFired=!0;b();b=P};a.$$prepared=!0}return a}function ea(a,b){za(a,b);Aa(a,b)}function za(a,b){b.from&&(a.css(b.from),b.from=null)}function Aa(a,b){b.to&&(a.css(b.to),b.to=null)}function U(a,b,c){var d=(b.addClass||"")+" "+(c.addClass||""),f=(b.removeClass||"")+" "+(c.removeClass||"");a=Pa(a.attr("class"),d,f);c.preparationClasses&&(b.preparationClasses=ba(c.preparationClasses,b.preparationClasses),delete c.preparationClasses);d=b.domOperation!==P?b.domOperation:
 9 | null;Ba(b,c);d&&(b.domOperation=d);b.addClass=a.addClass?a.addClass:null;b.removeClass=a.removeClass?a.removeClass:null;return b}function Pa(a,b,c){function d(a){R(a)&&(a=a.split(" "));var b={};u(a,function(a){a.length&&(b[a]=!0)});return b}var f={};a=d(a);b=d(b);u(b,function(a,b){f[b]=1});c=d(c);u(c,function(a,b){f[b]=1===f[b]?null:-1});var m={addClass:"",removeClass:""};u(f,function(b,c){var d,f;1===b?(d="addClass",f=!a[c]):-1===b&&(d="removeClass",f=a[c]);f&&(m[d].length&&(m[d]+=" "),m[d]+=c)});
10 | return m}function F(a){return a instanceof l.element?a[0]:a}function Qa(a,b,c){var d="";b&&(d=W(b,"ng-",!0));c.addClass&&(d=ba(d,W(c.addClass,"-add")));c.removeClass&&(d=ba(d,W(c.removeClass,"-remove")));d.length&&(c.preparationClasses=d,a.addClass(d))}function ma(a,b){var c=b?"-"+b+"s":"";ia(a,[ja,c]);return[ja,c]}function pa(a,b){var c=b?"paused":"",d=X+"PlayState";ia(a,[d,c]);return[d,c]}function ia(a,b){a.style[b[0]]=b[1]}function ba(a,b){return a?b?a+" "+b:a:b}function Ca(a,b,c){var d=Object.create(null),
11 | f=a.getComputedStyle(b)||{};u(c,function(a,b){var c=f[a];if(c){var D=c.charAt(0);if("-"===D||"+"===D||0<=D)c=Ra(c);0===c&&(c=null);d[b]=c}});return d}function Ra(a){var b=0;a=a.split(/\s*,\s*/);u(a,function(a){"s"==a.charAt(a.length-1)&&(a=a.substring(0,a.length-1));a=parseFloat(a)||0;b=b?Math.max(a,b):a});return b}function qa(a){return 0===a||null!=a}function Da(a,b){var c=S,d=a+"s";b?c+="Duration":d+=" linear all";return[c,d]}function Ea(){var a=Object.create(null);return{flush:function(){a=Object.create(null)},
12 | count:function(b){return(b=a[b])?b.total:0},get:function(b){return(b=a[b])&&b.value},put:function(b,c){a[b]?a[b].total++:a[b]={total:1,value:c}}}}function Fa(a,b,c){u(c,function(c){a[c]=Y(a[c])?a[c]:b.style.getPropertyValue(c)})}var P=l.noop,Ga=l.copy,Ba=l.extend,I=l.element,u=l.forEach,aa=l.isArray,R=l.isString,ra=l.isObject,O=l.isUndefined,Y=l.isDefined,Ha=l.isFunction,sa=l.isElement,S,ta,X,ua;O(E.ontransitionend)&&Y(E.onwebkittransitionend)?(S="WebkitTransition",ta="webkitTransitionEnd transitionend"):
13 | (S="transition",ta="transitionend");O(E.onanimationend)&&Y(E.onwebkitanimationend)?(X="WebkitAnimation",ua="webkitAnimationEnd animationend"):(X="animation",ua="animationend");var na=X+"Delay",va=X+"Duration",ja=S+"Delay";E=S+"Duration";var Ka=l.$$minErr("ng"),Sa={transitionDuration:E,transitionDelay:ja,transitionProperty:S+"Property",animationDuration:va,animationDelay:na,animationIterationCount:X+"IterationCount"},Ta={transitionDuration:E,transitionDelay:ja,animationDuration:va,animationDelay:na};
14 | l.module("ngAnimate",[]).directive("ngAnimateChildren",[function(){return function(a,b,c){a=c.ngAnimateChildren;l.isString(a)&&0===a.length?b.data("$$ngAnimateChildren",!0):c.$observe("ngAnimateChildren",function(a){b.data("$$ngAnimateChildren","on"===a||"true"===a)})}}]).factory("$$rAFScheduler",["$$rAF",function(a){function b(a){d=d.concat(a);c()}function c(){if(d.length){for(var b=d.shift(),J=0;J<b.length;J++)b[J]();f||a(function(){f||c()})}}var d,f;d=b.queue=[];b.waitUntilQuiet=function(b){f&&
15 | f();f=a(function(){f=null;b();c()})};return b}]).provider("$$animateQueue",["$animateProvider",function(a){function b(a){if(!a)return null;a=a.split(" ");var b=Object.create(null);u(a,function(a){b[a]=!0});return b}function c(a,c){if(a&&c){var d=b(c);return a.split(" ").some(function(a){return d[a]})}}function d(a,b,c,d){return m[a].some(function(a){return a(b,c,d)})}function f(a,b){a=a||{};var c=0<(a.addClass||"").length,d=0<(a.removeClass||"").length;return b?c&&d:c||d}var m=this.rules={skip:[],
16 | cancel:[],join:[]};m.join.push(function(a,b,c){return!b.structural&&f(b.options)});m.skip.push(function(a,b,c){return!b.structural&&!f(b.options)});m.skip.push(function(a,b,c){return"leave"==c.event&&b.structural});m.skip.push(function(a,b,c){return c.structural&&2===c.state&&!b.structural});m.cancel.push(function(a,b,c){return c.structural&&b.structural});m.cancel.push(function(a,b,c){return 2===c.state&&b.structural});m.cancel.push(function(a,b,d){a=b.options.addClass;b=b.options.removeClass;var f=
17 | d.options.addClass;d=d.options.removeClass;return O(a)&&O(b)||O(f)&&O(d)?!1:c(a,d)||c(b,f)});this.$get=["$$rAF","$rootScope","$rootElement","$document","$$HashMap","$$animation","$$AnimateRunner","$templateRequest","$$jqLite","$$forceReflow",function(b,c,D,m,h,l,x,z,v,k){function N(){var a=!1;return function(b){a?b():c.$$postDigest(function(){a=!0;b()})}}function y(a,b,c){var e=F(b),d=F(a),g=[];(a=G[c])&&u(a,function(a){s.call(a.node,e)?g.push(a.callback):"leave"===c&&s.call(a.node,d)&&g.push(a.callback)});
18 | return g}function w(a,e,g){function w(c,e,g,d){D(function(){var c=y(q,a,e);c.length&&b(function(){u(c,function(b){b(a,g,d)})})});c.progress(e,g,d)}function k(b){var c=a,e=n;e.preparationClasses&&(c.removeClass(e.preparationClasses),e.preparationClasses=null);e.activeClasses&&(c.removeClass(e.activeClasses),e.activeClasses=null);Ja(a,n);ea(a,n);n.domOperation();s.complete(!b)}var n=Ga(g),G,q;if(a=Ma(a))G=F(a),q=a.parent();var n=la(n),s=new x,D=N();aa(n.addClass)&&(n.addClass=n.addClass.join(" "));
19 | n.addClass&&!R(n.addClass)&&(n.addClass=null);aa(n.removeClass)&&(n.removeClass=n.removeClass.join(" "));n.removeClass&&!R(n.removeClass)&&(n.removeClass=null);n.from&&!ra(n.from)&&(n.from=null);n.to&&!ra(n.to)&&(n.to=null);if(!G)return k(),s;g=[G.className,n.addClass,n.removeClass].join(" ");if(!Ua(g))return k(),s;var v=0<=["enter","move","leave"].indexOf(e),h=!H||m[0].hidden||B.get(G);g=!h&&t.get(G)||{};var z=!!g.state;h||z&&1==g.state||(h=!r(a,q,e));if(h)return k(),s;v&&wa(a);h={structural:v,element:a,
20 | event:e,close:k,options:n,runner:s};if(z){if(d("skip",a,h,g)){if(2===g.state)return k(),s;U(a,g.options,n);return g.runner}if(d("cancel",a,h,g))if(2===g.state)g.runner.end();else if(g.structural)g.close();else return U(a,g.options,h.options),g.runner;else if(d("join",a,h,g))if(2===g.state)U(a,n,{});else return Qa(a,v?e:null,n),e=h.event=g.event,n=U(a,g.options,h.options),g.runner}else U(a,n,{});(z=h.structural)||(z="animate"===h.event&&0<Object.keys(h.options.to||{}).length||f(h.options));if(!z)return k(),
21 | L(a),s;var M=(g.counter||0)+1;h.counter=M;A(a,1,h);c.$$postDigest(function(){var b=t.get(G),c=!b,b=b||{},g=0<(a.parent()||[]).length&&("animate"===b.event||b.structural||f(b.options));if(c||b.counter!==M||!g){c&&(Ja(a,n),ea(a,n));if(c||v&&b.event!==e)n.domOperation(),s.end();g||L(a)}else e=!b.structural&&f(b.options,!0)?"setClass":b.event,A(a,2),b=l(a,e,b.options),b.done(function(b){k(!b);(b=t.get(G))&&b.counter===M&&L(F(a));w(s,e,"close",{})}),s.setHost(b),w(s,e,"start",{})});return s}function wa(a){a=
22 | F(a).querySelectorAll("[data-ng-animate]");u(a,function(a){var b=parseInt(a.getAttribute("data-ng-animate")),c=t.get(a);if(c)switch(b){case 2:c.runner.end();case 1:t.remove(a)}})}function L(a){a=F(a);a.removeAttribute("data-ng-animate");t.remove(a)}function q(a,b){return F(a)===F(b)}function r(a,b,c){c=I(m[0].body);var e=q(a,c)||"HTML"===a[0].nodeName,g=q(a,D),d=!1,H,w=B.get(F(a));for((a=a.data("$ngAnimatePin"))&&(b=a);b&&b.length;){g||(g=q(b,D));var k=b[0];if(1!==k.nodeType)break;a=t.get(k)||{};
23 | if(!d){k=B.get(k);if(!0===k&&!1!==w){w=!0;break}else!1===k&&(w=!1);d=a.structural}if(O(H)||!0===H)a=b.data("$$ngAnimateChildren"),Y(a)&&(H=a);if(d&&!1===H)break;e||(e=q(b,c));if(e&&g)break;if(!g&&(a=b.data("$ngAnimatePin"))){b=a;continue}b=b.parent()}return(!d||H)&&!0!==w&&g&&e}function A(a,b,c){c=c||{};c.state=b;a=F(a);a.setAttribute("data-ng-animate",b);c=(b=t.get(a))?Ba(b,c):c;t.put(a,c)}var t=new h,B=new h,H=null,e=c.$watch(function(){return 0===z.totalPendingRequests},function(a){a&&(e(),c.$$postDigest(function(){c.$$postDigest(function(){null===
24 | H&&(H=!0)})}))}),G={},g=a.classNameFilter(),Ua=g?function(a){return g.test(a)}:function(){return!0},Ja=T(v),s=Node.prototype.contains||function(a){return this===a||!!(this.compareDocumentPosition(a)&16)};return{on:function(a,b,c){b=oa(b);G[a]=G[a]||[];G[a].push({node:b,callback:c})},off:function(a,b,c){function e(a,b,c){var g=oa(b);return a.filter(function(a){return!(a.node===g&&(!c||a.callback===c))})}var g=G[a];g&&(G[a]=1===arguments.length?null:e(g,b,c))},pin:function(a,b){xa(sa(a),"element","not an element");
25 | xa(sa(b),"parentElement","not an element");a.data("$ngAnimatePin",b)},push:function(a,b,c,e){c=c||{};c.domOperation=e;return w(a,b,c)},enabled:function(a,b){var c=arguments.length;if(0===c)b=!!H;else if(sa(a)){var e=F(a),g=B.get(e);1===c?b=!g:B.put(e,!b)}else b=H=!!a;return b}}}]}]).provider("$$animation",["$animateProvider",function(a){function b(a){return a.data("$$animationRunner")}var c=this.drivers=[];this.$get=["$$jqLite","$rootScope","$injector","$$AnimateRunner","$$HashMap","$$rAFScheduler",
26 | function(a,f,m,J,ha,D){function Q(a){function b(a){if(a.processed)return a;a.processed=!0;var d=a.domNode,k=d.parentNode;f.put(d,a);for(var q;k;){if(q=f.get(k)){q.processed||(q=b(q));break}k=k.parentNode}(q||c).children.push(a);return a}var c={children:[]},d,f=new ha;for(d=0;d<a.length;d++){var h=a[d];f.put(h.domNode,a[d]={domNode:h.domNode,fn:h.fn,children:[]})}for(d=0;d<a.length;d++)b(a[d]);return function(a){var b=[],c=[],d;for(d=0;d<a.children.length;d++)c.push(a.children[d]);a=c.length;var k=
27 | 0,f=[];for(d=0;d<c.length;d++){var t=c[d];0>=a&&(a=k,k=0,b.push(f),f=[]);f.push(t.fn);t.children.forEach(function(a){k++;c.push(a)});a--}f.length&&b.push(f);return b}(c)}var h=[],l=T(a);return function(x,z,v){function k(a){a=a.hasAttribute("ng-animate-ref")?[a]:a.querySelectorAll("[ng-animate-ref]");var b=[];u(a,function(a){var c=a.getAttribute("ng-animate-ref");c&&c.length&&b.push(a)});return b}function N(a){var b=[],c={};u(a,function(a,g){var d=F(a.element),H=0<=["enter","move"].indexOf(a.event),
28 | d=a.structural?k(d):[];if(d.length){var f=H?"to":"from";u(d,function(a){var b=a.getAttribute("ng-animate-ref");c[b]=c[b]||{};c[b][f]={animationID:g,element:I(a)}})}else b.push(a)});var g={},d={};u(c,function(c,f){var k=c.from,w=c.to;if(k&&w){var B=a[k.animationID],t=a[w.animationID],A=k.animationID.toString();if(!d[A]){var h=d[A]={structural:!0,beforeStart:function(){B.beforeStart();t.beforeStart()},close:function(){B.close();t.close()},classes:y(B.classes,t.classes),from:B,to:t,anchors:[]};h.classes.length?
29 | b.push(h):(b.push(B),b.push(t))}d[A].anchors.push({out:k.element,"in":w.element})}else k=k?k.animationID:w.animationID,w=k.toString(),g[w]||(g[w]=!0,b.push(a[k]))});return b}function y(a,b){a=a.split(" ");b=b.split(" ");for(var c=[],d=0;d<a.length;d++){var k=a[d];if("ng-"!==k.substring(0,3))for(var w=0;w<b.length;w++)if(k===b[w]){c.push(k);break}}return c.join(" ")}function w(a){for(var b=c.length-1;0<=b;b--){var d=c[b];if(m.has(d)&&(d=m.get(d)(a)))return d}}function wa(a,c){a.from&&a.to?(b(a.from.element).setHost(c),
30 | b(a.to.element).setHost(c)):b(a.element).setHost(c)}function L(){var a=b(x);!a||"leave"===z&&v.$$domOperationFired||a.end()}function q(b){x.off("$destroy",L);x.removeData("$$animationRunner");l(x,v);ea(x,v);v.domOperation();B&&a.removeClass(x,B);x.removeClass("ng-animate");A.complete(!b)}v=la(v);var r=0<=["enter","move","leave"].indexOf(z),A=new J({end:function(){q()},cancel:function(){q(!0)}});if(!c.length)return q(),A;x.data("$$animationRunner",A);var t=ya(x.attr("class"),ya(v.addClass,v.removeClass)),
31 | B=v.tempClasses;B&&(t+=" "+B,v.tempClasses=null);h.push({element:x,classes:t,event:z,structural:r,options:v,beforeStart:function(){x.addClass("ng-animate");B&&a.addClass(x,B)},close:q});x.on("$destroy",L);if(1<h.length)return A;f.$$postDigest(function(){var a=[];u(h,function(c){b(c.element)?a.push(c):c.close()});h.length=0;var c=N(a),d=[];u(c,function(a){d.push({domNode:F(a.from?a.from.element:a.element),fn:function(){a.beforeStart();var c,d=a.close;if(b(a.anchors?a.from.element||a.to.element:a.element)){var e=
32 | w(a);e&&(c=e.start)}c?(c=c(),c.done(function(a){d(!a)}),wa(a,c)):d()}})});D(Q(d))});return A}}]}]).provider("$animateCss",["$animateProvider",function(a){var b=Ea(),c=Ea();this.$get=["$window","$$jqLite","$$AnimateRunner","$timeout","$$forceReflow","$sniffer","$$rAFScheduler","$$animateQueue",function(a,f,m,J,l,D,Q,h){function Ia(a,b){var c=a.parentNode;return(c.$$ngAnimateParentKey||(c.$$ngAnimateParentKey=++N))+"-"+a.getAttribute("class")+"-"+b}function x(k,h,L,q){var r;0<b.count(L)&&(r=c.get(L),
33 | r||(h=W(h,"-stagger"),f.addClass(k,h),r=Ca(a,k,q),r.animationDuration=Math.max(r.animationDuration,0),r.transitionDuration=Math.max(r.transitionDuration,0),f.removeClass(k,h),c.put(L,r)));return r||{}}function z(a){y.push(a);Q.waitUntilQuiet(function(){b.flush();c.flush();for(var a=l(),d=0;d<y.length;d++)y[d](a);y.length=0})}function v(c,k,f){k=b.get(f);k||(k=Ca(a,c,Sa),"infinite"===k.animationIterationCount&&(k.animationIterationCount=1));b.put(f,k);c=k;f=c.animationDelay;k=c.transitionDelay;c.maxDelay=
34 | f&&k?Math.max(f,k):f||k;c.maxDuration=Math.max(c.animationDuration*c.animationIterationCount,c.transitionDuration);return c}var k=T(f),N=0,y=[];return function(a,c){function d(){r()}function q(){r(!0)}function r(b){if(!(l||ha&&N)){l=!0;N=!1;e.$$skipPreparationClasses||f.removeClass(a,ca);f.removeClass(a,ba);pa(g,!1);ma(g,!1);u(y,function(a){g.style[a[0]]=""});k(a,e);ea(a,e);Object.keys(G).length&&u(G,function(a,b){a?g.style.setProperty(b,a):g.style.removeProperty(b)});if(e.onDone)e.onDone();da&&da.length&&
35 | a.off(da.join(" "),B);E&&E.complete(!b)}}function A(a){p.blockTransition&&ma(g,a);p.blockKeyframeAnimation&&pa(g,!!a)}function t(){E=new m({end:d,cancel:q});z(P);r();return{$$willAnimate:!1,start:function(){return E},end:d}}function B(a){a.stopPropagation();var b=a.originalEvent||a;a=b.$manualTimeStamp||Date.now();b=parseFloat(b.elapsedTime.toFixed(3));Math.max(a-T,0)>=O&&b>=K&&(ha=!0,r())}function H(){function b(){if(!l){A(!1);u(y,function(a){g.style[a[0]]=a[1]});k(a,e);f.addClass(a,ba);if(p.recalculateTimingStyles){ka=
36 | g.className+" "+ca;fa=Ia(g,ka);C=v(g,ka,fa);Z=C.maxDelay;n=Math.max(Z,0);K=C.maxDuration;if(0===K){r();return}p.hasTransitions=0<C.transitionDuration;p.hasAnimations=0<C.animationDuration}p.applyAnimationDelay&&(Z="boolean"!==typeof e.delay&&qa(e.delay)?parseFloat(e.delay):Z,n=Math.max(Z,0),C.animationDelay=Z,$=[na,Z+"s"],y.push($),g.style[$[0]]=$[1]);O=1E3*n;R=1E3*K;if(e.easing){var d,h=e.easing;p.hasTransitions&&(d=S+"TimingFunction",y.push([d,h]),g.style[d]=h);p.hasAnimations&&(d=X+"TimingFunction",
37 | y.push([d,h]),g.style[d]=h)}C.transitionDuration&&da.push(ta);C.animationDuration&&da.push(ua);T=Date.now();var t=O+1.5*R;d=T+t;var h=a.data("$$animateCss")||[],H=!0;if(h.length){var s=h[0];(H=d>s.expectedEndTime)?J.cancel(s.timer):h.push(r)}H&&(t=J(c,t,!1),h[0]={timer:t,expectedEndTime:d},h.push(r),a.data("$$animateCss",h));if(da.length)a.on(da.join(" "),B);e.to&&(e.cleanupStyles&&Fa(G,g,Object.keys(e.to)),Aa(a,e))}}function c(){var b=a.data("$$animateCss");if(b){for(var d=1;d<b.length;d++)b[d]();
38 | a.removeData("$$animateCss")}}if(!l)if(g.parentNode){var d=function(a){if(ha)N&&a&&(N=!1,r());else if(N=!a,C.animationDuration)if(a=pa(g,N),N)y.push(a);else{var b=y,c=b.indexOf(a);0<=a&&b.splice(c,1)}},h=0<Y&&(C.transitionDuration&&0===V.transitionDuration||C.animationDuration&&0===V.animationDuration)&&Math.max(V.animationDelay,V.transitionDelay);h?J(b,Math.floor(h*Y*1E3),!1):b();I.resume=function(){d(!0)};I.pause=function(){d(!1)}}else r()}var e=c||{};e.$$prepared||(e=la(Ga(e)));var G={},g=F(a);
39 | if(!g||!g.parentNode||!h.enabled())return t();var y=[],Q=a.attr("class"),s=La(e),l,N,ha,E,I,n,O,K,R,T,da=[];if(0===e.duration||!D.animations&&!D.transitions)return t();var ga=e.event&&aa(e.event)?e.event.join(" "):e.event,U="",M="";ga&&e.structural?U=W(ga,"ng-",!0):ga&&(U=ga);e.addClass&&(M+=W(e.addClass,"-add"));e.removeClass&&(M.length&&(M+=" "),M+=W(e.removeClass,"-remove"));e.applyClassesEarly&&M.length&&k(a,e);var ca=[U,M].join(" ").trim(),ka=Q+" "+ca,ba=W(ca,"-active"),Q=s.to&&0<Object.keys(s.to).length;
40 | if(!(0<(e.keyframeStyle||"").length||Q||ca))return t();var fa,V;0<e.stagger?(s=parseFloat(e.stagger),V={transitionDelay:s,animationDelay:s,transitionDuration:0,animationDuration:0}):(fa=Ia(g,ka),V=x(g,ca,fa,Ta));e.$$skipPreparationClasses||f.addClass(a,ca);e.transitionStyle&&(s=[S,e.transitionStyle],ia(g,s),y.push(s));0<=e.duration&&(s=0<g.style[S].length,s=Da(e.duration,s),ia(g,s),y.push(s));e.keyframeStyle&&(s=[X,e.keyframeStyle],ia(g,s),y.push(s));var Y=V?0<=e.staggerIndex?e.staggerIndex:b.count(fa):
41 | 0;(ga=0===Y)&&!e.skipBlocking&&ma(g,9999);var C=v(g,ka,fa),Z=C.maxDelay;n=Math.max(Z,0);K=C.maxDuration;var p={};p.hasTransitions=0<C.transitionDuration;p.hasAnimations=0<C.animationDuration;p.hasTransitionAll=p.hasTransitions&&"all"==C.transitionProperty;p.applyTransitionDuration=Q&&(p.hasTransitions&&!p.hasTransitionAll||p.hasAnimations&&!p.hasTransitions);p.applyAnimationDuration=e.duration&&p.hasAnimations;p.applyTransitionDelay=qa(e.delay)&&(p.applyTransitionDuration||p.hasTransitions);p.applyAnimationDelay=
42 | qa(e.delay)&&p.hasAnimations;p.recalculateTimingStyles=0<M.length;if(p.applyTransitionDuration||p.applyAnimationDuration)K=e.duration?parseFloat(e.duration):K,p.applyTransitionDuration&&(p.hasTransitions=!0,C.transitionDuration=K,s=0<g.style[S+"Property"].length,y.push(Da(K,s))),p.applyAnimationDuration&&(p.hasAnimations=!0,C.animationDuration=K,y.push([va,K+"s"]));if(0===K&&!p.recalculateTimingStyles)return t();if(null!=e.delay){var $;"boolean"!==typeof e.delay&&($=parseFloat(e.delay),n=Math.max($,
43 | 0));p.applyTransitionDelay&&y.push([ja,$+"s"]);p.applyAnimationDelay&&y.push([na,$+"s"])}null==e.duration&&0<C.transitionDuration&&(p.recalculateTimingStyles=p.recalculateTimingStyles||ga);O=1E3*n;R=1E3*K;e.skipBlocking||(p.blockTransition=0<C.transitionDuration,p.blockKeyframeAnimation=0<C.animationDuration&&0<V.animationDelay&&0===V.animationDuration);e.from&&(e.cleanupStyles&&Fa(G,g,Object.keys(e.from)),za(a,e));p.blockTransition||p.blockKeyframeAnimation?A(K):e.skipBlocking||ma(g,!1);return{$$willAnimate:!0,
44 | end:d,start:function(){if(!l)return I={end:d,cancel:q,resume:null,pause:null},E=new m(I),z(H),E}}}}]}]).provider("$$animateCssDriver",["$$animationProvider",function(a){a.drivers.push("$$animateCssDriver");this.$get=["$animateCss","$rootScope","$$AnimateRunner","$rootElement","$sniffer","$$jqLite","$document",function(a,c,d,f,m,J,l){function D(a){return a.replace(/\bng-\S+\b/g,"")}function Q(a,b){R(a)&&(a=a.split(" "));R(b)&&(b=b.split(" "));return a.filter(function(a){return-1===b.indexOf(a)}).join(" ")}
45 | function h(c,f,h){function m(a){var b={},c=F(a).getBoundingClientRect();u(["width","height","top","left"],function(a){var d=c[a];switch(a){case "top":d+=z.scrollTop;break;case "left":d+=z.scrollLeft}b[a]=Math.floor(d)+"px"});return b}function l(){var c=D(h.attr("class")||""),d=Q(c,r),c=Q(r,c),d=a(q,{to:m(h),addClass:"ng-anchor-in "+d,removeClass:"ng-anchor-out "+c,delay:!0});return d.$$willAnimate?d:null}function J(){q.remove();f.removeClass("ng-animate-shim");h.removeClass("ng-animate-shim")}var q=
46 | I(F(f).cloneNode(!0)),r=D(q.attr("class")||"");f.addClass("ng-animate-shim");h.addClass("ng-animate-shim");q.addClass("ng-anchor");v.append(q);var A;c=function(){var c=a(q,{addClass:"ng-anchor-out",delay:!0,from:m(f)});return c.$$willAnimate?c:null}();if(!c&&(A=l(),!A))return J();var t=c||A;return{start:function(){function a(){c&&c.end()}var b,c=t.start();c.done(function(){c=null;if(!A&&(A=l()))return c=A.start(),c.done(function(){c=null;J();b.complete()}),c;J();b.complete()});return b=new d({end:a,
47 | cancel:a})}}}function E(a,b,c,f){var m=x(a,P),D=x(b,P),q=[];u(f,function(a){(a=h(c,a.out,a["in"]))&&q.push(a)});if(m||D||0!==q.length)return{start:function(){function a(){u(b,function(a){a.end()})}var b=[];m&&b.push(m.start());D&&b.push(D.start());u(q,function(a){b.push(a.start())});var c=new d({end:a,cancel:a});d.all(b,function(a){c.complete(a)});return c}}}function x(c){var d=c.element,f=c.options||{};c.structural&&(f.event=c.event,f.structural=!0,f.applyClassesEarly=!0,"leave"===c.event&&(f.onDone=
48 | f.domOperation));f.preparationClasses&&(f.event=ba(f.event,f.preparationClasses));c=a(d,f);return c.$$willAnimate?c:null}if(!m.animations&&!m.transitions)return P;var z=l[0].body;c=F(f);var v=I(c.parentNode&&11===c.parentNode.nodeType||z.contains(c)?c:z);T(J);return function(a){return a.from&&a.to?E(a.from,a.to,a.classes,a.anchors):x(a)}}]}]).provider("$$animateJs",["$animateProvider",function(a){this.$get=["$injector","$$AnimateRunner","$$jqLite",function(b,c,d){function f(c){c=aa(c)?c:c.split(" ");
49 | for(var d=[],f={},m=0;m<c.length;m++){var h=c[m],l=a.$$registeredAnimations[h];l&&!f[h]&&(d.push(b.get(l)),f[h]=!0)}return d}var m=T(d);return function(a,b,d,l){function h(){l.domOperation();m(a,l)}function F(a,b,d,f,e){switch(d){case "animate":b=[b,f.from,f.to,e];break;case "setClass":b=[b,k,E,e];break;case "addClass":b=[b,k,e];break;case "removeClass":b=[b,E,e];break;default:b=[b,e]}b.push(f);if(a=a.apply(a,b))if(Ha(a.start)&&(a=a.start()),a instanceof c)a.done(e);else if(Ha(a))return a;return P}
50 | function x(a,b,d,f,e){var h=[];u(f,function(f){var k=f[e];k&&h.push(function(){var e,f,g=!1,h=function(a){g||(g=!0,(f||P)(a),e.complete(!a))};e=new c({end:function(){h()},cancel:function(){h(!0)}});f=F(k,a,b,d,function(a){h(!1===a)});return e})});return h}function z(a,b,d,f,e){var h=x(a,b,d,f,e);if(0===h.length){var g,k;"beforeSetClass"===e?(g=x(a,"removeClass",d,f,"beforeRemoveClass"),k=x(a,"addClass",d,f,"beforeAddClass")):"setClass"===e&&(g=x(a,"removeClass",d,f,"removeClass"),k=x(a,"addClass",
51 | d,f,"addClass"));g&&(h=h.concat(g));k&&(h=h.concat(k))}if(0!==h.length)return function(a){var b=[];h.length&&u(h,function(a){b.push(a())});b.length?c.all(b,a):a();return function(a){u(b,function(b){a?b.cancel():b.end()})}}}var v=!1;3===arguments.length&&ra(d)&&(l=d,d=null);l=la(l);d||(d=a.attr("class")||"",l.addClass&&(d+=" "+l.addClass),l.removeClass&&(d+=" "+l.removeClass));var k=l.addClass,E=l.removeClass,y=f(d),w,I;if(y.length){var L,q;"leave"==b?(q="leave",L="afterLeave"):(q="before"+b.charAt(0).toUpperCase()+
52 | b.substr(1),L=b);"enter"!==b&&"move"!==b&&(w=z(a,b,l,y,q));I=z(a,b,l,y,L)}if(w||I){var r;return{$$willAnimate:!0,end:function(){r?r.end():(v=!0,h(),ea(a,l),r=new c,r.complete(!0));return r},start:function(){function b(c){v=!0;h();ea(a,l);r.complete(c)}if(r)return r;r=new c;var d,f=[];w&&f.push(function(a){d=w(a)});f.length?f.push(function(a){h();a(!0)}):h();I&&f.push(function(a){d=I(a)});r.setHost({end:function(){v||((d||P)(void 0),b(void 0))},cancel:function(){v||((d||P)(!0),b(!0))}});c.chain(f,
53 | b);return r}}}}}]}]).provider("$$animateJsDriver",["$$animationProvider",function(a){a.drivers.push("$$animateJsDriver");this.$get=["$$animateJs","$$AnimateRunner",function(a,c){function d(c){return a(c.element,c.event,c.classes,c.options)}return function(a){if(a.from&&a.to){var b=d(a.from),l=d(a.to);if(b||l)return{start:function(){function a(){return function(){u(d,function(a){a.end()})}}var d=[];b&&d.push(b.start());l&&d.push(l.start());c.all(d,function(a){f.complete(a)});var f=new c({end:a(),cancel:a()});
54 | return f}}}else return d(a)}}]}])})(window,window.angular);
55 | //# sourceMappingURL=angular-animate.min.js.map
56 | 


--------------------------------------------------------------------------------
/js/angular-route.min.js:
--------------------------------------------------------------------------------
 1 | /*
 2 |  AngularJS v1.4.9
 3 |  (c) 2010-2015 Google, Inc. http://angularjs.org
 4 |  License: MIT
 5 | */
 6 | (function(p,c,C){'use strict';function v(r,h,g){return{restrict:"ECA",terminal:!0,priority:400,transclude:"element",link:function(a,f,b,d,y){function z(){k&&(g.cancel(k),k=null);l&&(l.$destroy(),l=null);m&&(k=g.leave(m),k.then(function(){k=null}),m=null)}function x(){var b=r.current&&r.current.locals;if(c.isDefined(b&&b.$template)){var b=a.$new(),d=r.current;m=y(b,function(b){g.enter(b,null,m||f).then(function(){!c.isDefined(t)||t&&!a.$eval(t)||h()});z()});l=d.scope=b;l.$emit("$viewContentLoaded");
 7 | l.$eval(w)}else z()}var l,m,k,t=b.autoscroll,w=b.onload||"";a.$on("$routeChangeSuccess",x);x()}}}function A(c,h,g){return{restrict:"ECA",priority:-400,link:function(a,f){var b=g.current,d=b.locals;f.html(d.$template);var y=c(f.contents());b.controller&&(d.$scope=a,d=h(b.controller,d),b.controllerAs&&(a[b.controllerAs]=d),f.data("$ngControllerController",d),f.children().data("$ngControllerController",d));y(a)}}}p=c.module("ngRoute",["ng"]).provider("$route",function(){function r(a,f){return c.extend(Object.create(a),
 8 | f)}function h(a,c){var b=c.caseInsensitiveMatch,d={originalPath:a,regexp:a},g=d.keys=[];a=a.replace(/([().])/g,"\\$1").replace(/(\/)?:(\w+)([\?\*])?/g,function(a,c,b,d){a="?"===d?d:null;d="*"===d?d:null;g.push({name:b,optional:!!a});c=c||"";return""+(a?"":c)+"(?:"+(a?c:"")+(d&&"(.+?)"||"([^/]+)")+(a||"")+")"+(a||"")}).replace(/([\/$\*])/g,"\\$1");d.regexp=new RegExp("^"+a+"$",b?"i":"");return d}var g={};this.when=function(a,f){var b=c.copy(f);c.isUndefined(b.reloadOnSearch)&&(b.reloadOnSearch=!0);
 9 | c.isUndefined(b.caseInsensitiveMatch)&&(b.caseInsensitiveMatch=this.caseInsensitiveMatch);g[a]=c.extend(b,a&&h(a,b));if(a){var d="/"==a[a.length-1]?a.substr(0,a.length-1):a+"/";g[d]=c.extend({redirectTo:a},h(d,b))}return this};this.caseInsensitiveMatch=!1;this.otherwise=function(a){"string"===typeof a&&(a={redirectTo:a});this.when(null,a);return this};this.$get=["$rootScope","$location","$routeParams","$q","$injector","$templateRequest","$sce",function(a,f,b,d,h,p,x){function l(b){var e=s.current;
10 | (v=(n=k())&&e&&n.$$route===e.$$route&&c.equals(n.pathParams,e.pathParams)&&!n.reloadOnSearch&&!w)||!e&&!n||a.$broadcast("$routeChangeStart",n,e).defaultPrevented&&b&&b.preventDefault()}function m(){var u=s.current,e=n;if(v)u.params=e.params,c.copy(u.params,b),a.$broadcast("$routeUpdate",u);else if(e||u)w=!1,(s.current=e)&&e.redirectTo&&(c.isString(e.redirectTo)?f.path(t(e.redirectTo,e.params)).search(e.params).replace():f.url(e.redirectTo(e.pathParams,f.path(),f.search())).replace()),d.when(e).then(function(){if(e){var a=
11 | c.extend({},e.resolve),b,f;c.forEach(a,function(b,e){a[e]=c.isString(b)?h.get(b):h.invoke(b,null,null,e)});c.isDefined(b=e.template)?c.isFunction(b)&&(b=b(e.params)):c.isDefined(f=e.templateUrl)&&(c.isFunction(f)&&(f=f(e.params)),c.isDefined(f)&&(e.loadedTemplateUrl=x.valueOf(f),b=p(f)));c.isDefined(b)&&(a.$template=b);return d.all(a)}}).then(function(f){e==s.current&&(e&&(e.locals=f,c.copy(e.params,b)),a.$broadcast("$routeChangeSuccess",e,u))},function(b){e==s.current&&a.$broadcast("$routeChangeError",
12 | e,u,b)})}function k(){var a,b;c.forEach(g,function(d,g){var q;if(q=!b){var h=f.path();q=d.keys;var l={};if(d.regexp)if(h=d.regexp.exec(h)){for(var k=1,m=h.length;k<m;++k){var n=q[k-1],p=h[k];n&&p&&(l[n.name]=p)}q=l}else q=null;else q=null;q=a=q}q&&(b=r(d,{params:c.extend({},f.search(),a),pathParams:a}),b.$$route=d)});return b||g[null]&&r(g[null],{params:{},pathParams:{}})}function t(a,b){var d=[];c.forEach((a||"").split(":"),function(a,c){if(0===c)d.push(a);else{var f=a.match(/(\w+)(?:[?*])?(.*)/),
13 | g=f[1];d.push(b[g]);d.push(f[2]||"");delete b[g]}});return d.join("")}var w=!1,n,v,s={routes:g,reload:function(){w=!0;a.$evalAsync(function(){l();m()})},updateParams:function(a){if(this.current&&this.current.$$route)a=c.extend({},this.current.params,a),f.path(t(this.current.$$route.originalPath,a)),f.search(a);else throw B("norout");}};a.$on("$locationChangeStart",l);a.$on("$locationChangeSuccess",m);return s}]});var B=c.$$minErr("ngRoute");p.provider("$routeParams",function(){this.$get=function(){return{}}});
14 | p.directive("ngView",v);p.directive("ngView",A);v.$inject=["$route","$anchorScroll","$animate"];A.$inject=["$compile","$controller","$route"]})(window,window.angular);
15 | //# sourceMappingURL=angular-route.min.js.map
16 | 


--------------------------------------------------------------------------------
/js/dialog.js:
--------------------------------------------------------------------------------
 1 | function dialogCtrl($scope) {
 2 |     $scope.isShowDialog1 = false; //是否显示对话框1
 3 |     $scope.isShowDialog2 = false; //是否显示对话框2
 4 | 
 5 |     $scope.showDialog1 = function() {
 6 |         $scope.isShowDialog1 = true;
 7 |         $scope.isShowDialog2 = false;
 8 |     }
 9 | 
10 |     $scope.showDialog2 = function() {
11 |         $scope.isShowDialog1 = false;
12 |         $scope.isShowDialog2 = true;
13 |     }
14 | 
15 |     $scope.btnCancel = function() {
16 |         $scope.isShowDialog1 = false;
17 |     }
18 | 
19 |     $scope.btnOk = function() {
20 |         $scope.isShowDialog1 = $scope.isShowDialog2 = false;
21 |     }
22 | }
23 | 


--------------------------------------------------------------------------------
/js/example.js:
--------------------------------------------------------------------------------
 1 | angular.module('weuiapp', ['ngRoute'])
 2 |     .config(function($routeProvider) {
 3 |         //路由配置
 4 |         $routeProvider
 5 |             .when('/', {
 6 |                 controller: 'homeCtrl',
 7 |                 templateUrl: 'home.html'
 8 |             })
 9 |             .when('/button', {
10 |                 controller: 'buttonCtrl',
11 |                 templateUrl: 'button.html'
12 |             })
13 |             .when('/cell', {
14 |                 controller: 'cellCtrl',
15 |                 templateUrl: 'cell.html'
16 |             })
17 |             .when('/toast', {
18 |                 controller: 'toastCtrl',
19 |                 templateUrl: 'toast.html'
20 |             })
21 |             .when('/dialog', {
22 |                 controller: 'dialogCtrl',
23 |                 templateUrl: 'dialog.html'
24 |             })
25 |             .when('/progress', {
26 |                 controller: 'progressCtrl',
27 |                 templateUrl: 'progress.html'
28 |             })
29 |             .when('/msg', {
30 |                 controller: 'msgCtrl',
31 |                 templateUrl: 'msg.html'
32 |             })
33 |             .when('/article', {
34 |                 controller: 'articleCtrl',
35 |                 templateUrl: 'article.html'
36 |             })
37 |             .when('/actionsheet', {
38 |                 controller: 'actionsheetCtrl',
39 |                 templateUrl: 'actionsheet.html'
40 |             })
41 |             .when('/icons', {
42 |                 controller: 'iconsCtrl',
43 |                 templateUrl: 'icons.html'
44 |             })
45 |             .when('/panel', {
46 |                 controller: 'panelCtrl',
47 |                 templateUrl: 'panel.html'
48 |             })
49 |             .when('/tab', {
50 |                 controller: 'tabCtrl',
51 |                 templateUrl: 'tab.html'
52 |             })
53 |             .when('/navbar', {
54 |                 controller: 'navbarCtrl',
55 |                 templateUrl: 'navbar.html'
56 |             })
57 |             .when('/tabbar', {
58 |                 controller: 'tabbarCtrl',
59 |                 templateUrl: 'tabbar.html'
60 |             })
61 |             .when('/searchbar', {
62 |                 controller: 'searchbarCtrl',
63 |                 templateUrl: 'searchbar.html'
64 |             })
65 |             .otherwise({
66 |                 redirectTo: '/'
67 |             });
68 | 
69 | 
70 |     })
71 |     .controller('homeCtrl', function($scope) {
72 |         //初始化ngView的样式为不可见
73 |         $scope.viewStyle = {
74 |             left: '200%',
75 |             height: 0,
76 |             width: 0
77 |         };
78 | 
79 |         $scope.showBlock = function() {
80 |             //设置ngView的样式可见
81 |             $scope.viewStyle = {
82 |                 left: 0,
83 |                 height: '100%',
84 |                 width: '100%'
85 |             };
86 |         }
87 |     })
88 |     //增加toast控件控制器
89 |     .controller('toastCtrl', ['$scope', '$interval', toastCtrl])
90 |     //增加dialog控件控制器
91 |     .controller('dialogCtrl', ['$scope', dialogCtrl])
92 |     //增加progress控件控制器
93 |     .controller('progressCtrl', ['$scope', progressCtrl])
94 |     //增加actionsheet控件控制器
95 |     .controller('actionsheetCtrl', ['$scope', actionsheetCtrl])
96 |     //增加searchbar控件控制器
97 |     .controller('searchbarCtrl', ['$scope', searchbarCtrl]);
98 | 


--------------------------------------------------------------------------------
/js/progress.js:
--------------------------------------------------------------------------------
 1 | function progressCtrl($scope) {
 2 |     $scope.progress1 = { width: '0%' }; //进度条的宽度
 3 |     $scope.progress2 = { width: '30%' };
 4 |     $scope.progress3 = { width: '80%' };
 5 | 
 6 |     $scope.btnStartProgress = function() {
 7 |         $scope.progress1 = { width: '100%' };
 8 |         $scope.progress2 = { width: '100%' };
 9 |         $scope.progress3 = { width: '100%' };
10 |     }
11 | }
12 | 


--------------------------------------------------------------------------------
/js/searchbar.js:
--------------------------------------------------------------------------------
 1 | function searchbarCtrl($scope) {
 2 |     $scope.focusing = ''; //获得焦点时增加样式weui_search_focusing
 3 |     $scope.isSearchShow = false; //是否显示搜索框的下拉列表
 4 |     $scope.searchInput = ''; //搜索内容清空
 5 |     $scope.searchText = true; //是否显示默认状态下的搜索条样式
 6 | 
 7 |     $scope.searchClickEvent = function() {
 8 |         $scope.searchText = false;
 9 |         document.getElementById('searchInput').focus();
10 |     }
11 | 
12 |     $scope.searchFocusEvent = function() {
13 |         $scope.focusing = 'weui_search_focusing';
14 |     }
15 | 
16 |     $scope.searchBlurEvent = function() {
17 |         $scope.searchText = true;
18 |         $scope.isSearchShow = false;
19 |         $scope.focusing = '';
20 |         $scope.searchInput = '';
21 |     }
22 | 
23 |     $scope.searchKeyupEvent = function() {
24 |         if ($scope.searchInput) {
25 |             $scope.isSearchShow = true;
26 |         } else {
27 |             $scope.isSearchShow = false;
28 |         }
29 |     }
30 | }
31 | 


--------------------------------------------------------------------------------
/js/toast.js:
--------------------------------------------------------------------------------
 1 | //toast控制器
 2 | function toastCtrl($scope, $interval) {
 3 |     $scope.toastHide = 0; //是否显示样式一
 4 |     $scope.loadingToastHide = 0; //是否显示样式二
 5 | 
 6 |     $scope.showToast = function() {
 7 |         $scope.toastHide = 1;
 8 | 
 9 |         //显示3秒后消失
10 |         $interval(function() {
11 |             $scope.toastHide = 0;
12 |         }, 3000, 1);
13 |     }
14 | 
15 |     $scope.showLoadingToast = function() {
16 |         $scope.loadingToastHide = 1;
17 | 
18 |         //显示3秒后消失
19 |         $interval(function() {
20 |             $scope.loadingToastHide = 0;
21 |         }, 3000, 1);
22 |     }
23 | }
24 | 


--------------------------------------------------------------------------------
/msg.html:
--------------------------------------------------------------------------------
 1 | <div class="page">
 2 |     <div class="weui_msg">
 3 |         <div class="weui_icon_area"><i class="weui_icon_success weui_icon_msg"></i></div>
 4 |         <div class="weui_text_area">
 5 |             <h2 class="weui_msg_title">操作成功</h2>
 6 |             <p class="weui_msg_desc">内容详情，可根据实际需要安排</p>
 7 |         </div>
 8 |         <div class="weui_opr_area">
 9 |             <p class="weui_btn_area">
10 |                 <a href="javascript:;" class="weui_btn weui_btn_primary">确定</a>
11 |                 <a href="javascript:;" class="weui_btn weui_btn_default">取消</a>
12 |             </p>
13 |         </div>
14 |         <div class="weui_extra_area">
15 |             <a href="javascript:;">查看详情</a>
16 |         </div>
17 |     </div>
18 | </div>
19 | 


--------------------------------------------------------------------------------
/navbar.html:
--------------------------------------------------------------------------------
 1 | <div class="page">
 2 |     <div class="bd" style="height: 100%;">
 3 |         <div class="weui_tab">
 4 |             <div class="weui_navbar">
 5 |                 <div class="weui_navbar_item weui_bar_item_on">
 6 |                     选项一
 7 |                 </div>
 8 |                 <div class="weui_navbar_item">
 9 |                     选项二
10 |                 </div>
11 |                 <div class="weui_navbar_item">
12 |                     选项三
13 |                 </div>
14 |             </div>
15 |             <div class="weui_tab_bd">
16 |             </div>
17 |         </div>
18 |     </div>
19 | </div>
20 | 


--------------------------------------------------------------------------------
/panel.html:
--------------------------------------------------------------------------------
 1 | <div class="page">
 2 |     <div class="hd">
 3 |         <h1 class="page_title">Panel</h1>
 4 |     </div>
 5 |     <div class="bd">
 6 |         <div class="weui_panel weui_panel_access">
 7 |             <div class="weui_panel_hd">图文组合列表</div>
 8 |             <div class="weui_panel_bd">
 9 |                 <a href="javascript:void(0);" class="weui_media_box weui_media_appmsg">
10 |                     <div class="weui_media_hd">
11 |                         <img class="weui_media_appmsg_thumb" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAMAAAAOusbgAAAAeFBMVEUAwAD///+U5ZTc9twOww7G8MYwzDCH4YcfyR9x23Hw+/DY9dhm2WZG0kbT9NP0/PTL8sux7LFe115T1VM+zz7i+OIXxhes6qxr2mvA8MCe6J6M4oz6/frr+us5zjn2/fa67rqB4IF13XWn6ad83nxa1loqyirn+eccHxx4AAAC/klEQVRo3u2W2ZKiQBBF8wpCNSCyLwri7v//4bRIFVXoTBBB+DAReV5sG6lTXDITiGEYhmEYhmEYhmEYhmEY5v9i5fsZGRx9PyGDne8f6K9cfd+mKXe1yNG/0CcqYE86AkBMBh66f20deBc7wA/1WFiTwvSEpBMA2JJOBsSLxe/4QEEaJRrASP8EVF8Q74GbmevKg0saa0B8QbwBdjRyADYxIhqxAZ++IKYtciPXLQVG+imw+oo4Bu56rjEJ4GYsvPmKOAB+xlz7L5aevqUXuePWVhvWJ4eWiwUQ67mK51qPj4dFDMlRLBZTqF3SDvmr4BwtkECu5gHWPkmDfQh02WLxXuvbvC8ku8F57GsI5e0CmUwLz1kq3kD17R1In5816rGvQ5VMk5FEtIiWislTffuDpl/k/PzscdQsv8r9qWq4LRWX6tQYtTxvI3XyrwdyQxChXioOngH3dLgOFjk0all56XRi/wDFQrGQU3Os5t0wJu1GNtNKHdPqYaGYQuRDfbfDf26AGLYSyGS3ZAK4S8XuoAlxGSdYMKwqZKM9XJMtyqXi7HX/CiAZS6d8bSVUz5J36mEMFDTlAFQzxOT1dzLRljjB6+++ejFqka+mXIe6F59mw22OuOw1F4T6lg/9VjL1rLDoI9Xzl1MSYDNHnPQnt3D1EE7PrXjye/3pVpr1Z45hMUdcACc5NVQI0bOdS1WA0wuz73e7/5TNqBPhQXPEFGJNV2zNqWI7QKBd2Gn6AiBko02zuAOXeWIXjV0jNqdKegaE/kJQ6Bfs4aju04lMLkA2T5wBSYPKDGF3RKhFYEa6A1L1LG2yacmsaZ6YPOSAMKNsO+N5dNTfkc5Aqe26uxHpx7ZirvgCwJpWq/lmX1hA7LyabQ34tt5RiJKXSwQ+0KU0V5xg+hZrd4Bn1n4EID+WkQdgLfRNtvil9SPfwy+WQ7PFBWQz6dGWZBLkeJFXZGCfLUjCgGgqXo5TuSu3cugdcTv/HjqnBTEMwzAMwzAMwzAMwzAMw/zf/AFbXiOA6frlMAAAAABJRU5ErkJggg==" alt="">
12 |                     </div>
13 |                     <div class="weui_media_bd">
14 |                         <h4 class="weui_media_title">标题一</h4>
15 |                         <p class="weui_media_desc">由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自己的运行轨道。</p>
16 |                     </div>
17 |                 </a>
18 |                 <a href="javascript:void(0);" class="weui_media_box weui_media_appmsg">
19 |                     <div class="weui_media_hd">
20 |                         <img class="weui_media_appmsg_thumb" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAMAAAAOusbgAAAAeFBMVEUAwAD///+U5ZTc9twOww7G8MYwzDCH4YcfyR9x23Hw+/DY9dhm2WZG0kbT9NP0/PTL8sux7LFe115T1VM+zz7i+OIXxhes6qxr2mvA8MCe6J6M4oz6/frr+us5zjn2/fa67rqB4IF13XWn6ad83nxa1loqyirn+eccHxx4AAAC/klEQVRo3u2W2ZKiQBBF8wpCNSCyLwri7v//4bRIFVXoTBBB+DAReV5sG6lTXDITiGEYhmEYhmEYhmEYhmEY5v9i5fsZGRx9PyGDne8f6K9cfd+mKXe1yNG/0CcqYE86AkBMBh66f20deBc7wA/1WFiTwvSEpBMA2JJOBsSLxe/4QEEaJRrASP8EVF8Q74GbmevKg0saa0B8QbwBdjRyADYxIhqxAZ++IKYtciPXLQVG+imw+oo4Bu56rjEJ4GYsvPmKOAB+xlz7L5aevqUXuePWVhvWJ4eWiwUQ67mK51qPj4dFDMlRLBZTqF3SDvmr4BwtkECu5gHWPkmDfQh02WLxXuvbvC8ku8F57GsI5e0CmUwLz1kq3kD17R1In5816rGvQ5VMk5FEtIiWislTffuDpl/k/PzscdQsv8r9qWq4LRWX6tQYtTxvI3XyrwdyQxChXioOngH3dLgOFjk0all56XRi/wDFQrGQU3Os5t0wJu1GNtNKHdPqYaGYQuRDfbfDf26AGLYSyGS3ZAK4S8XuoAlxGSdYMKwqZKM9XJMtyqXi7HX/CiAZS6d8bSVUz5J36mEMFDTlAFQzxOT1dzLRljjB6+++ejFqka+mXIe6F59mw22OuOw1F4T6lg/9VjL1rLDoI9Xzl1MSYDNHnPQnt3D1EE7PrXjye/3pVpr1Z45hMUdcACc5NVQI0bOdS1WA0wuz73e7/5TNqBPhQXPEFGJNV2zNqWI7QKBd2Gn6AiBko02zuAOXeWIXjV0jNqdKegaE/kJQ6Bfs4aju04lMLkA2T5wBSYPKDGF3RKhFYEa6A1L1LG2yacmsaZ6YPOSAMKNsO+N5dNTfkc5Aqe26uxHpx7ZirvgCwJpWq/lmX1hA7LyabQ34tt5RiJKXSwQ+0KU0V5xg+hZrd4Bn1n4EID+WkQdgLfRNtvil9SPfwy+WQ7PFBWQz6dGWZBLkeJFXZGCfLUjCgGgqXo5TuSu3cugdcTv/HjqnBTEMwzAMwzAMwzAMwzAMw/zf/AFbXiOA6frlMAAAAABJRU5ErkJggg==" alt="">
21 |                     </div>
22 |                     <div class="weui_media_bd">
23 |                         <h4 class="weui_media_title">标题二</h4>
24 |                         <p class="weui_media_desc">由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自己的运行轨道。</p>
25 |                     </div>
26 |                 </a>
27 |             </div>
28 |             <a class="weui_panel_ft" href="javascript:void(0);">查看更多</a>
29 |         </div>
30 |         <div class="weui_panel weui_panel_access">
31 |             <div class="weui_panel_hd">文字组合列表</div>
32 |             <div class="weui_panel_bd">
33 |                 <div class="weui_media_box weui_media_text">
34 |                     <h4 class="weui_media_title">标题一</h4>
35 |                     <p class="weui_media_desc">由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自己的运行轨道。</p>
36 |                 </div>
37 |                 <div class="weui_media_box weui_media_text">
38 |                     <h4 class="weui_media_title">标题二</h4>
39 |                     <p class="weui_media_desc">由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自己的运行轨道。</p>
40 |                 </div>
41 |             </div>
42 |             <a href="javascript:void(0);" class="weui_panel_ft">查看更多</a>
43 |         </div>
44 |         <div class="weui_panel">
45 |             <div class="weui_panel_hd">小图文组合列表</div>
46 |             <div class="weui_panel_bd">
47 |                 <div class="weui_media_box weui_media_small_appmsg">
48 |                     <div class="weui_cells weui_cells_access">
49 |                         <a class="weui_cell" href="javascript:;">
50 |                             <div class="weui_cell_hd"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAMAAABgZ9sFAAAAVFBMVEXx8fHMzMzr6+vn5+fv7+/t7e3d3d2+vr7W1tbHx8eysrKdnZ3p6enk5OTR0dG7u7u3t7ejo6PY2Njh4eHf39/T09PExMSvr6+goKCqqqqnp6e4uLgcLY/OAAAAnklEQVRIx+3RSRLDIAxE0QYhAbGZPNu5/z0zrXHiqiz5W72FqhqtVuuXAl3iOV7iPV/iSsAqZa9BS7YOmMXnNNX4TWGxRMn3R6SxRNgy0bzXOW8EBO8SAClsPdB3psqlvG+Lw7ONXg/pTld52BjgSSkA3PV2OOemjIDcZQWgVvONw60q7sIpR38EnHPSMDQ4MjDjLPozhAkGrVbr/z0ANjAF4AcbXmYAAAAASUVORK5CYII=" alt="" style="width:20px;margin-right:5px;display:block"></div>
51 |                             <div class="weui_cell_bd weui_cell_primary">
52 |                                 <p>文字标题</p>
53 |                             </div>
54 |                             <span class="weui_cell_ft"></span>
55 |                         </a>
56 |                         <a class="weui_cell" href="javascript:;">
57 |                             <div class="weui_cell_hd"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAMAAABgZ9sFAAAAVFBMVEXx8fHMzMzr6+vn5+fv7+/t7e3d3d2+vr7W1tbHx8eysrKdnZ3p6enk5OTR0dG7u7u3t7ejo6PY2Njh4eHf39/T09PExMSvr6+goKCqqqqnp6e4uLgcLY/OAAAAnklEQVRIx+3RSRLDIAxE0QYhAbGZPNu5/z0zrXHiqiz5W72FqhqtVuuXAl3iOV7iPV/iSsAqZa9BS7YOmMXnNNX4TWGxRMn3R6SxRNgy0bzXOW8EBO8SAClsPdB3psqlvG+Lw7ONXg/pTld52BjgSSkA3PV2OOemjIDcZQWgVvONw60q7sIpR38EnHPSMDQ4MjDjLPozhAkGrVbr/z0ANjAF4AcbXmYAAAAASUVORK5CYII=" alt="" style="width:20px;margin-right:5px;display:block"></div>
58 |                             <div class="weui_cell_bd weui_cell_primary">
59 |                                 <p>文字标题</p>
60 |                             </div>
61 |                             <span class="weui_cell_ft"></span>
62 |                         </a>
63 |                     </div>
64 |                 </div>
65 |             </div>
66 |         </div>
67 |         <div class="weui_panel">
68 |             <div class="weui_panel_hd">文字列表附来源</div>
69 |             <div class="weui_panel_bd">
70 |                 <div class="weui_media_box weui_media_text">
71 |                     <h4 class="weui_media_title">标题一</h4>
72 |                     <p class="weui_media_desc">由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自己的运行轨道。</p>
73 |                     <ul class="weui_media_info">
74 |                         <li class="weui_media_info_meta">文字来源</li>
75 |                         <li class="weui_media_info_meta">时间</li>
76 |                         <li class="weui_media_info_meta weui_media_info_meta_extra">其它信息</li>
77 |                     </ul>
78 |                 </div>
79 |             </div>
80 |         </div>
81 |     </div>
82 | </div>
83 | 


--------------------------------------------------------------------------------
/progress.html:
--------------------------------------------------------------------------------
 1 | <div class="page">
 2 |     <div class="hd">
 3 |         <h1 class="page_title">Progress</h1>
 4 |     </div>
 5 |     <div class="bd spacing">
 6 |         <div class="weui_progress">
 7 |             <div class="weui_progress_bar">
 8 |                 <div class="weui_progress_inner_bar js_progress" ng-style="progress1"></div>
 9 |             </div>
10 |             <a href="javascript:;" class="weui_progress_opr">
11 |                 <i class="weui_icon_cancel"></i>
12 |             </a>
13 |         </div>
14 |         <br>
15 |         <div class="weui_progress">
16 |             <div class="weui_progress_bar">
17 |                 <div class="weui_progress_inner_bar js_progress" ng-style="progress2"></div>
18 |             </div>
19 |             <a href="javascript:;" class="weui_progress_opr">
20 |                 <i class="weui_icon_cancel"></i>
21 |             </a>
22 |         </div>
23 |         <br>
24 |         <div class="weui_progress">
25 |             <div class="weui_progress_bar">
26 |                 <div class="weui_progress_inner_bar js_progress" ng-style="progress3"></div>
27 |             </div>
28 |             <a href="javascript:;" class="weui_progress_opr">
29 |                 <i class="weui_icon_cancel"></i>
30 |             </a>
31 |         </div>
32 |         <div class="weui_btn_area">
33 |             <a href="javascript:;" class="weui_btn weui_btn_primary" ng-click="btnStartProgress()">上传</a>
34 |         </div>
35 |     </div>
36 | </div>
37 | 


--------------------------------------------------------------------------------
/searchbar.html:
--------------------------------------------------------------------------------
 1 | <div class="page">
 2 |     <div class="hd">
 3 |         <h1 class="page_title">SearchBar</h1>
 4 |     </div>
 5 |     <div class="bd">
 6 |         <!--<a href="javascript:;" class="weui_btn weui_btn_primary">点击展现searchBar</a>-->
 7 |         <div ng-class="['weui_search_bar',focusing]">
 8 |             <form class="weui_search_outer">
 9 |                 <div class="weui_search_inner">
10 |                     <i class="weui_icon_search"></i>
11 |                     <input type="search" class="weui_search_input" placeholder="搜索" id="searchInput" ng-model="searchInput" ng-keyup="searchKeyupEvent()" ng-focus="searchFocusEvent()" ng-blur="searchBlurEvent()" />
12 |                     <a href="javascript:" class="weui_icon_clear" id="search_clear"></a>
13 |                 </div>
14 |                 <label for="search_input" class="weui_search_text" set-focus ng-if="searchText" ng-click="searchClickEvent()">
15 |                     <i class="weui_icon_search"></i>
16 |                     <span>搜索</span>
17 |                 </label>
18 |             </form>
19 |             <a href="javascript:" class="weui_search_cancel" ng-click="searchCancel()">取消</a>
20 |         </div>
21 |         <div class="weui_cells weui_cells_access search_show" ng-if="isSearchShow">
22 |             <div class="weui_cell">
23 |                 <div class="weui_cell_bd weui_cell_primary">
24 |                     <p>实时搜索文本</p>
25 |                 </div>
26 |             </div>
27 |             <div class="weui_cell">
28 |                 <div class="weui_cell_bd weui_cell_primary">
29 |                     <p>实时搜索文本</p>
30 |                 </div>
31 |             </div>
32 |             <div class="weui_cell">
33 |                 <div class="weui_cell_bd weui_cell_primary">
34 |                     <p>实时搜索文本</p>
35 |                 </div>
36 |             </div>
37 |             <div class="weui_cell">
38 |                 <div class="weui_cell_bd weui_cell_primary">
39 |                     <p>实时搜索文本</p>
40 |                 </div>
41 |             </div>
42 |         </div>
43 |     </div>
44 | </div>
45 | 


--------------------------------------------------------------------------------
/tab.html:
--------------------------------------------------------------------------------
 1 | <div class="page">
 2 |     <div class="hd">
 3 |         <h1 class="page_title">Tab</h1>
 4 |     </div>
 5 |     <div class="bd">
 6 |         <div class="weui_cells_title">Tab</div>
 7 |         <div class="weui_cells weui_cells_access">
 8 |             <a class="weui_cell js_tab" href="#/navbar" ng-click="showBlock()">
 9 |                 <div class="weui_cell_bd weui_cell_primary">
10 |                     <p>navbar</p>
11 |                 </div>
12 |                 <div class="weui_cell_ft">
13 |                 </div>
14 |             </a>
15 |             <a class="weui_cell js_tab" href="#/tabbar" ng-click="showBlock()">
16 |                 <div class="weui_cell_bd weui_cell_primary">
17 |                     <p>tabbar</p>
18 |                 </div>
19 |                 <div class="weui_cell_ft">
20 |                 </div>
21 |             </a>
22 |         </div>
23 |     </div>
24 | </div>
25 | 


--------------------------------------------------------------------------------
/tabbar.html:
--------------------------------------------------------------------------------
 1 | <div class="page">
 2 |     <div class="bd" style="height: 100%;">
 3 |         <div class="weui_tab">
 4 |             <div class="weui_tab_bd">
 5 |             </div>
 6 |             <div class="weui_tabbar">
 7 |                 <a href="javascript:;" class="weui_tabbar_item weui_bar_item_on">
 8 |                     <div class="weui_tabbar_icon">
 9 |                         <img src="./images/icon_nav_button.png" alt="">
10 |                     </div>
11 |                     <p class="weui_tabbar_label">微信</p>
12 |                 </a>
13 |                 <a href="javascript:;" class="weui_tabbar_item">
14 |                     <div class="weui_tabbar_icon">
15 |                         <img src="./images/icon_nav_msg.png" alt="">
16 |                     </div>
17 |                     <p class="weui_tabbar_label">通讯录</p>
18 |                 </a>
19 |                 <a href="javascript:;" class="weui_tabbar_item">
20 |                     <div class="weui_tabbar_icon">
21 |                         <img src="./images/icon_nav_article.png" alt="">
22 |                     </div>
23 |                     <p class="weui_tabbar_label">发现</p>
24 |                 </a>
25 |                 <a href="javascript:;" class="weui_tabbar_item">
26 |                     <div class="weui_tabbar_icon">
27 |                         <img src="./images/icon_nav_cell.png" alt="">
28 |                     </div>
29 |                     <p class="weui_tabbar_label">我</p>
30 |                 </a>
31 |             </div>
32 |         </div>
33 |     </div>
34 | </div>
35 | 


--------------------------------------------------------------------------------
/toast.html:
--------------------------------------------------------------------------------
 1 | <div class="page">
 2 |     <div class="hd">
 3 |         <h1 class="page_title">Toast</h1>
 4 |     </div>
 5 |     <div class="bd spacing">
 6 |         <a href="javascript:;" class="weui_btn weui_btn_primary" ng-click="showToast()">点击弹出Toast</a>
 7 |         <a href="javascript:;" class="weui_btn weui_btn_primary" ng-click="showLoadingToast()">点击弹出Loading Toast</a>
 8 |     </div>
 9 |     <!--BEGIN toast-->
10 |     <div id="toast" ng-if="toastHide" class="aweui-show">
11 |         <div class="weui_mask_transparent"></div>
12 |         <div class="weui_toast">
13 |             <i class="weui_icon_toast"></i>
14 |             <p class="weui_toast_content">已完成</p>
15 |         </div>
16 |     </div>
17 |     <!--end toast-->
18 |     <!-- loading toast -->
19 |     <div id="loadingToast" ng-if="loadingToastHide" class="weui_loading_toast aweui-show">
20 |         <div class="weui_mask_transparent"></div>
21 |         <div class="weui_toast">
22 |             <div class="weui_loading">
23 |                 <div class="weui_loading_leaf weui_loading_leaf_0"></div>
24 |                 <div class="weui_loading_leaf weui_loading_leaf_1"></div>
25 |                 <div class="weui_loading_leaf weui_loading_leaf_2"></div>
26 |                 <div class="weui_loading_leaf weui_loading_leaf_3"></div>
27 |                 <div class="weui_loading_leaf weui_loading_leaf_4"></div>
28 |                 <div class="weui_loading_leaf weui_loading_leaf_5"></div>
29 |                 <div class="weui_loading_leaf weui_loading_leaf_6"></div>
30 |                 <div class="weui_loading_leaf weui_loading_leaf_7"></div>
31 |                 <div class="weui_loading_leaf weui_loading_leaf_8"></div>
32 |                 <div class="weui_loading_leaf weui_loading_leaf_9"></div>
33 |                 <div class="weui_loading_leaf weui_loading_leaf_10"></div>
34 |                 <div class="weui_loading_leaf weui_loading_leaf_11"></div>
35 |             </div>
36 |             <p class="weui_toast_content">数据加载中</p>
37 |         </div>
38 |     </div>
39 | </div>
40 | 


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