PageSourceSearch

https://www.yufotemple.com/cfzn.html

html yufotemple.com collected 2026-10-02 07:52:55 UTC 34,203 bytes, 800 lines download raw bytes

1<!DOCTYPE html>
2
3<!--
4  ~ Copyright 2018-2019 Yufo Temple, The Yufo Temple Website Project
5  -->
6<html lang="zh-CN">
7<head>
8  <title>参访指南 - 上海玉佛禅寺</title>
9  <meta charset="utf-8">
10  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
11<meta name="description" content="玉佛寺位于上海市普陀区安远路170号,因寺内主要供奉玉佛而得名,因其属于禅宗临济法系,修习禅法,故又名玉佛禅寺。玉佛寺作为上海旅游的十大景点之一,它虽地处繁华的市区,却又闹中取静,被喻为闹市中的一片净土。">
12  <meta name="keywords" content="">
13  <meta name="author" content="">
14
15  <meta name="base" href="/"/>
16
17  <link rel="shortcut icon" href="/static/vendor/assets/favicon.ico"/>
18  <link rel="stylesheet" href="/static/vendor/bootstrap/bootstrap.min.css">
19  <link rel="stylesheet" href="/static/vendor/common.css">
20<meta name="keywords" content="佛教, 禅宗, 上海, 玉佛, 玉佛禅寺, 上海玉佛禅寺, 寺庙, 觉醒, 素斋, 佛教音乐, 佛教故事, 觉群, 志工, 慈善, 功德"/>
21<script>
22  var lang = 'cn'
23  </script>
23
24</head>
25<body>
26
27<!--可变区域: 站点顶部图片/视频-->
28<div>
29   <div class="_siteTop class java.util.LinkedHashMap">
30  <div id="carouselTop" class="carousel slide carousel-fade" data-interval="false" data-wrap="true">
31    <div class="carousel-inner">
32      <div class="carousel-item active">
33        <div>
34          
35          <img src="/upload/banner_cfzn.jpg"
36          		class="img-fluid"
37                 alt="Responsive image">
38        </div>
39      </div>
40    </div>
41    <a class="carousel-control-next" href="#carouselTop" role="button" data-slide="next">
42      <span class="carousel-control-next-icon" aria-hidden="true"></span>
43      <span class="sr-only">Next</span>
44    </a>
45  </div>
46</div>
47
48
49 <div class="pin-wrapper"><div class="_siteNavWrap">
50    <div class="navbarBox">
51        <nav class="navbar navbar-expand-md _siteNav">
52        <!-- Toggler/collapsibe Button -->
53        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
54            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" width="30" height="30" focusable="false">
55                <title>Menu</title>
56                <path stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-miterlimit="10" d="M4 7h22M4 15h22M4 23h22"></path>
57            </svg>
58        </button>
59        <!-- Brand -->
60        
61        <ul class="navbar-nav lang">
62            
63        </ul>
64        <!-- Navbar links -->
65        <div class="collapse navbar-collapse" id="collapsibleNavbar">
66            <ul class="navbar-nav">
67                <li class="nav-item-brand" style="display: list-item;"><a class="navbar-brand" href="/"><img src="/static/vendor/assets/logo.png" alt=""></a></li>
68                <li class="nav-item">
69                    <a class="nav-link" href="/">首页</a>
70                </li>
71                <li class="nav-item dropdown">
72
73                    
74                        <a class="nav-link dropdown-toggle" href="/" id="navbarDropdown_" role="button" data-toggle="dropdown">走进寺院</a>
75                        <div class="dropdown-menu" aria-labelledby="navbarDropdown_">
76                            <div class="dropdown-item">
77                                <a href="/jxfs.html">觉醒法师</a><a href="/yfcq.html">玉佛春秋</a><a href="/jqwh.html">觉群文化</a><a href="/cfzn.html">参访指南</a>
78                            </div>
79                        </div>
80                    
81
82                    
83                </li>
84                <li class="nav-item">
85
86                    
87
88                    <a class="nav-link" href="/yfzx.html">玉佛资讯</a>
89                </li>
90                
91                
92                <li class="nav-item dropdown">
93
94                    
95                        <a class="nav-link dropdown-toggle" href="/" id="navbarDropdown_" role="button" data-toggle="dropdown">微客堂</a>
96                        <div class="dropdown-menu" aria-labelledby="navbarDropdown_">
97                            <div class="dropdown-item">
98                                <a href="/fhyd.html">法会预定</a><a href="/gzft.html">广种福田</a>
99                            </div>
100                        </div>
101                    
102
103                    
104                </li>
105               
106                <li class="nav-item dropdown">
107
108                    
109                        <a class="nav-link dropdown-toggle" href="/" id="navbarDropdown_" role="button" data-toggle="dropdown">玉佛问禅</a>
110                        <div class="dropdown-menu" aria-labelledby="navbarDropdown_">
111                            <div class="dropdown-item">
112                                <a href="/cxyj.html">禅心夜境</a><a href="/cx.html">禅修</a><a href="/cj.html">抄经</a><a href="/fbxx.html">梵呗修学</a>
113                            </div>
114                        </div>
115                    
116
117                    
118                </li>
119                <li class="nav-item">
120
121                    
122
123                    <a class="nav-link" href="/zcfg.html">政策法规</a>
124                </li>
125
126                <li class="nav-item-line" style="display: list-item;"></li>
127            <li class="nav-item dropdown langItem">
128                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownLANG" role="button" data-toggle="dropdown">中<span class="hidden-md-down-inline">文</span></a>
129                <div class="dropdown-menu" aria-labelledby="navbarDropdownLANG">
130                    <div class="dropdown-item">
131                        <a href="/en/">En</a>
132                    </div>
133                </div>
134            </li></ul>
135        </div>
136    </nav>
137    </div>
138</div></div>
139
140
141</div>
142<!--/.可变区域: 站点顶部图片/视频-->
143
144<!-- 可变区域: 页面主内容 -->
145<div class="_siteMain">
146  <!--这里定义的是所有的widget小组件-->
147   <h3 class="sectionTitle" style="visibility: visible;">寺院导览</h3>
148
149 <section class="section" style="visibility: visible;">
150      <div class="container-fluid">
151        <img class="d-block w-100" src="static/upload/yfsmap_cn.jpg" alt="">
152        
153        <div class="actionButton">
154          <a href="#" class="btn btnMore textSize-4" data-toggle="modal" data-target="#openingTimeModal">开放时间</a>
155          <a href="https://j.map.baidu.com/imEeP" target="_blank" class="btn btnMore textSize-4">周边交通</a>
156          <a href="tel:021-62663668" class="btn btnMore textSize-4">预约导游</a>
157        </div>
158      </div>
159      <div class="modal fade imgModal" id="openingTimeModal" tabindex="-1" role="dialog"
160       aria-hidden="true">
161    <div class="modal-dialog" role="document">
162      <div class="modal-content">
163        <div class="modal-body">
164          <img src="upload/openingTime.png" alt="">
165        </div>
166        <div class="modal-footer">
167          <a href="javascript:;" data-dismiss="modal">
168            <img src="upload/imgModalClose.png" alt="">
169          </a>
170        </div>
171      </div>
172    </div>
173  </div>
174</section>
175
176 <div class="sectionLine"></div>
177
178 <h3 class="sectionTitle" style="visibility: visible;">伽蓝介绍</h3>
179
180 
181  <section class="section _sectionModA zhangshi">
182    <div class="container-fluid">
183      <div id="post-list-a1"
184           class="carousel slide circleIndicator"
185           data-ride="carousel"
186           data-wrap="true">
187        <div class="carousel-inner">
188          <div class="carousel-item active">
189            <div class="row">
190              <div class="col-md">
191                <div class="cover">
192                  <img class="d-block w-100"
193                       src="/upload/dt_zb_1.jpg"
194                       alt="">
195                </div>
196                <h4 class="title">
197                  <span style="font-weight:normal;">建筑</span>
198                  <a href="/view/148">照壁</a>
199                </h4>
200                <div class="desc">照壁,独立于房屋之外的一段墙体,由壁座、壁身、壁顶三部分组成。</div>
201              </div>
202              <div class="col-md">
203                <div class="cover">
204                  <img class="d-block w-100"
205                       src="/upload/dt_sm_7.jpg"
206                       alt="">
207                </div>
208                <h4 class="title">
209                  <span style="font-weight:normal;">建筑</span>
210                  <a href="/view/149">山门</a>
211                </h4>
212                <div class="desc">山门意为寺院正面的楼门。过去的寺院为了避开市井尘俗而建于山林之间,因此称山号、设山门。后世造于平地、市井之寺院,亦泛称为山门。</div>
213              </div>
214              <div class="col-md">
215                <div class="cover">
216                  <img class="d-block w-100"
217                       src="/upload/dt_twd_7.jpg"
218                       alt="">
219                </div>
220                <h4 class="title">
221                  <span style="font-weight:normal;">殿堂</span>
222                  <a href="/view/150">天王殿</a>
223                </h4>
224                <div class="desc">玉佛禅寺的第一进殿堂,即为天王殿。</div>
225              </div>
226            </div>
227          </div>
228          <div class="carousel-item">
229            <div class="row">
230              <div class="col-md">
231                <div class="cover">
232                  <img class="d-block w-100"
233                       src="/upload/dt_gyd_1.jpg"
234                       alt="">
235                </div>
236                <h4 class="title">
237                  <span style="font-weight:normal;">殿堂</span>
238                  <a href="/view/151">观音殿</a>
239                </h4>
240                <div class="desc">观音菩萨又称为观世音菩萨、观自在菩萨。千百年以来因其留下无数救苦救难的感应故事,在百姓心中备受崇敬。</div>
241              </div>
242              <div class="col-md">
243                <div class="cover">
244                  <img class="d-block w-100"
245                       src="/upload/dt_dxbd_2.jpg"
246                       alt="">
247                </div>
248                <h4 class="title">
249                  <span style="font-weight:normal;">殿堂</span>
250                  <a href="/view/152">大雄宝殿</a>
251                </h4>
252                <div class="desc">大雄宝殿坐北朝南,为重檐歇山顶,上覆灰色青瓦。大雄宝殿外墙为黄色保护漆,彰显庄严,造型优美比例协调。飞檐、斗拱、砖雕、牌匾等更使大雄宝殿庄严典雅。</div>
253              </div>
254              <div class="col-md">
255                <div class="cover">
256                  <img class="d-block w-100"
257                       src="/upload/dt_ysd_4.jpg"
258                       alt="">
259                </div>
260                <h4 class="title">
261                  <span style="font-weight:normal;">殿堂</span>
262                  <a href="/view/153">药师殿</a>
263                </h4>
264                <div class="desc">药师殿位于玉佛禅寺西片区,与客堂相对。殿内供奉的是东方净琉璃世界的教主药师佛,也称药师琉璃光如来、大医王佛、医王善逝、十二愿王等。</div>
265              </div>
266            </div>
267          </div>
268          <div class="carousel-item">
269            <div class="row">
270              <div class="col-md">
271                <div class="cover">
272                  <img class="d-block w-100"
273                       src="/upload/dt_pxd_4.jpg"
274                       alt="">
275                </div>
276                <h4 class="title">
277                  <span style="font-weight:normal;">殿堂</span>
278                  <a href="/view/154">普贤殿</a>
279                </h4>
280                <div class="desc">佛教里的三圣有很多,有西方三圣、东方三圣、华严三圣等等。
281玉佛禅寺的普贤殿里,供奉的是华严三圣之一的普贤菩萨,这是玉佛禅寺西片区中最大的一座殿堂。</div>
282              </div>
283              <div class="col-md">
284                <div class="cover">
285                  <img class="d-block w-100"
286                       src="/upload/dt_wsd_1.jpg"
287                       alt="">
288                </div>
289                <h4 class="title">
290                  <span style="font-weight:normal;">殿堂</span>
291                  <a href="/view/155">文殊殿</a>
292                </h4>
293                <div class="desc">文殊殿位于大雄宝殿的东侧,与普贤殿两相遥望。
294殿堂为棕色木制结构,仿《营造法原》中明清风格建筑形式。精巧牢固,尊古融新。</div>
295              </div>
296              <div class="col-md">
297                <div class="cover">
298                  <img class="d-block w-100"
299                       src="/upload/dt_dzd_4.jpg"
300                       alt="">
301                </div>
302                <h4 class="title">
303                  <span style="font-weight:normal;">殿堂</span>
304                  <a href="/view/156">地藏殿</a>
305                </h4>
306                <div class="desc">玉佛禅寺地藏殿里供奉的是佛门中的四大菩萨之一,大愿地藏王菩萨。
307玉佛禅寺地藏殿正门悬挂的“地藏殿”牌匾,为著名书法家韩天衡所书写,行书体,苍劲有力,大气潇洒。</div>
308              </div>
309            </div>
310          </div>
311          <div class="carousel-item">
312            <div class="row">
313              <div class="col-md">
314                <div class="cover">
315                  <img class="d-block w-100"
316                       src="/upload/dt_ssd_3.jpg"
317                       alt="">
318                </div>
319                <h4 class="title">
320                  <span style="font-weight:normal;">殿堂</span>
321                  <a href="/view/157">三圣殿</a>
322                </h4>
323                <div class="desc">玉佛禅寺的左进第一个偏殿便是三圣殿,位于寺院的西殿建筑群。供奉了三尊佛像,是佛教安置佛像的一种形式——大乘佛教认为,每位如来皆有菩萨胁侍,以便度化众生,所以造像时会设置两位胁侍菩萨,如西方三圣、华严三圣等。</div>
324              </div>
325              <div class="col-md">
326                <div class="cover">
327                  <img class="d-block w-100"
328                       src="/upload/dt_wfd_5.jpg"
329                       alt="">
330                </div>
331                <h4 class="title">
332                  <span style="font-weight:normal;">殿堂</span>
333                  <a href="/view/158">卧佛殿</a>
334                </h4>
335                <div class="desc">
335卧佛是侧卧着的释迦牟尼佛,表现的是两千五百多年前佛涅槃时的情景。
336
337卧佛殿内供奉有大小两尊卧佛。小卧佛由玉佛禅寺首任方丈慧根上人,于1899年从缅甸请回。佛像身长96厘米,由整块缅甸玉雕成,右手曲肱而枕,左手轻置腿上,是谓“吉祥卧”。大卧佛是由玉佛禅寺第十任方丈真禅法师,从新加坡请回。佛像身长4米,由整块汉白玉雕成。</div>
338              </div>
339              <div class="col-md">
340                <div class="cover">
341                  <img class="d-block w-100"
342                       src="/upload/dt_dbd_3.jpg"
343                       alt="">
344                </div>
345                <h4 class="title">
346                  <span style="font-weight:normal;">殿堂</span>
347                  <a href="/view/159">大悲殿</a>
348                </h4>
349                <div class="desc">观世音菩萨的形象千变万化,大悲殿中供奉着的是如意轮观音圣像。
350大悲殿正门上方,悬挂着的“大悲殿”牌匾,是书法家韩天衡所书写。拔除一切众生苦,给予一切众生乐,“大慈大悲”正是对观音菩萨的由衷赞叹。</div>
351              </div>
352            </div>
353          </div>
354          <div class="carousel-item">
355            <div class="row">
356              <div class="col-md">
357                <div class="cover">
358                  <img class="d-block w-100"
359                       src="/upload/dt_qld_1.jpg"
360                       alt="">
361                </div>
362                <h4 class="title">
363                  <span style="font-weight:normal;">殿堂</span>
364                  <a href="/view/160">伽蓝殿</a>
365                </h4>
366                <div class="desc">伽,梵音念作qié ,所以伽蓝念作qié lán。
367伽蓝,僧伽指僧人的意思,伽蓝是指僧人居住的地方,也通指佛教寺院。</div>
368              </div>
369              <div class="col-md">
370                <div class="cover">
371                  <img class="d-block w-100"
372                       src="/upload/cfzn_kt.jpg"
373                       alt="">
374                </div>
375                <h4 class="title">
376                  <span style="font-weight:normal;">殿堂</span>
377                  <a href="/view/161">客堂</a>
378                </h4>
379                <div class="desc">玉佛禅寺客堂作为寺院对外接待信众的窗口,常年负责法会,佛事,三皈五戒,放生,印经,供斋等宗教活动的登记与安排;佛像供奉,牌位安放等</div>
380              </div>
381            </div>
382          </div>
383
384          <ol class="carousel-indicators">
385            <li data-target="#post-list-a1"
386                data-slide-to="0" class="active">
387            </li>
388            <li data-target="#post-list-a1"
389                data-slide-to="1">
390            </li>
391            <li data-target="#post-list-a1"
392                data-slide-to="2">
393            </li>
394            <li data-target="#post-list-a1"
395                data-slide-to="3">
396            </li>
397            <li data-target="#post-list-a1"
398                data-slide-to="4">
399            </li>
400          </ol>
401        </div>
402      </div>
403    </div>
404  </section>
405
406
407
408 <div class="sectionLine"></div>
409
410 <h3 class="sectionTitle" style="visibility: visible;">伽蓝名物志</h3>
411
412 
413  <section class="section _sectionModA zhangshi">
414    <div class="container-fluid">
415      <div id="post-list-a2"
416           class="carousel slide circleIndicator"
417           data-ride="carousel"
418           data-wrap="true">
419        <div class="carousel-inner">
420          <div class="carousel-item active">
421            <div class="row">
422              <div class="col-md">
423                <div class="cover">
424                  <img class="d-block w-100"
425                       src="/upload/qlmwz-xz-fm.jpg"
426                       alt="">
427                </div>
428                <h4 class="title">
429                  <span style="font-weight:normal;"></span>
430                  <a href="/view/260">锡杖</a>
431                </h4>
432                <div class="desc">锡杖是佛门僧侣的用具,属于比丘十八物之一,其由锡、木柄、錞三部分ç
432»„成。杖头附有大环,大环下悬着数个小环,摇动时,“锡锡”作响。
433</div>
434              </div>
435              <div class="col-md">
436                <div class="cover">
437                  <img class="d-block w-100"
438                       src="/upload/qlmwz-my-fm.jpg"
439                       alt="">
440                </div>
441                <h4 class="title">
442                  <span style="font-weight:normal;"></span>
443                  <a href="/view/259">木鱼</a>
444                </h4>
445                <div class="desc">木鱼,也叫鱼鼓、鱼板。诵经礼忏,念佛上殿,但闻轻轻一叩,身心便在这空空回响中,彼此共鸣,合一不二。早在古时,木鱼便已为人熟知,纪晓岚在他的日记本上写:”一日,有游僧乞食于塾外,木鱼琅琅,自辰逮午不肯息。”</div>
446              </div>
447              <div class="col-md">
448                <div class="cover">
449                  <img class="d-block w-100"
450                       src="/upload/qlmwz-qj-fm.jpg"
451                       alt="">
452                </div>
453                <h4 class="title">
454                  <span style="font-weight:normal;"></span>
455                  <a href="/view/258">教旗</a>
456                </h4>
457                <div class="desc">佛教的教旗由六种颜色组成,前五色为纯色,分别为:蓝、黄、红、白、橙,象征着布施、持戒、忍辱、精进与禅定。最后一色糅杂前面五色,象征般若,寓意般若就在五度中。</div>
458              </div>
459            </div>
460          </div>
461          <div class="carousel-item">
462            <div class="row">
463              <div class="col-md">
464                <div class="cover">
465                  <img class="d-block w-100"
466                       src="/upload/qlmwz-fq-fm.jpg"
467                       alt="">
468                </div>
469                <h4 class="title">
470                  <span style="font-weight:normal;"></span>
471                  <a href="/view/257">法器</a>
472                </h4>
473                <div class="desc">幡,常用来显示佛菩萨降魔的威德,由四部分组成:三角形的幡头、长方形的幡身、两侧的两条细条,称为幡手、幡身下垂饰的细条,称为幡足。</div>
474              </div>
475              <div class="col-md">
476                <div class="cover">
477                  <img class="d-block w-100"
478                       src="/upload/nianzhu.jpg"
479                       alt="">
480                </div>
481                <h4 class="title">
482                  <span style="font-weight:normal;"></span>
483                  <a href="/view/141">念珠</a>
484                </h4>
485                <div class="desc">念珠,也叫佛珠、数珠一般人将其视作文玩饰物:选材质,盘珠串,圆融如意、不失雅趣;佛弟子将其作为计数的工具:持佛号,诵经咒,息烦止恼、安心定念。</div>
486              </div>
487            </div>
488          </div>
489
490          <ol class="carousel-indicators">
491            <li data-target="#post-list-a2"
492                data-slide-to="0" class="active">
493            </li>
494            <li data-target="#post-list-a2"
495                data-slide-to="1">
496            </li>
497          </ol>
498        </div>
499      </div>
500    </div>
501  </section>
502
503
504
505 <footer class="_siteFooter">
506  <div class="footer-icon">
507    <a href="#"
508        data-toggle="modal" 
509        data-target="#modal_qrcode"
510        data-src="/upload/扫码下载.png">
511      <img src="/static/vendor/assets/ft-logo.png" alt="">
512    </a>
513    <a href="#"
514        data-toggle="modal" 
515        data-target="#modal_qrcode"
516        data-src="/upload/扫码关注.png">
517      <img src="/static/vendor/assets/ft-icon1.png" alt="">
518    </a>
519    <a href="https://v.qq.com/s/videoplus/256131054/1">
520      <img src="/static/vendor/assets/ft-icon2.png" alt="">
521    </a>
522    <a href="https://weibo.com/shanghaiyufotemple">
523      <img src="/static/vendor/assets/ft-icon3.png" alt="">
524    </a>
525
526      <a href="https://www.ximalaya.com/zhubo/65221023/" style="margin-left: 10px">
527      <img src="/static/vendor/assets/ft-icon4.png" alt="" style="width: 32px">
528    </a>
529        <a href="https://music.163.com/#/artist/album?id=53623924" target="_blank" style="margin-left: 10px">
530      <img src="/static/upload/wangyi.png" alt="" style="width: 32px">
531
532    </a>
533  </div>
534  <div class="footer-link">
535    <span>友情链接:</span>
536   
537    <a href="http://www.zytzb.gov.cn/html/index.html">中央统战部</a><span>|</span>
538    <a href="http://www.sara.gov.cn/">国家宗教事务局</a><span>|</span>
539     <a href="http://www.chinabuddhism.com.cn/">中国佛教协会</a><span>|</span>
540    <a href="http://www.mzb.com.cn/">中国民族宗教网</a><span>|</span>
541    <a href="https://mzzj.sh.gov.cn/">上海民族宗教网</a><span>|</span> 
542    
543   
544    <a href="http://www.zgfxy.cn/">中国佛学院</a><span>|</span>
545    <a href="https://fo.ifeng.com/">凤凰佛教</a><span>|</span>
546    
547    <a href="http://www.ichanfeng.com/">禅风网</a><span>|</span>
548    <a href="http://www.pusa123.com/">大菩文化</a>
549  </div>
550  <div class="footer-text">
551    <span>地址:上海市安远路170号</span><span>|</span><span>邮编200060</span><span>|</span><span>电话:021-62663668</span><a href="https://intelcc-user.icsoc.net/?channelKey=3d0bba9567b84f46b50b1c4d167eb845&init=1" style="color:#ffffff">在线客服</a></span><span>|</span><span><a href="https://beian.miit.gov.cn/" style="color:#ffffff">沪ICP备案:19009884号</a></span><span>|</span> <a href="https://beian.mps.gov.cn/#/query/webSearch?code=31010702009037" rel="noreferrer" target="_blank" style="color:#ffffff">沪公网安备31010702009037</a><span>|</span>  <span>互联网宗教信息服务许可证编号:沪(2022)0000001 </span><span>|</span><span>上海玉佛禅寺版权所有,如需转载请注明出处</span>
552  </div>
553</footer>
554
555
556
557</div>
558<!-- /.可变区域: 页面主内容 -->
559
560<!--页脚内容-->
561<!--<th-block data-th-replace="base/footer"></th-block>-->
562<!--/.页脚内容-->
563
564<script src="/static/vendor/jquery/jquery.min.js"></script>
vendor: 1 bytes, line 564
564
565<script src="/static/vendor/bootstrap/bootstrap.bundle.min.js"></script>
vendor: 1 bytes, line 565
565
566<script src="/static/vendor/animate.js"></script>
vendor: 1 bytes, line 566
566
567<script src="/static/vendor/common.js"></script>
567
568
569<!--可变区域: 底部脚本或样式区域-->
570<div>
571  
572
573  <div class="modal fade" id="dialog_booking" tabindex="-1" role="dialog"
574       aria-labelledby="myModalLabel">
575    <div class="modal-dialog" role="document">
576      <div class="modal-content">
577        <div class="modal-body">
578          功能开发中,敬请期待!!!
579        </div>
580      </div>
581    </div>
582  </div>
583
584  <!--<div data-toggle="modal"-->
585       <!--data-target="#modal_qrcode"-->
586       <!--data-src="https://ss0.bdstatic.com/94oJfD_bAAcT8t7mm9GUKT-xh_/timg?image&quality=100&size=b4000_4000&sec=1541845731&di=ac05ea78b5b35017fe8ccd905adb0f17&src=http://i2.sinaimg.cn/dy/c/2014-07-18/1405623657_VbFlfN.jpg">-->
587    <!--点击弹出二维码-->
588  <!--</div>-->
589
590  <div class="modal fade imgModal" id="modal_qrcode" tabindex="-1" role="dialog">
591    <div class="modal-dialog" role="document">
592      <div class="modal-content">
593        <div class="modal-body">
594          <img style="width:300px; height:370px;" class="qrcode" src="/upload/yfs-qrcode.png">
595        </div>
596      </div>
597      <div class="modal-footer">
598        <a href="javascript:;" data-dismiss="modal">
599          <img src="/upload/imgModalClose.png" alt="">
600        </a>
601      </div>
602    </div>
603  </div>
604
605  <!--中文反馈表单-->
606  <div class="modal bookModal fade" id="modal_booking_cn" tabindex="-1" role="dialog"
607       aria-hidden="true">
608    <div class="modal-dialog" role="document">
609
610      <div class="modal-content">
611        <form class="needs-validation" novalidate>
612          <div class="modal-header">用户信息登记</div>
613          <div class="modal-body">
614            <div class="form-group">
615              <input name="source" type="hidden" value="意见反馈">
616
617              <img src="/static/vendor/assets/bookform-user.png" alt="">
618              <input name="name" class="form-control form-control-lg" type="text" placeholder="请输入你的姓名"
619                     required>
620              <div class="invalid-feedback">请输入你的姓名</div>
621            </div>
622            <div class="form-group">
623              <img src="/static/vendor/assets/bookform-mobile.png" alt="">
624              <input name="tel" class="form-control form-control-lg" type="text" placeholder="请输入你的手机号"
625                     required maxlength="11" pattern="^1\d{10}$">
626              <div class="invalid-feedback">请输入你的手机号</div>
627            </div>
628            <div class="form-group">
629              <img src="/static/vendor/assets/bookform-mail.png" alt="">
630              <input name="email" class="form-control form-control-lg" type="text" placeholder="请输入你的邮箱(选填)">
631            </div>
632            <div class="form-group">
633              <textarea name="content" rows="6" class="form-control" placeholder="请写下你的留言"></textarea>
634            </div>
635            <!--<div class="formTips">提交成功后我们会尽快联系你</div>-->
636          </div>
637          <div class="modal-footer">
638            <button type="submit" class="btn btnMore btnBook">提交</button>
639            <a href="javascript:;" data-dismiss="modal">
640              <img src="/static/vendor/assets/imgModalClose.png" alt="">
641            </a>
642          </div>
643        </form>
644      </div>
645    </div>
646  </div>
647
648  <!--英文反馈表单-->
649  <div class="modal bookModal fade" id="modal_booking_en" tabindex="-1" role="dialog"
650       aria-hidden="true">
651    <div class="modal-dialog" role="document">
652
653      <div class="modal-content">
654        <form class="needs-validation" novalidate>
655          <div class="modal-header">User information registration</div>
656          <div class="modal-body">
657            <div class="form-group">
658              <img src="/static/vendor/assets/bookform-user.png" alt="">
659              <input name="source" type="hidden" value="feedback">
660              <input name="name" class="form-control form-control-lg" type="text"
661                     placeholder="name"
662                     required>
663              <div class="invalid-feedback">Please input your name</div>
664            </div>
665            <div class="form-group">
666              <img src="/static/vendor/assets/bookform-mobile.png" alt="">
667              <input name="tel" class="form-control form-control-lg" type="text"
668                     placeholder="mobile phone number"
669                     required maxlength="11" pattern="^1\d{10}$">
670              <div class="invalid-feedback">Please input your mobile phone number</div>
671            </div>
672            <div class="form-group">
673              <img src="/static/vendor/assets/bookform-mail.png" alt="">
674              <input name="email" class="form-control form-control-lg" type="text"
675                     placeholder="e-mail (optional)">
676            </div>
677            <div class="form-group">
678              <textarea name="content" rows="6" class="form-control"></textarea>
679            </div>
680            <!--<div class="formTips">We will contact you as soon as possible.</div>-->
681          </div>
682          <div class="modal-footer">
683            <button type="submit" class="btn btnMore btnBook textSize-4">Submit</button>
684            <a href="javascript:;" data-dismiss="modal">
685              <img src="/static/vendor/assets/imgModalClose.png" alt="">
686            </a>
687          </div>
688        </form>
689      </div>
690    </div>
691  </div>
692
693  <div class="modal bookModalResult fade" id="bookModalResult" tabindex="-1" role="dialog" aria-hidden="true">
694    <div class="modal-dialog" role="document">
695      <div class="modal-content">
696        <div class="modal-header">
697          <img src="/static/vendor/assets/formSuccIcon.png" alt="">
698        </div>
699        <div class="modal-content">
700          <h2>提交成功</h2>
701          <p>我们工作人员会尽快与你联系</p>
702        </div>
703        <div class="modal-footer">
704          <button data-dismiss="modal" type="button" class="btn btnMore btnBook">确定</button>
705        </div>
706      </div>
707    </div>
708  </div>
709  
709<script>
710  //---意见反馈---
711  lang = lang || 'en'
712  var feedbackText = lang === 'en' ? '意见反馈' : '意见反馈'
713  var dataSource = lang === 'en' ? 'Feedback' : '意见反馈'
714  var $feedback = $('<div id="feedback"'
715      + ' data-toggle="modal" data-form-source="' + dataSource + '"'
716      + ' data-target="#modal_booking_' + lang + '"'
717      + '  style="display:none;">'+ feedbackText +'</div>')
718  .appendTo(document.body)
719
720  //---预约form---
721  $('.bookModal form.needs-validation').on('submit', function (evt) {
722    evt.preventDefault();
723    evt.stopPropagation();
724    var $bookingForm = $(this)
725    var checkValid = this.checkValidity();
726    this.classList.add('was-validated');
727    if (checkValid) {
728      // debugger;
729      var $source = $bookingForm.find("[name=source]");
730      var $name = $bookingForm.find("[name=name]");
731      var $tel = $bookingForm.find("[name=tel]");
732      var $email = $bookingForm.find("[name=email]");
733      var $content = $bookingForm.find("[name=content]");
734
735      var data = {
736        name: $name.val(),
737        tel: $tel.val(),
738        email: $email.val(),
739        source: $source.val(),
740        content: $content.val()
741      };
742
743      $.ajax({
744        type: "POST",
745        url: "/api/booking/save",
746        data: JSON.stringify(data),
747        contentType: "application/json",
748        dataType: "json",
749        complete: function (msg) {
750          $('.bookModal').modal('hide');
751
752          var $result = $('.bookModalResult')
753          var msg = '提交成功';
754          var tips = '我们工作人员会尽快与你联系'
755          var btnText = '确定'
756          if (lang === 'en') {
757            msg = 'Submit successfully!'
758            tips = 'We will contact you as soon as possible'
759            btnText = 'OK'
760          }
761          $('.bookModalResult h2').html(msg);
762          $('.bookModalResult p').html(tips);
763          $('.bookModalResult .btnBook').html(btnText);
764
765          $result.modal('show');
766          // var msg = '';
767          // if (lang === 'en') {
768          //   msg = 'Submit successfully!'
769          // } else {
770          //   msg = '提交成功'
771          // }
772          // $('.formTips').css('color', 'green').html(msg);
773          // $bookingForm.removeClass('was-validated')
774          // $name.val('')
775          // $tel.val('')
776          // $email.val('')
777          // $content.val('')
778
779          // window.setTimeout(function(){
780          //   $modal.modal("hide")
781          // },1200);
782        }
783      });
784    }
785  })
786
787  $('[data-target="#modal_qrcode"]').click(function () {
788    $('#modal_qrcode  img.qrcode').attr('src', $(this).attr('data-src'))
789  })
790
791  $('[data-form-source]').click(function () {
792    $('.bookModal input[name=source]').val($(this).attr('data-form-source'))
793  })
794  </script>
794
795
796</div>
797<!--/.可变区域: 底部脚本或样式区域-->
798
799</body>
800</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.