├── README.md ├── contact.php ├── crumbs.php ├── css ├── common.css ├── common.scss ├── main.css ├── main.scss ├── normalize.css ├── sassConfig.css ├── sassConfig.scss ├── share.css └── share.scss ├── data ├── index.php ├── indexNews.php └── newsCategory.php ├── error ├── 400.html ├── 403.html ├── 404.html ├── 500.html ├── 501.html ├── 502.html ├── 503.html ├── 504.html ├── 505.html ├── 506.html ├── 507.html ├── 509.html └── 510.html ├── favicon.ico ├── font ├── font-awesome-4.7.0 │ ├── HELP-US-OUT.txt │ ├── css │ │ ├── font-awesome.css │ │ └── font-awesome.min.css │ ├── fonts │ │ ├── FontAwesome.otf │ │ ├── fontawesome-webfont.eot │ │ ├── fontawesome-webfont.svg │ │ ├── fontawesome-webfont.ttf │ │ ├── fontawesome-webfont.woff │ │ └── fontawesome-webfont.woff2 │ ├── less │ │ ├── animated.less │ │ ├── bordered-pulled.less │ │ ├── core.less │ │ ├── fixed-width.less │ │ ├── font-awesome.less │ │ ├── icons.less │ │ ├── larger.less │ │ ├── list.less │ │ ├── mixins.less │ │ ├── path.less │ │ ├── rotated-flipped.less │ │ ├── screen-reader.less │ │ ├── stacked.less │ │ └── variables.less │ └── scss │ │ ├── _animated.scss │ │ ├── _bordered-pulled.scss │ │ ├── _core.scss │ │ ├── _fixed-width.scss │ │ ├── _icons.scss │ │ ├── _larger.scss │ │ ├── _list.scss │ │ ├── _mixins.scss │ │ ├── _path.scss │ │ ├── _rotated-flipped.scss │ │ ├── _screen-reader.scss │ │ ├── _stacked.scss │ │ ├── _variables.scss │ │ └── font-awesome.scss └── iconfont │ ├── demo.css │ ├── demo_index.html │ ├── iconfont.css │ ├── iconfont.eot │ ├── iconfont.js │ ├── iconfont.json │ ├── iconfont.svg │ ├── iconfont.ttf │ ├── iconfont.woff │ └── iconfont.woff2 ├── footer.php ├── header.php ├── images ├── blank │ └── indexNews.png ├── code.jpg ├── icon-lang-arrow.png ├── icon-share-aside.png ├── icon-share.png ├── icon001.jpg ├── img.jpg ├── jobs-bg.jpg ├── logo.jpg ├── message-code.jpg ├── newsDetailed.jpg ├── pic001.jpg ├── pic002.jpg ├── pic003.jpg ├── pic004.jpg ├── pic005.jpg ├── pic006.jpg ├── pic007.jpg ├── pic008.jpg ├── pic009.jpg ├── pic010.jpg ├── pic011.jpg ├── pic012.jpg ├── pic013.jpg └── test.txt ├── index.html ├── index.php ├── js ├── baiduMap.js ├── banner.js ├── common.js ├── doctorSwiper.js ├── indexNewsAjax.js ├── jquery.min.js ├── swiper │ ├── css │ │ ├── swiper.css │ │ └── swiper.min.css │ └── js │ │ ├── swiper.esm.bundle.js │ │ ├── swiper.esm.js │ │ ├── swiper.js │ │ ├── swiper.min.js │ │ └── swiper.min.js.map └── test.txt ├── news.php ├── newsDetailed.php ├── partner.php ├── publicWelfare.php ├── share.php ├── shop.php └── shopDetailed.php /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bigbigtime/HTML5-CSS3/7d7a81753813ee15479de45041b307a7f60eedf6/README.md -------------------------------------------------------------------------------- /contact.php: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 手把手撸码前端 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 |
25 |
26 |
27 |

朗朗医疗投资限公司

28 | 集团总部招商热线： 29 | 0755-56566573 30 |

31 | 地址
32 | 深圳商山区（科技园）高新南一道3号富诚大厦三楼 33 |

34 |

35 | 联系人：王经理 36 |

37 |

38 | 邮箱
39 | wanghb@langlangdentalcom 40 |

41 |

42 | 网址
43 | www.langlangdental.com 44 |

45 |
46 |
47 |

合赢未来 · 共创伟业 Win-win cooperation for bright future

48 |
49 |
50 |
51 |
52 |
53 | 54 |
55 |
56 |
57 |
58 | 59 |
60 |
61 |
62 |
63 | 64 |
65 |
66 |
67 |
68 | 69 |
70 |
71 |
72 |
73 | 74 |
75 |
76 |
77 | 78 |
79 |
80 |
81 | 82 |
83 |
84 |
85 |
86 |
87 |

加入我们

88 |

尽揽天下英才 共展宏图伟业

89 | opportunity seldom joins us 90 |
91 |
92 |
93 |
94 |
95 |
96 | 工作地点：深圳 97 | 工作岗位：财务 98 |
99 |
100 | 岗位职责：
101 | 负责公司日常财务的记录汇总，统计报表。淘宝天猫商城的日常发票开具，审核打单。有淘宝，京东，等等电商公司的日常工作经验优先，
102 | 任职资格
103 | 1，财务，会计专业，持有会计证；
104 | 2，具有一年以上工作经验；
105 | 3，熟悉操作财务软件，Excel，Word，ERP等办公软件；
106 | 4，工作认真，态度端正。
107 | 职能类别：会计 财务助理/文员
108 | 立即申请 109 |
110 | 邮箱：liangy@langlangdental.com 111 | 手机：186-6582-2617（梁小姐） 112 | 座机：0755-86566573转6019 113 |
114 |
115 |
116 |
117 |
118 |
119 | 工作地点：深圳 120 | 工作岗位：财务 121 |
122 |
123 | 岗位职责：
124 | 负责公司日常财务的记录汇总，统计报表。淘宝天猫商城的日常发票开具，审核打单。有淘宝，京东，等等电商公司的日常工作经验优先，
125 | 任职资格
126 | 1，财务，会计专业，持有会计证；
127 | 2，具有一年以上工作经验；
128 | 3，熟悉操作财务软件，Excel，Word，ERP等办公软件；
129 | 4，工作认真，态度端正。
130 | 职能类别：会计 财务助理/文员
131 | 立即申请 132 |
133 | 邮箱：liangy@langlangdental.com 134 | 手机：186-6582-2617（梁小姐） 135 | 座机：0755-86566573转6019 136 |
137 |
138 |
139 |
140 |
141 |
142 | 工作地点：深圳 143 | 工作岗位：财务 144 |
145 |
146 | 岗位职责：
147 | 负责公司日常财务的记录汇总，统计报表。淘宝天猫商城的日常发票开具，审核打单。有淘宝，京东，等等电商公司的日常工作经验优先，
148 | 任职资格
149 | 1，财务，会计专业，持有会计证；
150 | 2，具有一年以上工作经验；
151 | 3，熟悉操作财务软件，Excel，Word，ERP等办公软件；
152 | 4，工作认真，态度端正。
153 | 职能类别：会计 财务助理/文员
154 | 立即申请 155 |
156 | 邮箱：liangy@langlangdental.com 157 | 手机：186-6582-2617（梁小姐） 158 | 座机：0755-86566573转6019 159 |
160 |
161 |
162 |
163 | 164 | 167 |
168 | 169 | 170 | 215 | 272 | 273 | 274 | -------------------------------------------------------------------------------- /crumbs.php: -------------------------------------------------------------------------------- 1 |
2 |
3 |

行业动态

4 |

5 | 首页>资讯动态>行业动态 6 |

7 |
8 |
9 |
10 |
11 | 17 |
18 |
-------------------------------------------------------------------------------- /css/common.scss: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | @import 'sassConfig'; 3 | 4 | body > header { background-color: #fff; } 5 | 6 | .color-main { color: $color-main; } 7 | .color-second { color: $color-second; } 8 | .text-main { color: $text-main; } 9 | 10 | .container { 11 | width: $container; 12 | margin: 0 auto; 13 | } 14 | 15 | // float 16 | .pull-left { float: left; } 17 | .pull-right { float: right; } 18 | 19 | // text-align 20 | .text-left { text-align: left; } 21 | .text-right { text-align: right; } 22 | .text-center { text-align: center; } 23 | 24 | // display 25 | .hide { display: none; } 26 | 27 | //position 28 | .p-r { position: relative; } 29 | .p-a { position: absolute; } 30 | 31 | // background-color 32 | .bg-color-f7 { 33 | background-color: #f7f7f7; 34 | } 35 | 36 | //header 37 | .logo { 38 | margin-top: 30px; 39 | margin-bottom: 30px; 40 | img { display: block; } 41 | } 42 | 43 | // 顶部的菜单 44 | .menu-link { 45 | margin-top: 7px; 46 | margin-bottom: 21px; 47 | line-height: 22px; 48 | a, span, div { float: right; } 49 | a { color: $text-gray; } 50 | .link { 51 | width: 1px; 52 | height: 12px; 53 | margin: 6px 11px 0; 54 | background-color: #cfcfcf; 55 | } 56 | } 57 | 58 | // 语言菜单 59 | .lang { 60 | position: relative; 61 | width: 53px; 62 | height: 22px; 63 | background-color: #ececec; 64 | color: $text-gray; 65 | text-align: center; 66 | &:after { 67 | content: ''; 68 | display: inline-block; 69 | width: 6px; 70 | height: 6px; 71 | margin: 0 0 2px 2px; 72 | border-left: 1px solid #b5b5b5; 73 | border-bottom: 1px solid #b5b5b5; 74 | // Css3 75 | @include webkit(box-sizing, border-box); 76 | @include webkit(transform, rotate(-45deg)); 77 | } 78 | &:hover { 79 | ul { display: block; } 80 | } 81 | ul { 82 | display: none; 83 | position: absolute; 84 | z-index: 10; 85 | top: 100%; 86 | right: 0; 87 | width: 95px; 88 | background-color: #ececec; 89 | } 90 | a { 91 | display: block; 92 | width: 100%; 93 | height: 28px; 94 | line-height: 28px; 95 | text-align: center; 96 | &:hover { 97 | color: $color-main; 98 | background-color: #e0e0e0; 99 | } 100 | } 101 | } 102 | 103 | // 头部导航nav 104 | nav { 105 | > ul { 106 | > li { 107 | float: left; 108 | > a { 109 | color: #000; 110 | font-weight: bold; 111 | &:after { 112 | content: ''; 113 | display: none; 114 | position: absolute; 115 | left: 50%; 116 | bottom: -5px; 117 | z-index: 2; 118 | margin-left: -5px; 119 | border-top: 5px solid #f5f5f5; 120 | border-right: 5px solid transparent; 121 | border-left: 5px solid transparent; 122 | } 123 | } 124 | &:hover, 125 | &.current { 126 | a { background-color: #f5f5f5; } 127 | a:after { display: block; } 128 | } 129 | > ul { padding-top: 17px; } 130 | } 131 | } 132 | ul { 133 | ul { 134 | display: none; 135 | position: absolute; 136 | z-index: 100; 137 | a { 138 | height: 41px; 139 | color: #000; 140 | line-height: 41px; 141 | &:hover { 142 | background-color: #eaeaea; 143 | } 144 | } 145 | ul { 146 | left: 100%; 147 | top: 0; 148 | } 149 | } 150 | } 151 | li { 152 | position: relative; 153 | &:hover { 154 | > ul { display: block; } 155 | } 156 | a { 157 | display: block; 158 | width: 114px; 159 | height: 53px; 160 | text-align: center; 161 | line-height: 53px; 162 | } 163 | } 164 | } 165 | 166 | // footer 167 | body > footer { 168 | padding-top: 74px; 169 | background-color: #eaeaea; 170 | } 171 | #copyright { 172 | margin-top: 59px; 173 | border-top: 1px solid #dbdbdb; 174 | line-height: 48px; 175 | color: #a0a0a0; 176 | } 177 | .footer-contact-info { 178 | h5 { 179 | margin-bottom: 24px; 180 | font-size: 24px; 181 | color: #717171; 182 | } 183 | p { 184 | font-size: 13px; 185 | color: #a0a0a0; 186 | line-height: 23px; 187 | } 188 | a { color: #a0a0a0; } 189 | } 190 | .share { 191 | margin-top: 38px; 192 | a { 193 | position: relative; 194 | float: left; 195 | width: 30px; 196 | height: 30px; 197 | margin-right: 24px; 198 | background-color: #a0a0a0; 199 | line-height: 30px; 200 | text-align: center; 201 | color: #fff; 202 | // 圆角 203 | border-radius: 100px; 204 | &:hover { 205 | p { 206 | visibility: visible; 207 | bottom: 150%; 208 | opacity: 1; 209 | filter: alpha(opacity = 100); 210 | } 211 | } 212 | } 213 | .iconfont { font-size: 18px; } 214 | p { 215 | display: block; 216 | visibility: hidden; 217 | position: absolute; 218 | bottom: 100%; 219 | left: 50%; 220 | width: 80px; 221 | height: 80px; 222 | margin-left: -44px; 223 | padding: 4px; 224 | background-color: #fff; 225 | border-radius: 6px; 226 | opacity: 0; 227 | filter: alpha(opacity = 0); 228 | filter: drop-shadow(0 0 10px rgba(0, 0, 0, .16)); 229 | @include webkit(transition, all .3s ease 0s); 230 | &::after { 231 | content: ''; 232 | position: absolute; 233 | bottom: -4px; 234 | left: 50%; 235 | margin-left: -4px; 236 | border-top: 4px solid #fff; 237 | border-left: 4px solid transparent; 238 | border-right: 4px solid transparent; 239 | } 240 | } 241 | img { width: 100%; height: 100%; } 242 | } 243 | .sing-share { 244 | &:hover { background-color: #dc261b; } 245 | } 246 | .wechat-share { 247 | &:hover { background-color: #3cb035; } 248 | } 249 | 250 | .footer-menu { 251 | dl { 252 | float: left; 253 | margin-left: 38px; 254 | img { 255 | width: 100%; 256 | height: 100%; 257 | margin-bottom: 9px; 258 | border: 2px solid #fff; 259 | @include webkit(box-sizing, border-box) 260 | } 261 | } 262 | dt { 263 | padding-bottom: 17px; 264 | padding-right: 30px; 265 | margin-bottom: 14px; 266 | margin-top: 6px; 267 | border-bottom: 1px solid #c5c5c5; 268 | } 269 | dd { line-height: 24px; } 270 | a { color: #717171; } 271 | } 272 | .wechat-code { width: 78px; } 273 | 274 | // 主体内容标题 275 | .main-column { 276 | text-align: center; 277 | h3 { 278 | font-size: 26px; 279 | font-weight: normal; 280 | } 281 | p { 282 | margin-top: 12px; 283 | color: $text-gray; 284 | text-transform: Uppercase; 285 | } 286 | span { 287 | display: inline-block; 288 | height: 10px; 289 | margin: 0 9px; 290 | border-left: 1px solid #cfcfcf; 291 | } 292 | } 293 | 294 | // 加载提示 295 | @keyframes loading { 296 | from { transform: rotate(0deg) } 297 | to { transform: rotate(360deg) } 298 | } 299 | .loading-wait { 300 | padding: 20px 0; 301 | background-color: #f1f1f1; 302 | text-align: center; 303 | font-weight: normal; 304 | .loading-icon { 305 | margin-top: 15px; 306 | @include webkit(transform, rotate(0deg)); 307 | animation: loading 1s ease infinite; 308 | } 309 | } 310 | 311 | /* 查看更多 按钮*/ 312 | .link-more { 313 | display: block; 314 | width: 92px; 315 | height: 29px; 316 | border: 1px solid #676767; 317 | text-align: center; 318 | line-height: 26px; 319 | .iconfont { 320 | position: relative; 321 | top: 2px; 322 | font-weight: 700; 323 | } 324 | } 325 | 326 | /* tab-menu */ 327 | .tab-menu { 328 | text-align: center; 329 | a { 330 | display: inline-block; 331 | padding: 0 23px; 332 | margin: 0 4px; 333 | border: 1px solid #e2e2e2; 334 | line-height: 32px; 335 | &.current { 336 | background-color: $text-gray; 337 | border-color: $text-gray; 338 | color: #fff; 339 | } 340 | } 341 | } 342 | 343 | /*面包屑*/ 344 | .crumbs { 345 | padding: 84px 0; 346 | background: url(../images/img.jpg) no-repeat center; 347 | color: #fff; 348 | .column-name { 349 | margin-bottom: 13px; 350 | font-size: 30px; 351 | } 352 | span { padding:0 5px; } 353 | a { color: #fff; } 354 | } 355 | .category-menu { 356 | border-bottom: 1px solid #f1f1f1; 357 | background-color: #fff; 358 | li { 359 | float: left; 360 | margin-right: 18px; 361 | } 362 | a { 363 | display: block; 364 | padding: 0 15px; 365 | font-size: 14px; 366 | line-height: 49px; 367 | margin-bottom: -1px; 368 | &.current { 369 | color: $color-main; 370 | border-bottom: 1px solid $color-main; 371 | } 372 | } 373 | } 374 | 375 | /*占位图显示*/ 376 | .img-cover { 377 | background-repeat: no-repeat; 378 | background-position: center; 379 | background-size: cover; 380 | } 381 | 382 | /*自动分列*/ 383 | .row-container { 384 | overflow: hidden; 385 | .row-wrap { @extend %clearfix; } 386 | div[class^=col-item] { 387 | float: left; 388 | @include webkit(box-sizing, border-box); 389 | } 390 | &.gutter-15 { 391 | div[class^=col-item] { padding: 0 15px; } 392 | .row-wrap { margin: 0 -15px; } 393 | } 394 | &.gutter-16 { 395 | div[class^=col-item] { padding: 0 16px; } 396 | .row-wrap { margin: 0 -16px; } 397 | } 398 | .col-item-3 { width: 25%; } 399 | .col-item-4 { width: 33.33333%; } 400 | .col-item-6 { width: 50%; } 401 | .col-item-12 { width: 100%; } 402 | } 403 | /* 图文内容样式 */ 404 | /*news-wrap*/ 405 | .figure-content { 406 | .title { 407 | font-size: 18px; 408 | @include ell(1); 409 | } 410 | time { 411 | display: block; 412 | padding: 11px 0 13px; 413 | color: $text-gray; 414 | } 415 | .line { 416 | display: block; 417 | width: 50px; 418 | border-top: 1px solid #d9d9d9; 419 | } 420 | .dec { 421 | padding-top: 15px; 422 | margin-bottom: 22px; 423 | line-height: 22px; 424 | color: $text-gray; 425 | @include ell(2); 426 | } 427 | .link-more { 428 | opacity: .4; 429 | filter: alpha(opacity = 40); 430 | } 431 | } 432 | 433 | /* 页码 pagination*/ 434 | .pagination { 435 | margin-bottom: 120px; 436 | text-align: center; 437 | span, a { 438 | display: inline-block; 439 | width: 35px; 440 | height: 35px; 441 | margin: 0 7px; 442 | background-color: #f5f5f5; 443 | text-align: center; 444 | line-height: 35px; 445 | font-size: 14px; 446 | color: #a0a0a0; 447 | } 448 | span { 449 | background-color: $color-main; 450 | color: #fff; 451 | } 452 | &.shop-module { 453 | a { background-color: #eeeeee; } 454 | } 455 | } 456 | 457 | // clearfix 清除浮动 458 | .clearfix:after{ 459 | content: "."; 460 | display: block; 461 | height: 0; 462 | clear: both; 463 | visibility: hidden; 464 | } 465 | .clearfix{ display: inline-block; } 466 | * html .clearfix{ height: 1%; } 467 | .clearfix { display: block; } 468 | 469 | // for循环定义 padding 偏移值 470 | @for $i from 1 through 110 { 471 | .padding-top-#{$i} { padding-top:(1px * $i); } 472 | .padding-bottom-#{$i} { padding-bottom:(1px * $i); } 473 | } -------------------------------------------------------------------------------- /css/normalize.css: -------------------------------------------------------------------------------- 1 | /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ 2 | 3 | /* Document 4 | ========================================================================== */ 5 | 6 | /** 7 | * 1. Correct the line height in all browsers. 8 | * 2. Prevent adjustments of font size after orientation changes in iOS. 9 | */ 10 | html, body, div, span, applet, object, iframe, 11 | h1, h2, h3, h4, h5, h6, p, blockquote, pre, 12 | a, abbr, acronym, address, big, cite, code, 13 | del, dfn, em, img, ins, kbd, q, s, samp, 14 | small, strike, strong, sub, sup, tt, var, 15 | b, u, i, center, 16 | dl, dt, dd, ol, ul, li, 17 | fieldset, form, label, legend, 18 | table, caption, tbody, tfoot, thead, tr, th, td, 19 | article, aside, canvas, details, embed, 20 | figure, figcaption, footer, header, hgroup, 21 | menu, nav, output, ruby, section, summary, 22 | time, mark, audio, video { 23 | margin: 0; 24 | padding: 0; 25 | border: 0; 26 | font-size: 100%; 27 | vertical-align: baseline; 28 | } 29 | /* HTML5 display-role reset for older browsers */ 30 | article, aside, details, figcaption, figure, 31 | footer, header, hgroup, menu, nav, section { 32 | display: block; 33 | } 34 | html { 35 | line-height: 1.15; /* 1 */ 36 | -webkit-text-size-adjust: 100%; /* 2 */ 37 | } 38 | 39 | /* Sections 40 | ========================================================================== */ 41 | 42 | /** 43 | * Remove the margin in all browsers. 44 | */ 45 | 46 | body { 47 | margin: 0; 48 | color: #010101; 49 | font-family: 'Microsoft YaHei'; 50 | font-weight: 300; 51 | font-size: 12px; 52 | } 53 | 54 | /** 55 | * Render the `main` element consistently in IE. 56 | */ 57 | 58 | main { 59 | display: block; 60 | } 61 | 62 | /** 63 | * Correct the font size and margin on `h1` elements within `section` and 64 | * `article` contexts in Chrome, Firefox, and Safari. 65 | */ 66 | 67 | 68 | /* Grouping content 69 | ========================================================================== */ 70 | 71 | /** 72 | * 1. Add the correct box sizing in Firefox. 73 | * 2. Show the overflow in Edge and IE. 74 | */ 75 | 76 | hr { 77 | box-sizing: content-box; /* 1 */ 78 | height: 0; /* 1 */ 79 | overflow: visible; /* 2 */ 80 | } 81 | 82 | /** 83 | * 1. Correct the inheritance and scaling of font size in all browsers. 84 | * 2. Correct the odd `em` font sizing in all browsers. 85 | */ 86 | 87 | pre { 88 | font-family: monospace, monospace; /* 1 */ 89 | font-size: 1em; /* 2 */ 90 | } 91 | 92 | /* Text-level semantics 93 | ========================================================================== */ 94 | 95 | /** 96 | * Remove the gray background on active links in IE 10. 97 | */ 98 | 99 | a { 100 | background-color: transparent; 101 | text-decoration: none; 102 | color: #010101; 103 | } 104 | 105 | /** 106 | * 1. Remove the bottom border in Chrome 57- 107 | * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. 108 | */ 109 | 110 | abbr[title] { 111 | border-bottom: none; /* 1 */ 112 | text-decoration: underline; /* 2 */ 113 | text-decoration: underline dotted; /* 2 */ 114 | } 115 | 116 | /** 117 | * Add the correct font weight in Chrome, Edge, and Safari. 118 | */ 119 | 120 | b, 121 | strong { 122 | font-weight: bold; 123 | } 124 | 125 | /** 126 | * 1. Correct the inheritance and scaling of font size in all browsers. 127 | * 2. Correct the odd `em` font sizing in all browsers. 128 | */ 129 | 130 | code, 131 | kbd, 132 | samp { 133 | font-family: monospace, monospace; /* 1 */ 134 | font-size: 1em; /* 2 */ 135 | } 136 | 137 | /** 138 | * Add the correct font size in all browsers. 139 | */ 140 | 141 | small { 142 | font-size: 80%; 143 | } 144 | 145 | /** 146 | * Prevent `sub` and `sup` elements from affecting the line height in 147 | * all browsers. 148 | */ 149 | 150 | sub, 151 | sup { 152 | font-size: 75%; 153 | line-height: 0; 154 | position: relative; 155 | vertical-align: baseline; 156 | } 157 | 158 | sub { 159 | bottom: -0.25em; 160 | } 161 | 162 | sup { 163 | top: -0.5em; 164 | } 165 | 166 | /* Embedded content 167 | ========================================================================== */ 168 | 169 | /** 170 | * Remove the border on images inside links in IE 10. 171 | */ 172 | 173 | img { 174 | display: block; 175 | border-style: none; 176 | } 177 | 178 | /* Forms 179 | ========================================================================== */ 180 | 181 | /** 182 | * 1. Change the font styles in all browsers. 183 | * 2. Remove the margin in Firefox and Safari. 184 | */ 185 | 186 | button, 187 | input, 188 | optgroup, 189 | select, 190 | textarea { 191 | font-family: inherit; /* 1 */ 192 | font-size: 100%; /* 1 */ 193 | line-height: 1.15; /* 1 */ 194 | margin: 0; /* 2 */ 195 | } 196 | 197 | /** 198 | * Show the overflow in IE. 199 | * 1. Show the overflow in Edge. 200 | */ 201 | 202 | button, 203 | input { /* 1 */ 204 | overflow: visible; 205 | } 206 | 207 | /** 208 | * Remove the inheritance of text transform in Edge, Firefox, and IE. 209 | * 1. Remove the inheritance of text transform in Firefox. 210 | */ 211 | 212 | button, 213 | select { /* 1 */ 214 | text-transform: none; 215 | } 216 | 217 | /** 218 | * Correct the inability to style clickable types in iOS and Safari. 219 | */ 220 | 221 | button, 222 | [type="button"], 223 | [type="reset"], 224 | [type="submit"] { 225 | -webkit-appearance: button; 226 | } 227 | 228 | /** 229 | * Remove the inner border and padding in Firefox. 230 | */ 231 | 232 | button::-moz-focus-inner, 233 | [type="button"]::-moz-focus-inner, 234 | [type="reset"]::-moz-focus-inner, 235 | [type="submit"]::-moz-focus-inner { 236 | border-style: none; 237 | padding: 0; 238 | } 239 | 240 | /** 241 | * Restore the focus styles unset by the previous rule. 242 | */ 243 | 244 | button:-moz-focusring, 245 | [type="button"]:-moz-focusring, 246 | [type="reset"]:-moz-focusring, 247 | [type="submit"]:-moz-focusring { 248 | outline: 1px dotted ButtonText; 249 | } 250 | 251 | /** 252 | * Correct the padding in Firefox. 253 | */ 254 | 255 | fieldset { 256 | padding: 0.35em 0.75em 0.625em; 257 | } 258 | 259 | /** 260 | * 1. Correct the text wrapping in Edge and IE. 261 | * 2. Correct the color inheritance from `fieldset` elements in IE. 262 | * 3. Remove the padding so developers are not caught out when they zero out 263 | * `fieldset` elements in all browsers. 264 | */ 265 | 266 | legend { 267 | box-sizing: border-box; /* 1 */ 268 | color: inherit; /* 2 */ 269 | display: table; /* 1 */ 270 | max-width: 100%; /* 1 */ 271 | padding: 0; /* 3 */ 272 | white-space: normal; /* 1 */ 273 | } 274 | 275 | /** 276 | * Add the correct vertical alignment in Chrome, Firefox, and Opera. 277 | */ 278 | 279 | progress { 280 | vertical-align: baseline; 281 | } 282 | 283 | /** 284 | * Remove the default vertical scrollbar in IE 10+. 285 | */ 286 | 287 | textarea { 288 | overflow: auto; 289 | } 290 | 291 | /** 292 | * 1. Add the correct box sizing in IE 10. 293 | * 2. Remove the padding in IE 10. 294 | */ 295 | 296 | [type="checkbox"], 297 | [type="radio"] { 298 | box-sizing: border-box; /* 1 */ 299 | padding: 0; /* 2 */ 300 | } 301 | 302 | /** 303 | * Correct the cursor style of increment and decrement buttons in Chrome. 304 | */ 305 | 306 | [type="number"]::-webkit-inner-spin-button, 307 | [type="number"]::-webkit-outer-spin-button { 308 | height: auto; 309 | } 310 | 311 | /** 312 | * 1. Correct the odd appearance in Chrome and Safari. 313 | * 2. Correct the outline style in Safari. 314 | */ 315 | 316 | [type="search"] { 317 | -webkit-appearance: textfield; /* 1 */ 318 | outline-offset: -2px; /* 2 */ 319 | } 320 | 321 | /** 322 | * Remove the inner padding in Chrome and Safari on macOS. 323 | */ 324 | 325 | [type="search"]::-webkit-search-decoration { 326 | -webkit-appearance: none; 327 | } 328 | 329 | /** 330 | * 1. Correct the inability to style clickable types in iOS and Safari. 331 | * 2. Change font properties to `inherit` in Safari. 332 | */ 333 | 334 | ::-webkit-file-upload-button { 335 | -webkit-appearance: button; /* 1 */ 336 | font: inherit; /* 2 */ 337 | } 338 | 339 | /* Interactive 340 | ========================================================================== */ 341 | 342 | /* 343 | * Add the correct display in Edge, IE 10+, and Firefox. 344 | */ 345 | 346 | details { 347 | display: block; 348 | } 349 | 350 | /* 351 | * Add the correct display in all browsers. 352 | */ 353 | 354 | summary { 355 | display: list-item; 356 | } 357 | 358 | /* Misc 359 | ========================================================================== */ 360 | 361 | /** 362 | * Add the correct display in IE 10+. 363 | */ 364 | 365 | template { 366 | display: none; 367 | } 368 | 369 | /** 370 | * Add the correct display in IE 10. 371 | */ 372 | 373 | [hidden] { 374 | display: none; 375 | } 376 | 377 | ul, li { list-style: none; } -------------------------------------------------------------------------------- /css/sassConfig.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bigbigtime/HTML5-CSS3/7d7a81753813ee15479de45041b307a7f60eedf6/css/sassConfig.css -------------------------------------------------------------------------------- /css/sassConfig.scss: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | // 主色 3 | $color-main: #01aab6; 4 | // 辅色 5 | $color-second: #b45d01; 6 | // 文字主色 7 | $text-main: #010101; 8 | // 文字辅色 9 | $text-gray: #a0a0a0; 10 | // 主体宽度 11 | $container: 1200px; 12 | 13 | %clearfix { 14 | height: 1%; 15 | &:after{ 16 | content: "."; 17 | display: block; 18 | height: 0; 19 | clear: both; 20 | visibility: hidden; 21 | } 22 | } 23 | 24 | // 定义浏览器内核属性 25 | @mixin webkit($type, $value){ 26 | -webkit-#{$type}: $value; 27 | -moz-#{$type}: $value; 28 | -ms-#{$type}: $value; 29 | -o-#{$type}: $value; 30 | #{$type}: $value; 31 | } 32 | 33 | @mixin ell($number){ 34 | display: -webkit-box; 35 | -webkit-line-clamp: $number; 36 | -webkit-box-orient: vertical; 37 | overflow: hidden; 38 | } -------------------------------------------------------------------------------- /css/share.css: -------------------------------------------------------------------------------- 1 | .bshare-custom { 2 | position: absolute; 3 | left: 15px; 4 | top: 177px; } 5 | 6 | #bshare .txt { 7 | display: block; 8 | margin-bottom: 4px; 9 | text-align: center; 10 | font-size: 12px; 11 | color: #a0a0a0; } 12 | #bshare.bshare-custom a { 13 | display: block; 14 | width: 45px; 15 | height: 45px; 16 | padding-left: 0 !important; 17 | margin-bottom: 2px; 18 | background-image: url(../images/icon-share-aside.png); 19 | background-repeat: no-repeat; 20 | background-color: #f1f1f1; } 21 | #bshare.bshare-custom.icon-medium-plus .bshare-sinaminiblog { 22 | background-position: 0 0; } 23 | #bshare.bshare-custom.icon-medium-plus .bshare-weixin { 24 | background-position: 0 -45px; } 25 | #bshare.bshare-custom.icon-medium-plus .bshare-qzone { 26 | background-position: 0 -90px; } 27 | #bshare.bshare-custom.icon-medium-plus .bshare-qqmb { 28 | background-position: 0 -135px; } 29 | #bshare.bshare-custom.icon-medium-plus a.bshare-more.more-style-addthis { 30 | background-position: 0 -180px; } 31 | -------------------------------------------------------------------------------- /css/share.scss: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | @import 'sassConfig'; 3 | .bshare-custom { 4 | position: absolute; 5 | left: 15px; 6 | top: 177px; 7 | } 8 | #bshare { 9 | .txt { 10 | display: block; 11 | margin-bottom: 4px; 12 | text-align: center; 13 | font-size: 12px; 14 | color: $text-gray; 15 | } 16 | &.bshare-custom { 17 | a { 18 | display: block; 19 | width: 45px; 20 | height: 45px; 21 | padding-left: 0 !important; 22 | margin-bottom: 2px; 23 | background-image: url(../images/icon-share-aside.png); 24 | background-repeat: no-repeat; 25 | background-color: #f1f1f1; 26 | } 27 | &.icon-medium-plus { 28 | .bshare-sinaminiblog { background-position: 0 0; } 29 | .bshare-weixin { background-position: 0 -45px; } 30 | .bshare-qzone { background-position: 0 -90px; } 31 | .bshare-qqmb { background-position: 0 -135px; } 32 | a.bshare-more.more-style-addthis { background-position: 0 -180px; } 33 | } 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | } 45 | } 46 | 47 | -------------------------------------------------------------------------------- /data/index.php: -------------------------------------------------------------------------------- 1 | 10, 9 | 'imgUrl' => 'http://www.web-jshtml.cn/data/upload/1f2d1g23d1r65awe1fdf.jpg', 10 | 'title' => '郎朗口腔', 11 | 'dec' => '诊所内设有典雅舒适、风格各异的独立诊疗室，如奇趣可爱的儿童诊室、适应女性需求的Hello Kitty' 12 | ), 13 | array( 14 | 'id' => 11, 15 | 'imgUrl' => 'http://www.web-jshtml.cn/data/upload/8w4d6f11vds1fasd1f3dsf.jpg', 16 | 'title' => '舒适的就诊环境', 17 | 'dec' => '诊所内设有典雅舒适、风格各异的独立诊疗室，如奇趣可爱的儿童诊室、适应女性需求的...' 18 | ), 19 | array( 20 | 'id' => 12, 21 | 'imgUrl' => 'http://www.web-jshtml.cn/data/upload/45df1dd21f3ae1ds1fd1fdsf.jpg', 22 | 'title' => '郎朗口腔', 23 | 'dec' => '朗朗口腔拥有全球先进口腔诊疗技术，引进国外多款高端的齿科诊疗设备。包括：德国进口种植机...' 24 | ) 25 | ); 26 | } 27 | 28 | /**朗朗公益 */ 29 | if($module == 'welfare' && $categoryId == 10000) { 30 | $dataItem = array( 31 | array( 32 | 'id' => 10, 33 | 'date' => '2016-09-17', 34 | 'imgUrl' => 'http://www.web-jshtml.cn/data/upload/23dsf1sd1f21sdf3.jpg', 35 | 'title' => '爱能养老院活动', 36 | 'dec' => '', 37 | 'color' => '', 38 | 'bgColor' => 'eae9e4' 39 | ), 40 | array( 41 | 'id' => 11, 42 | 'date' => '2016-09-17', 43 | 'imgUrl' => 'http://www.web-jshtml.cn/data/upload/2d1f651df1df1asfdfas.jpg', 44 | 'title' => '美吉姆早教义诊活动', 45 | 'dec' => '在“牙齿健康从娃娃抓起”大型美吉姆公益义诊活动现场，参与活动的朗朗口腔辽宁分公司儿童口腔专家王阳有着丰富的临床治疗经验，包括儿童龋病、儿童口腔外科、儿童错颌畸形早期矫治等，囊括了儿童口腔健康的各个方面。王医生现场对孩子们进行了细致的口腔检查', 46 | 'color' => '', 47 | 'bgColor' => 'ffffff' 48 | ), 49 | array( 50 | 'id' => 12, 51 | 'date' => '2016-09-17', 52 | 'imgUrl' => 'http://www.web-jshtml.cn/data/upload/ds4af654d1f32adsf2we1f2dsf.jpg', 53 | 'title' => '商业城公益捐赠活动', 54 | 'dec' => '朗朗口腔辽宁分公司于2016年9月17日在沈阳核心商圈中街商业城举办公益助残捐赠活动，本次共计为辽宁省残疾人福利基金会捐助善款184500元，朗朗口腔辽宁分公司CEO张显威、总经理杜忠华、原省委宣传部副部长葛本亮、辽宁省残联秘书长胡雅菊、商业城总经理刘丽', 55 | 'color' => 'color-white', 56 | 'bgColor' => 'e03854' 57 | ) 58 | ); 59 | } 60 | 61 | $result = array( 62 | 'resCode' => 0, 63 | 'data' => $dataItem, 64 | 'message' => 'OK' 65 | ); 66 | exit(json_encode($result)); 67 | ?> -------------------------------------------------------------------------------- /data/indexNews.php: -------------------------------------------------------------------------------- 1 | 10, 9 | 'imgUrl' => 'http://www.web-jshtml.cn/data/upload/1562320368674076.jpg', 10 | 'title' => '覆盖全国2000家口腔门诊的公益医疗合作协议在北京签订', 11 | 'time' => '2019-06-18 12:00:03', 12 | 'dec' => '朗朗医疗投资有限公司（以下简称朗朗医疗投资）、北京深蓝安康科技发展有限公司（以下简称深蓝安康）与名医看牙-深圳茗医口腔医生集团（以下简称名医看牙）三方就公益医疗在北京签订合作框架协议！' 13 | ), 14 | array( 15 | 'id' => 11, 16 | 'imgUrl' => 'http://www.web-jshtml.cn/data/upload/1560994367822823.jpg', 17 | 'title' => '成都站∣国际化高端口腔连锁品牌——茁悦口腔加入“关爱口腔 健康中国”公益活动', 18 | 'time' => '2019-06-18 12:00:03', 19 | 'dec' => '2019年6月16日，“关爱口腔 健康中国”公益活动成都站启动暨授牌仪式正式举行。四川省各界热衷公益活动的老领导们、主办方朗朗医疗投资有限公司副总裁兼事业支持部总经理张靖先生、财务总监李生国先生、公益活动唯一指定种植体合作企业——西班牙泰科股份公司中国区总经理兼首席代表孙慧东先生、深圳市中金信富股权投资有限公司总经理兼华西牙科口腔护理项目组副组长刘麒麟先生、朗朗口腔事业合伙人简阳百年蕾氏牙科董事长朱英女士及中英人寿、招商银行等各界相关领导、业内人士共同出席了活动。' 20 | ), 21 | array( 22 | 'id' => 45, 23 | 'imgUrl' => 'http://www.web-jshtml.cn/data/upload/1560993608676134.jpg', 24 | 'title' => '震撼开启！“关爱口腔 健康中国”公益活动平顶山站来了！', 25 | 'time' => '2019-06-17 13:05:20', 26 | 'dec' => '6月16日下午，河南省平顶山市广播电视台演播大厅座无虚席、高朋满座。由中国保健协会指导，中国保健协会健康服务与研究专业委员会、朗朗医疗投资有限公司主办的“关爱口腔 健康中国”公益活动平顶山站启动仪式隆重举行！' 27 | ) 28 | ); 29 | } 30 | 31 | if($categoryId == 2){ 32 | $dataItem = array( 33 | array( 34 | 'id' => 58, 35 | 'imgUrl' => 'http://www.web-jshtml.cn/data/upload/1559546886439510.jpg', 36 | 'title' => '华西&朗朗战略合作新进展！看看他俩你就明白了', 37 | 'time' => '2019-05-30 13:05:20', 38 | 'dec' => '2018年9月， 西班牙加泰罗尼亚国际大学副教授Dr.Alberto Monje以第一作者发表在《临床口腔种植研究》——一个全球影响力很高的牙科专业杂志上的论文《种植体稳定性指标在监测进行性种植体周围骨质流失中的诊断准确性：犬的实验研究》，其实验结果对比显示：Ticare的植入物具有更好的骨结合或稳定性。' 39 | ), 40 | array( 41 | 'id' => 345, 42 | 'imgUrl' => 'http://www.web-jshtml.cn/data/upload/1560493592978816.jpg', 43 | 'title' => '“我当小牙医，给爸爸妈妈看牙”', 44 | 'time' => '2019-06-08', 45 | 'dec' => '六一儿童节，“小牙医公益活动”在大连西岗朗朗富来慕口腔门诊部举行，10名儿童在爸爸妈妈的陪伴下进行了生动的小牙医职业体验' 46 | ), 47 | array( 48 | 'id' => 34545, 49 | 'imgUrl' => 'http://www.web-jshtml.cn/data/upload/1557885175331018.jpg', 50 | 'title' => '深圳朗朗口腔富诚门诊部匠心打造“小小牙医”，萌宝通关献爱平安冠军团队', 51 | 'time' => '2019-06-18 12:00:03', 52 | 'dec' => '作为世界500强公司销售冠军团队的成员，弘龙18部的美妈们平时可没少通关，无数次的实战话术、场景演练，才练就美妈们专业、自信、当之无愧的冠军姿态。而作为冠军妈妈的宝宝，这一次，换萌宝来通关啦！' 53 | ), 54 | array( 55 | 'id' => 3453, 56 | 'imgUrl' => 'http://www.web-jshtml.cn/data/upload/1534144939963151.jpg', 57 | 'title' => '朗朗口腔“小小牙医”，助力平安三十周年客户回馈', 58 | 'time' => '2019-06-17 13:05:20', 59 | 'dec' => '上周开始，朗朗口腔携手平安人寿各地分公司举办“朗朗小小牙医”系列职业体验活动，在助力平安三十周年回馈客户的同时，大力普及口腔保健理念，开展口腔教育。' 60 | ) 61 | ); 62 | } 63 | 64 | if($categoryId == 3){ 65 | $dataItem = array( 66 | array( 67 | 'id' => 676, 68 | 'imgUrl' => 'http://www.web-jshtml.cn/data/upload/1559548139917870.jpg', 69 | 'title' => '公益前线 | 精益口腔21周年庆“健康+公益”暖动郑州', 70 | 'time' => '2019-06-08', 71 | 'dec' => '5月28日上午，“关爱口腔 健康中国”公益活动郑州站正式启动！作为郑州市的服务站代表，恰逢二十一周年庆的精益口腔，承诺将以专业的技术实力、不忘公益的初心推广和普及口腔健康知识，守护好患者的每一颗牙齿。' 72 | ), 73 | array( 74 | 'id' => 865, 75 | 'imgUrl' => 'http://www.web-jshtml.cn/data/upload/1558074682578884.jpg', 76 | 'title' => '公益前线 | “健康鹰城 感恩母亲”公益活动传递爱', 77 | 'time' => '2019-06-18 12:00:03', 78 | 'dec' => '5月12日是母亲节，当天上午“关爱口腔 健康中国” 平顶山市公益服务站牙乐福口腔门诊举行“健康鹰城，感恩母亲”公益活动，牙乐福口腔门诊向河南省孝文化促进会平顶山委员会捐赠价值100万元的西班牙进口牙种植体。' 79 | ), 80 | array( 81 | 'id' => 3456, 82 | 'imgUrl' => 'http://www.web-jshtml.cn/data/upload/15ebcb6bd0fc94eef3f1facbbbe82abc.jpg', 83 | 'title' => '【公示】“关爱口腔 健康中国”公益使者名单', 84 | 'time' => '2019-06-17 13:05:20', 85 | 'dec' => '上周开始，朗朗口腔携手平安人寿各地分公司举办“朗朗小小牙医”系列职业体验活动，在助力平安三十周年回馈客户的同时，大力普及口腔保健理念，开展口腔教育。' 86 | ) 87 | ); 88 | } 89 | 90 | 91 | if($categoryId == 4){ 92 | $dataItem = array( 93 | array( 94 | 'id' => 231, 95 | 'imgUrl' => 'http://www.web-jshtml.cn/data/upload/1557027272815129.jpg', 96 | 'title' => '公益前线∣泉云口腔20年华诞“公益+健康”', 97 | 'time' => '2019-05-30 13:05:20', 98 | 'dec' => '4月28日下午1时30分，“关爱口腔 健康中国”莱阳市公益服务站泉云口腔隆重举行20年华诞公益感恩盛典，用公益的理念、前沿的技术、空前的福利、精彩的演出让梨乡新老客户尽享爱心之行。' 99 | ), 100 | array( 101 | 'id' => 785, 102 | 'imgUrl' => 'http://www.web-jshtml.cn/data/upload/1531726163149414.jpg', 103 | 'title' => '朗朗雅博尔口腔十五周年庆，感恩有您！', 104 | 'time' => '2019-05-30 13:05:20', 105 | 'dec' => '朗朗雅博尔口腔十五周年庆，感恩有您！朗朗雅博尔口腔十五周年庆，感恩有您！朗朗雅博尔口腔十五周年庆，感恩有您！朗朗雅博尔口腔十五周年庆，感恩有您！朗朗雅博尔口腔十五周年庆，感恩有您！' 106 | ) 107 | ); 108 | } 109 | 110 | $result = array( 111 | 'resCode' => 0, 112 | 'data' => $dataItem, 113 | 'message' => 'OK' 114 | ); 115 | exit(json_encode($result)); 116 | ?> -------------------------------------------------------------------------------- /data/newsCategory.php: -------------------------------------------------------------------------------- 1 | 1, 6 | 'categoryName' => '行业动态', 7 | 'type' => 'industry' 8 | ), 9 | array( 10 | 'id' => 2, 11 | 'categoryName' => '朗朗资讯', 12 | 'type' => 'information' 13 | ), 14 | array( 15 | 'id' => 3, 16 | 'categoryName' => '媒体报道', 17 | 'type' => 'media' 18 | ), 19 | array( 20 | 'id' => 4, 21 | 'categoryName' => '公益活动', 22 | 'type' => 'welfare' 23 | ) 24 | ); 25 | 26 | $result = array( 27 | 'resCode' => 0, 28 | 'data' => $dataItem, 29 | 'message' => 'OK' 30 | ); 31 | exit(json_encode($result)); 32 | ?> -------------------------------------------------------------------------------- /error/400.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 400 错误 - phpstudy 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 47 | 48 | 49 |
50 |
51 |

HTTP 400 - Bad Request

52 |
53 |
错误说明：因为错误的语法导致服务器无法理解请求信息。
54 |
原因1：客户端发起的请求不符合服务器对请求的某些限制，或者请求本身存在一定的错误。
55 |
解决办法：
56 |
链接中有特殊字符或者链接长度过长导致，请对应修改.
57 |
原因2：request header 或者 cookie 过大所引起
58 |
解决办法：
59 |
crtl+shift+delete 快捷键清除cookie.
60 |
61 |
使用手册，视频教程，BUG反馈，官网地址： www.xp.cn
62 | 63 |
64 |
65 | 66 | -------------------------------------------------------------------------------- /error/403.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 403 错误 - phpstudy 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 47 | 48 | 49 |
50 |
51 |

403 - Forbidden 禁止访问: 访问被拒绝

52 |
53 |
错误说明：禁止访问，服务器拒绝访问
54 |
原因1：未找到默认的索引文件
55 |
解决办法：
56 |
IIS中【启用默认内容文档】选项中将默认打开文档修改为程序首页文件格式，如：index.html或者index.php
57 |
原因2：文件夹安全权限导致
58 |
解决办法：
59 |
程序文件-右击-属性-安全-Users-修改为读取和执行权限
60 |
61 |
使用手册，视频教程，BUG反馈，官网地址： www.xp.cn
62 | 63 |
64 |
65 | 66 | -------------------------------------------------------------------------------- /error/404.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 404 错误 - phpstudy 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 47 | 48 | 49 |
50 |
51 |

404 - Page Not Found 未找到

52 |
53 |
错误说明：请求的页面不存在
54 |
原因1：访问的文档权限不够
55 |
解决办法：
56 |
修改文件权限为755，windos系统修改目录权限为可写可读。
57 |
原因2：防火墙的原因
58 |
解决办法：
59 |
先关闭让防火墙通过WWW服务。
60 |
原因3：站点根目录无默认访问文件
61 |
解决办法：
62 |
在根目录中创建index.html或者创建index.php。
63 |
原因4：站点配置目录不正确
64 |
解决办法：
65 |
将网站应用程序复制到站点目录中，或者修改站点配置目录指定到应用程序目录中。
66 |
原因5：站点使用了伪静态
67 |
解决办法：
68 |
将伪静态规则删除，或者重新编写正确的伪静态规则，或关闭伪静态配置。
69 |
70 |
使用手册，视频教程，BUG反馈，官网地址： www.xp.cn
71 | 72 |
73 |
74 | 75 | -------------------------------------------------------------------------------- /error/500.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 500 错误 - phpstudy 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 47 | 48 | 49 |
50 |
51 |

HTTP 500 - Internal Server Error 服务器内部错误

52 |
53 |
错误说明：服务器内部错误，无法完成请求
54 |
原因1：伪静态规则不正确
55 |
解决办法：
56 |
修改伪静态。
57 |
原因2：php版本与网站程序不兼容
58 |
解决办法：
59 |
更换PHP版本。
60 |
原因3：网站无法连接至数据库
61 |
解决办法：
62 |
正确修改站点的数据库配置文件。
63 |
原因4：php禁用了某一函数，需要开启
64 |
解决办法：
65 |
开启相关禁用函数。
66 |
原因5：站点需要访问站外目录
67 |
解决办法：
68 |
关闭防跨站处理。
69 |
原因6：源码本身有BUG
70 |
解决办法：
71 |
修复源码bug。
72 |
73 |
使用手册，视频教程，BUG反馈，官网地址： www.xp.cn
74 | 75 |
76 |
77 | 78 | -------------------------------------------------------------------------------- /error/501.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 501 错误 - phpstudy 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 47 | 48 | 49 |
50 |
51 |

HTTP 501 - Not Implemented

52 |
53 |
错误说明：服务器没有相应的执行动作来完成当前请求。
54 |
原因1：Web 服务器不支持实现此请求所需的功能
55 |
解决办法：
56 |
可以用来HttpWebRequest指定一个UserAgent来试试的，有时候你可以换电脑来测试一下的。
57 |
58 |
使用手册，视频教程，BUG反馈，官网地址： www.xp.cn
59 | 60 |
61 |
62 | 63 | -------------------------------------------------------------------------------- /error/502.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 502 错误 - phpstudy 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 47 | 48 | 49 |
50 |
51 |

HTTP 502 - Bad Gateway 没有响应

52 |
53 |
错误说明：坏的网关，http向后端节点请求，没有响应
54 |
原因1：DNS 缓冲
55 |
解决办法：
56 |
在dos窗口运行 ipconfig /flushdns，该命令会刷新DNS缓冲。
57 |
原因2：浏览器代理
58 |
解决办法：
59 |
关掉代理。
60 |
原因3：dns 被劫持了，即使使用国外的dns，也会被劫持
61 |
解决办法：
62 |
去掉VPN服务器的DNS。切换另外的dns。在windows系统中，可以在本地网络连接的属性中，去掉默认的dns，选用国外的dns，比如google的或opendns。
63 |
原因4：php执行超时
64 |
解决办法：
65 |
修改/usr/local/php/etc/php.ini 将max_execution_time 改为300。
66 |
原因5：nginx等待时间超时
67 |
解决办法：
68 |
适当增加nginx.conf配置文件中FastCGI的timeout时间。
69 |
70 |
使用手册，视频教程，BUG反馈，官网地址： www.xp.cn
71 | 72 |
73 |
74 | 75 | -------------------------------------------------------------------------------- /error/503.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 503 错误 - phpstudy 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 47 | 48 | 49 |
50 |
51 |

HTTP 503 - Service Unavailable 服务不可用

52 |
53 |
错误说明：服务当前不可用
54 |
原因1：服务不可用状态
55 |
解决办法：
56 |
服务器或许就是正在维护或者暂停了，你可以联系一下服务器空间商。
57 |
原因2：程序占用资源太多
58 |
解决办法：
59 |
通过设置应用程序池把账户改为NetworkService即可解决。
60 |
61 |
使用手册，视频教程，BUG反馈，官网地址： www.xp.cn
62 | 63 |
64 |
65 | 66 | -------------------------------------------------------------------------------- /error/504.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 504 错误 - phpstudy 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 47 | 48 | 49 |
50 |
51 |

HTTP 504 - Gateway Timeout 网关超时

52 |
53 |
错误说明：网关超时，服务器响应时间，达到超出设定的范围
54 |
原因1：后端电脑之间 IP 通讯缓慢而产生
55 |
解决办法：
56 |
如果您的 Web 服务器由某一网站托管， 只有负责那个网站设置的人员才能解决这个问题。
57 |
原因2：由于nginx默认的fastcgi进程响应的缓冲区太小造成的错误
58 |
解决办法：
59 |
一般默认的fastcgi进程响应的缓冲区是8K，这时可以设置大一点，在nginx.conf里，加入：fastcgi_buffers 8 128k这表示设置fastcgi缓冲区为8块128k大小的空间。当然如果在进行某一项即时的操作, 可能需要nginx的超时参数调大点, 例如设置成60秒:send_timeout 60;经过这两个参数的调整，一般不会再提示“504 Gateway Time-out”错误，问题基本解决。
60 |
原因3：PHP环境的配置问题
61 |
解决办法：
62 |
更改php-fpm的几处配置： 把max_children由之前的10改为现在的30，这样就可以保证有充足的php-cgi进程可以被使用； 把request_terminate_timeout由之前的0s改为60s，这样php-cgi进程 处理脚本的超时时间就是60秒，可以防止进程都被挂起，提高利用效率。 接着再更改nginx的几个配置项，减少FastCGI的请求次数，尽量维持buffers不变： fastcgi_buffers由 4 64k 改为 2 256k； fastcgi_buffer_size 由 64k 改为 128K； fastcgi_busy_buffers_size 由 128K 改为 256K； fastcgi_temp_file_write_size 由 128K 改为 256K。 重新加载php-fpm和nginx的配置，再次测试，如果没有出现“504 Gateway Time-out”错误，问题解决。
63 |
64 |
使用手册，视频教程，BUG反馈，官网地址： www.xp.cn
65 | 66 |
67 |
68 | 69 | -------------------------------------------------------------------------------- /error/505.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 505 错误 - phpstudy 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 47 | 48 | 49 |
50 |
51 |

HTTP 505 - HTTP Version Not Supported

52 |
53 |
错误说明：HTTP 版本不受支持。
54 |
原因1：您的 Web 服务器不支持，或拒绝支持客户端（如您的浏览器）在发送给服务器的 HTTP 请求数据流中指定的 HTTP 协议版本
55 |
解决办法：
56 |
升级您的 Web 服务器软件。
57 |
原因2：http请求格式的错误
58 |
解决办法：
59 |
对照一下自己的代码，从打印的信息中终于找到问题所在。可能在请求后面多加了一个空格。http协议真是很严格了。
60 |
61 |
使用手册，视频教程，BUG反馈，官网地址： www.xp.cn
62 | 63 |
64 |
65 | 66 | -------------------------------------------------------------------------------- /error/506.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 506 错误 - phpstudy 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 47 | 48 | 49 |
50 |
51 |

HTTP 506 - Variant Also Negotiates

52 |
53 |
错误说明:
54 |
原因1：服务器存在内部配置错误
55 |
解决办法：
56 |
被请求的协商变元资源被配置为在透明内容协商中使用自己，因此在一个协商处理中不是一个合适的重点。
57 |
58 |
使用手册，视频教程，BUG反馈，官网地址： www.xp.cn
59 | 60 |
61 |
62 | 63 | -------------------------------------------------------------------------------- /error/507.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 507 错误 - phpstudy 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 47 | 48 | 49 |
50 |
51 |

HTTP 507 - Insufficient Storage

52 |
53 |
错误说明:
54 |
原因1：服务器无法存储完成请求所必须的内容
55 |
解决办法：
56 |
这个状况被认为是临时的。WebDAV (RFC 4918)。
57 |
58 |
使用手册，视频教程，BUG反馈，官网地址： www.xp.cn
59 | 60 |
61 |
62 | 63 | -------------------------------------------------------------------------------- /error/509.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 509 错误 - phpstudy 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 47 | 48 | 49 |
50 |
51 |

HTTP 509 - Bandwidth Limit Exceeded

52 |
53 |
错误说明:
54 |
原因1：网站流量已经超出您所购买的方案限制即服务器达到带宽限制
55 |
解决办法：
56 |
1.升级方案 2.等到下个月后流量重新计算,网站即可正常浏览。
57 |
58 |
使用手册，视频教程，BUG反馈，官网地址： www.xp.cn
59 | 60 |
61 |
62 | 63 | -------------------------------------------------------------------------------- /error/510.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 510 错误 - phpstudy 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 47 | 48 | 49 |
50 |
51 |

HTTP 510 - Not Extended

52 |
53 |
错误说明:
54 |
原因1：获取资源所需要的策略并没有被满足
55 |
解决办法：
56 |
需要请求有额外的扩展内容，服务器才能处理请求。
57 |
58 |
使用手册，视频教程，BUG反馈，官网地址： www.xp.cn
59 | 60 |
61 |
62 | 63 | -------------------------------------------------------------------------------- /favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bigbigtime/HTML5-CSS3/7d7a81753813ee15479de45041b307a7f60eedf6/favicon.ico -------------------------------------------------------------------------------- /font/font-awesome-4.7.0/HELP-US-OUT.txt: -------------------------------------------------------------------------------- 1 | I hope you love Font Awesome. If you've found it useful, please do me a favor and check out my latest project, 2 | Fort Awesome (https://fortawesome.com). It makes it easy to put the perfect icons on your website. Choose from our awesome, 3 | comprehensive icon sets or copy and paste your own. 4 | 5 | Please. Check it out. 6 | 7 | -Dave Gandy 8 | -------------------------------------------------------------------------------- /font/font-awesome-4.7.0/fonts/FontAwesome.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bigbigtime/HTML5-CSS3/7d7a81753813ee15479de45041b307a7f60eedf6/font/font-awesome-4.7.0/fonts/FontAwesome.otf -------------------------------------------------------------------------------- /font/font-awesome-4.7.0/fonts/fontawesome-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bigbigtime/HTML5-CSS3/7d7a81753813ee15479de45041b307a7f60eedf6/font/font-awesome-4.7.0/fonts/fontawesome-webfont.eot -------------------------------------------------------------------------------- /font/font-awesome-4.7.0/fonts/fontawesome-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bigbigtime/HTML5-CSS3/7d7a81753813ee15479de45041b307a7f60eedf6/font/font-awesome-4.7.0/fonts/fontawesome-webfont.ttf -------------------------------------------------------------------------------- /font/font-awesome-4.7.0/fonts/fontawesome-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bigbigtime/HTML5-CSS3/7d7a81753813ee15479de45041b307a7f60eedf6/font/font-awesome-4.7.0/fonts/fontawesome-webfont.woff -------------------------------------------------------------------------------- /font/font-awesome-4.7.0/fonts/fontawesome-webfont.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bigbigtime/HTML5-CSS3/7d7a81753813ee15479de45041b307a7f60eedf6/font/font-awesome-4.7.0/fonts/fontawesome-webfont.woff2 -------------------------------------------------------------------------------- /font/font-awesome-4.7.0/less/animated.less: -------------------------------------------------------------------------------- 1 | // Animated Icons 2 | // -------------------------- 3 | 4 | .@{fa-css-prefix}-spin { 5 | -webkit-animation: fa-spin 2s infinite linear; 6 | animation: fa-spin 2s infinite linear; 7 | } 8 | 9 | .@{fa-css-prefix}-pulse { 10 | -webkit-animation: fa-spin 1s infinite steps(8); 11 | animation: fa-spin 1s infinite steps(8); 12 | } 13 | 14 | @-webkit-keyframes fa-spin { 15 | 0% { 16 | -webkit-transform: rotate(0deg); 17 | transform: rotate(0deg); 18 | } 19 | 100% { 20 | -webkit-transform: rotate(359deg); 21 | transform: rotate(359deg); 22 | } 23 | } 24 | 25 | @keyframes fa-spin { 26 | 0% { 27 | -webkit-transform: rotate(0deg); 28 | transform: rotate(0deg); 29 | } 30 | 100% { 31 | -webkit-transform: rotate(359deg); 32 | transform: rotate(359deg); 33 | } 34 | } 35 | -------------------------------------------------------------------------------- /font/font-awesome-4.7.0/less/bordered-pulled.less: -------------------------------------------------------------------------------- 1 | // Bordered & Pulled 2 | // ------------------------- 3 | 4 | .@{fa-css-prefix}-border { 5 | padding: .2em .25em .15em; 6 | border: solid .08em @fa-border-color; 7 | border-radius: .1em; 8 | } 9 | 10 | .@{fa-css-prefix}-pull-left { float: left; } 11 | .@{fa-css-prefix}-pull-right { float: right; } 12 | 13 | .@{fa-css-prefix} { 14 | &.@{fa-css-prefix}-pull-left { margin-right: .3em; } 15 | &.@{fa-css-prefix}-pull-right { margin-left: .3em; } 16 | } 17 | 18 | /* Deprecated as of 4.4.0 */ 19 | .pull-right { float: right; } 20 | .pull-left { float: left; } 21 | 22 | .@{fa-css-prefix} { 23 | &.pull-left { margin-right: .3em; } 24 | &.pull-right { margin-left: .3em; } 25 | } 26 | -------------------------------------------------------------------------------- /font/font-awesome-4.7.0/less/core.less: -------------------------------------------------------------------------------- 1 | // Base Class Definition 2 | // ------------------------- 3 | 4 | .@{fa-css-prefix} { 5 | display: inline-block; 6 | font: normal normal normal @fa-font-size-base/@fa-line-height-base FontAwesome; // shortening font declaration 7 | font-size: inherit; // can't have font-size inherit on line above, so need to override 8 | text-rendering: auto; // optimizelegibility throws things off #1094 9 | -webkit-font-smoothing: antialiased; 10 | -moz-osx-font-smoothing: grayscale; 11 | 12 | } 13 | -------------------------------------------------------------------------------- /font/font-awesome-4.7.0/less/fixed-width.less: -------------------------------------------------------------------------------- 1 | // Fixed Width Icons 2 | // ------------------------- 3 | .@{fa-css-prefix}-fw { 4 | width: (18em / 14); 5 | text-align: center; 6 | } 7 | -------------------------------------------------------------------------------- /font/font-awesome-4.7.0/less/font-awesome.less: -------------------------------------------------------------------------------- 1 | /*! 2 | * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome 3 | * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) 4 | */ 5 | 6 | @import "variables.less"; 7 | @import "mixins.less"; 8 | @import "path.less"; 9 | @import "core.less"; 10 | @import "larger.less"; 11 | @import "fixed-width.less"; 12 | @import "list.less"; 13 | @import "bordered-pulled.less"; 14 | @import "animated.less"; 15 | @import "rotated-flipped.less"; 16 | @import "stacked.less"; 17 | @import "icons.less"; 18 | @import "screen-reader.less"; 19 | -------------------------------------------------------------------------------- /font/font-awesome-4.7.0/less/larger.less: -------------------------------------------------------------------------------- 1 | // Icon Sizes 2 | // ------------------------- 3 | 4 | /* makes the font 33% larger relative to the icon container */ 5 | .@{fa-css-prefix}-lg { 6 | font-size: (4em / 3); 7 | line-height: (3em / 4); 8 | vertical-align: -15%; 9 | } 10 | .@{fa-css-prefix}-2x { font-size: 2em; } 11 | .@{fa-css-prefix}-3x { font-size: 3em; } 12 | .@{fa-css-prefix}-4x { font-size: 4em; } 13 | .@{fa-css-prefix}-5x { font-size: 5em; } 14 | -------------------------------------------------------------------------------- /font/font-awesome-4.7.0/less/list.less: -------------------------------------------------------------------------------- 1 | // List Icons 2 | // ------------------------- 3 | 4 | .@{fa-css-prefix}-ul { 5 | padding-left: 0; 6 | margin-left: @fa-li-width; 7 | list-style-type: none; 8 | > li { position: relative; } 9 | } 10 | .@{fa-css-prefix}-li { 11 | position: absolute; 12 | left: -@fa-li-width; 13 | width: @fa-li-width; 14 | top: (2em / 14); 15 | text-align: center; 16 | &.@{fa-css-prefix}-lg { 17 | left: (-@fa-li-width + (4em / 14)); 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /font/font-awesome-4.7.0/less/mixins.less: -------------------------------------------------------------------------------- 1 | // Mixins 2 | // -------------------------- 3 | 4 | .fa-icon() { 5 | display: inline-block; 6 | font: normal normal normal @fa-font-size-base/@fa-line-height-base FontAwesome; // shortening font declaration 7 | font-size: inherit; // can't have font-size inherit on line above, so need to override 8 | text-rendering: auto; // optimizelegibility throws things off #1094 9 | -webkit-font-smoothing: antialiased; 10 | -moz-osx-font-smoothing: grayscale; 11 | 12 | } 13 | 14 | .fa-icon-rotate(@degrees, @rotation) { 15 | -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=@{rotation})"; 16 | -webkit-transform: rotate(@degrees); 17 | -ms-transform: rotate(@degrees); 18 | transform: rotate(@degrees); 19 | } 20 | 21 | .fa-icon-flip(@horiz, @vert, @rotation) { 22 | -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=@{rotation}, mirror=1)"; 23 | -webkit-transform: scale(@horiz, @vert); 24 | -ms-transform: scale(@horiz, @vert); 25 | transform: scale(@horiz, @vert); 26 | } 27 | 28 | 29 | // Only display content to screen readers. A la Bootstrap 4. 30 | // 31 | // See: http://a11yproject.com/posts/how-to-hide-content/ 32 | 33 | .sr-only() { 34 | position: absolute; 35 | width: 1px; 36 | height: 1px; 37 | padding: 0; 38 | margin: -1px; 39 | overflow: hidden; 40 | clip: rect(0,0,0,0); 41 | border: 0; 42 | } 43 | 44 | // Use in conjunction with .sr-only to only display content when it's focused. 45 | // 46 | // Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1 47 | // 48 | // Credit: HTML5 Boilerplate 49 | 50 | .sr-only-focusable() { 51 | &:active, 52 | &:focus { 53 | position: static; 54 | width: auto; 55 | height: auto; 56 | margin: 0; 57 | overflow: visible; 58 | clip: auto; 59 | } 60 | } 61 | -------------------------------------------------------------------------------- /font/font-awesome-4.7.0/less/path.less: -------------------------------------------------------------------------------- 1 | /* FONT PATH 2 | * -------------------------- */ 3 | 4 | @font-face { 5 | font-family: 'FontAwesome'; 6 | src: url('@{fa-font-path}/fontawesome-webfont.eot?v=@{fa-version}'); 7 | src: url('@{fa-font-path}/fontawesome-webfont.eot?#iefix&v=@{fa-version}') format('embedded-opentype'), 8 | url('@{fa-font-path}/fontawesome-webfont.woff2?v=@{fa-version}') format('woff2'), 9 | url('@{fa-font-path}/fontawesome-webfont.woff?v=@{fa-version}') format('woff'), 10 | url('@{fa-font-path}/fontawesome-webfont.ttf?v=@{fa-version}') format('truetype'), 11 | url('@{fa-font-path}/fontawesome-webfont.svg?v=@{fa-version}#fontawesomeregular') format('svg'); 12 | // src: url('@{fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts 13 | font-weight: normal; 14 | font-style: normal; 15 | } 16 | -------------------------------------------------------------------------------- /font/font-awesome-4.7.0/less/rotated-flipped.less: -------------------------------------------------------------------------------- 1 | // Rotated & Flipped Icons 2 | // ------------------------- 3 | 4 | .@{fa-css-prefix}-rotate-90 { .fa-icon-rotate(90deg, 1); } 5 | .@{fa-css-prefix}-rotate-180 { .fa-icon-rotate(180deg, 2); } 6 | .@{fa-css-prefix}-rotate-270 { .fa-icon-rotate(270deg, 3); } 7 | 8 | .@{fa-css-prefix}-flip-horizontal { .fa-icon-flip(-1, 1, 0); } 9 | .@{fa-css-prefix}-flip-vertical { .fa-icon-flip(1, -1, 2); } 10 | 11 | // Hook for IE8-9 12 | // ------------------------- 13 | 14 | :root .@{fa-css-prefix}-rotate-90, 15 | :root .@{fa-css-prefix}-rotate-180, 16 | :root .@{fa-css-prefix}-rotate-270, 17 | :root .@{fa-css-prefix}-flip-horizontal, 18 | :root .@{fa-css-prefix}-flip-vertical { 19 | filter: none; 20 | } 21 | -------------------------------------------------------------------------------- /font/font-awesome-4.7.0/less/screen-reader.less: -------------------------------------------------------------------------------- 1 | // Screen Readers 2 | // ------------------------- 3 | 4 | .sr-only { .sr-only(); } 5 | .sr-only-focusable { .sr-only-focusable(); } 6 | -------------------------------------------------------------------------------- /font/font-awesome-4.7.0/less/stacked.less: -------------------------------------------------------------------------------- 1 | // Stacked Icons 2 | // ------------------------- 3 | 4 | .@{fa-css-prefix}-stack { 5 | position: relative; 6 | display: inline-block; 7 | width: 2em; 8 | height: 2em; 9 | line-height: 2em; 10 | vertical-align: middle; 11 | } 12 | .@{fa-css-prefix}-stack-1x, .@{fa-css-prefix}-stack-2x { 13 | position: absolute; 14 | left: 0; 15 | width: 100%; 16 | text-align: center; 17 | } 18 | .@{fa-css-prefix}-stack-1x { line-height: inherit; } 19 | .@{fa-css-prefix}-stack-2x { font-size: 2em; } 20 | .@{fa-css-prefix}-inverse { color: @fa-inverse; } 21 | -------------------------------------------------------------------------------- /font/font-awesome-4.7.0/scss/_animated.scss: -------------------------------------------------------------------------------- 1 | // Spinning Icons 2 | // -------------------------- 3 | 4 | .#{$fa-css-prefix}-spin { 5 | -webkit-animation: fa-spin 2s infinite linear; 6 | animation: fa-spin 2s infinite linear; 7 | } 8 | 9 | .#{$fa-css-prefix}-pulse { 10 | -webkit-animation: fa-spin 1s infinite steps(8); 11 | animation: fa-spin 1s infinite steps(8); 12 | } 13 | 14 | @-webkit-keyframes fa-spin { 15 | 0% { 16 | -webkit-transform: rotate(0deg); 17 | transform: rotate(0deg); 18 | } 19 | 100% { 20 | -webkit-transform: rotate(359deg); 21 | transform: rotate(359deg); 22 | } 23 | } 24 | 25 | @keyframes fa-spin { 26 | 0% { 27 | -webkit-transform: rotate(0deg); 28 | transform: rotate(0deg); 29 | } 30 | 100% { 31 | -webkit-transform: rotate(359deg); 32 | transform: rotate(359deg); 33 | } 34 | } 35 | -------------------------------------------------------------------------------- /font/font-awesome-4.7.0/scss/_bordered-pulled.scss: -------------------------------------------------------------------------------- 1 | // Bordered & Pulled 2 | // ------------------------- 3 | 4 | .#{$fa-css-prefix}-border { 5 | padding: .2em .25em .15em; 6 | border: solid .08em $fa-border-color; 7 | border-radius: .1em; 8 | } 9 | 10 | .#{$fa-css-prefix}-pull-left { float: left; } 11 | .#{$fa-css-prefix}-pull-right { float: right; } 12 | 13 | .#{$fa-css-prefix} { 14 | &.#{$fa-css-prefix}-pull-left { margin-right: .3em; } 15 | &.#{$fa-css-prefix}-pull-right { margin-left: .3em; } 16 | } 17 | 18 | /* Deprecated as of 4.4.0 */ 19 | .pull-right { float: right; } 20 | .pull-left { float: left; } 21 | 22 | .#{$fa-css-prefix} { 23 | &.pull-left { margin-right: .3em; } 24 | &.pull-right { margin-left: .3em; } 25 | } 26 | -------------------------------------------------------------------------------- /font/font-awesome-4.7.0/scss/_core.scss: -------------------------------------------------------------------------------- 1 | // Base Class Definition 2 | // ------------------------- 3 | 4 | .#{$fa-css-prefix} { 5 | display: inline-block; 6 | font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration 7 | font-size: inherit; // can't have font-size inherit on line above, so need to override 8 | text-rendering: auto; // optimizelegibility throws things off #1094 9 | -webkit-font-smoothing: antialiased; 10 | -moz-osx-font-smoothing: grayscale; 11 | 12 | } 13 | -------------------------------------------------------------------------------- /font/font-awesome-4.7.0/scss/_fixed-width.scss: -------------------------------------------------------------------------------- 1 | // Fixed Width Icons 2 | // ------------------------- 3 | .#{$fa-css-prefix}-fw { 4 | width: (18em / 14); 5 | text-align: center; 6 | } 7 | -------------------------------------------------------------------------------- /font/font-awesome-4.7.0/scss/_larger.scss: -------------------------------------------------------------------------------- 1 | // Icon Sizes 2 | // ------------------------- 3 | 4 | /* makes the font 33% larger relative to the icon container */ 5 | .#{$fa-css-prefix}-lg { 6 | font-size: (4em / 3); 7 | line-height: (3em / 4); 8 | vertical-align: -15%; 9 | } 10 | .#{$fa-css-prefix}-2x { font-size: 2em; } 11 | .#{$fa-css-prefix}-3x { font-size: 3em; } 12 | .#{$fa-css-prefix}-4x { font-size: 4em; } 13 | .#{$fa-css-prefix}-5x { font-size: 5em; } 14 | -------------------------------------------------------------------------------- /font/font-awesome-4.7.0/scss/_list.scss: -------------------------------------------------------------------------------- 1 | // List Icons 2 | // ------------------------- 3 | 4 | .#{$fa-css-prefix}-ul { 5 | padding-left: 0; 6 | margin-left: $fa-li-width; 7 | list-style-type: none; 8 | > li { position: relative; } 9 | } 10 | .#{$fa-css-prefix}-li { 11 | position: absolute; 12 | left: -$fa-li-width; 13 | width: $fa-li-width; 14 | top: (2em / 14); 15 | text-align: center; 16 | &.#{$fa-css-prefix}-lg { 17 | left: -$fa-li-width + (4em / 14); 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /font/font-awesome-4.7.0/scss/_mixins.scss: -------------------------------------------------------------------------------- 1 | // Mixins 2 | // -------------------------- 3 | 4 | @mixin fa-icon() { 5 | display: inline-block; 6 | font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration 7 | font-size: inherit; // can't have font-size inherit on line above, so need to override 8 | text-rendering: auto; // optimizelegibility throws things off #1094 9 | -webkit-font-smoothing: antialiased; 10 | -moz-osx-font-smoothing: grayscale; 11 | 12 | } 13 | 14 | @mixin fa-icon-rotate($degrees, $rotation) { 15 | -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation})"; 16 | -webkit-transform: rotate($degrees); 17 | -ms-transform: rotate($degrees); 18 | transform: rotate($degrees); 19 | } 20 | 21 | @mixin fa-icon-flip($horiz, $vert, $rotation) { 22 | -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}, mirror=1)"; 23 | -webkit-transform: scale($horiz, $vert); 24 | -ms-transform: scale($horiz, $vert); 25 | transform: scale($horiz, $vert); 26 | } 27 | 28 | 29 | // Only display content to screen readers. A la Bootstrap 4. 30 | // 31 | // See: http://a11yproject.com/posts/how-to-hide-content/ 32 | 33 | @mixin sr-only { 34 | position: absolute; 35 | width: 1px; 36 | height: 1px; 37 | padding: 0; 38 | margin: -1px; 39 | overflow: hidden; 40 | clip: rect(0,0,0,0); 41 | border: 0; 42 | } 43 | 44 | // Use in conjunction with .sr-only to only display content when it's focused. 45 | // 46 | // Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1 47 | // 48 | // Credit: HTML5 Boilerplate 49 | 50 | @mixin sr-only-focusable { 51 | &:active, 52 | &:focus { 53 | position: static; 54 | width: auto; 55 | height: auto; 56 | margin: 0; 57 | overflow: visible; 58 | clip: auto; 59 | } 60 | } 61 | -------------------------------------------------------------------------------- /font/font-awesome-4.7.0/scss/_path.scss: -------------------------------------------------------------------------------- 1 | /* FONT PATH 2 | * -------------------------- */ 3 | 4 | @font-face { 5 | font-family: 'FontAwesome'; 6 | src: url('#{$fa-font-path}/fontawesome-webfont.eot?v=#{$fa-version}'); 7 | src: url('#{$fa-font-path}/fontawesome-webfont.eot?#iefix&v=#{$fa-version}') format('embedded-opentype'), 8 | url('#{$fa-font-path}/fontawesome-webfont.woff2?v=#{$fa-version}') format('woff2'), 9 | url('#{$fa-font-path}/fontawesome-webfont.woff?v=#{$fa-version}') format('woff'), 10 | url('#{$fa-font-path}/fontawesome-webfont.ttf?v=#{$fa-version}') format('truetype'), 11 | url('#{$fa-font-path}/fontawesome-webfont.svg?v=#{$fa-version}#fontawesomeregular') format('svg'); 12 | // src: url('#{$fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts 13 | font-weight: normal; 14 | font-style: normal; 15 | } 16 | -------------------------------------------------------------------------------- /font/font-awesome-4.7.0/scss/_rotated-flipped.scss: -------------------------------------------------------------------------------- 1 | // Rotated & Flipped Icons 2 | // ------------------------- 3 | 4 | .#{$fa-css-prefix}-rotate-90 { @include fa-icon-rotate(90deg, 1); } 5 | .#{$fa-css-prefix}-rotate-180 { @include fa-icon-rotate(180deg, 2); } 6 | .#{$fa-css-prefix}-rotate-270 { @include fa-icon-rotate(270deg, 3); } 7 | 8 | .#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); } 9 | .#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(1, -1, 2); } 10 | 11 | // Hook for IE8-9 12 | // ------------------------- 13 | 14 | :root .#{$fa-css-prefix}-rotate-90, 15 | :root .#{$fa-css-prefix}-rotate-180, 16 | :root .#{$fa-css-prefix}-rotate-270, 17 | :root .#{$fa-css-prefix}-flip-horizontal, 18 | :root .#{$fa-css-prefix}-flip-vertical { 19 | filter: none; 20 | } 21 | -------------------------------------------------------------------------------- /font/font-awesome-4.7.0/scss/_screen-reader.scss: -------------------------------------------------------------------------------- 1 | // Screen Readers 2 | // ------------------------- 3 | 4 | .sr-only { @include sr-only(); } 5 | .sr-only-focusable { @include sr-only-focusable(); } 6 | -------------------------------------------------------------------------------- /font/font-awesome-4.7.0/scss/_stacked.scss: -------------------------------------------------------------------------------- 1 | // Stacked Icons 2 | // ------------------------- 3 | 4 | .#{$fa-css-prefix}-stack { 5 | position: relative; 6 | display: inline-block; 7 | width: 2em; 8 | height: 2em; 9 | line-height: 2em; 10 | vertical-align: middle; 11 | } 12 | .#{$fa-css-prefix}-stack-1x, .#{$fa-css-prefix}-stack-2x { 13 | position: absolute; 14 | left: 0; 15 | width: 100%; 16 | text-align: center; 17 | } 18 | .#{$fa-css-prefix}-stack-1x { line-height: inherit; } 19 | .#{$fa-css-prefix}-stack-2x { font-size: 2em; } 20 | .#{$fa-css-prefix}-inverse { color: $fa-inverse; } 21 | -------------------------------------------------------------------------------- /font/font-awesome-4.7.0/scss/font-awesome.scss: -------------------------------------------------------------------------------- 1 | /*! 2 | * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome 3 | * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) 4 | */ 5 | 6 | @import "variables"; 7 | @import "mixins"; 8 | @import "path"; 9 | @import "core"; 10 | @import "larger"; 11 | @import "fixed-width"; 12 | @import "list"; 13 | @import "bordered-pulled"; 14 | @import "animated"; 15 | @import "rotated-flipped"; 16 | @import "stacked"; 17 | @import "icons"; 18 | @import "screen-reader"; 19 | -------------------------------------------------------------------------------- /font/iconfont/demo.css: -------------------------------------------------------------------------------- 1 | /* Logo 字体 */ 2 | @font-face { 3 | font-family: "iconfont logo"; 4 | src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834'); 5 | src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'), 6 | url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'), 7 | url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'), 8 | url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg'); 9 | } 10 | 11 | .logo { 12 | font-family: "iconfont logo"; 13 | font-size: 160px; 14 | font-style: normal; 15 | -webkit-font-smoothing: antialiased; 16 | -moz-osx-font-smoothing: grayscale; 17 | } 18 | 19 | /* tabs */ 20 | .nav-tabs { 21 | position: relative; 22 | } 23 | 24 | .nav-tabs .nav-more { 25 | position: absolute; 26 | right: 0; 27 | bottom: 0; 28 | height: 42px; 29 | line-height: 42px; 30 | color: #666; 31 | } 32 | 33 | #tabs { 34 | border-bottom: 1px solid #eee; 35 | } 36 | 37 | #tabs li { 38 | cursor: pointer; 39 | width: 100px; 40 | height: 40px; 41 | line-height: 40px; 42 | text-align: center; 43 | font-size: 16px; 44 | border-bottom: 2px solid transparent; 45 | position: relative; 46 | z-index: 1; 47 | margin-bottom: -1px; 48 | color: #666; 49 | } 50 | 51 | 52 | #tabs .active { 53 | border-bottom-color: #f00; 54 | color: #222; 55 | } 56 | 57 | .tab-container .content { 58 | display: none; 59 | } 60 | 61 | /* 页面布局 */ 62 | .main { 63 | padding: 30px 100px; 64 | width: 960px; 65 | margin: 0 auto; 66 | } 67 | 68 | .main .logo { 69 | color: #333; 70 | text-align: left; 71 | margin-bottom: 30px; 72 | line-height: 1; 73 | height: 110px; 74 | margin-top: -50px; 75 | overflow: hidden; 76 | *zoom: 1; 77 | } 78 | 79 | .main .logo a { 80 | font-size: 160px; 81 | color: #333; 82 | } 83 | 84 | .helps { 85 | margin-top: 40px; 86 | } 87 | 88 | .helps pre { 89 | padding: 20px; 90 | margin: 10px 0; 91 | border: solid 1px #e7e1cd; 92 | background-color: #fffdef; 93 | overflow: auto; 94 | } 95 | 96 | .icon_lists { 97 | width: 100% !important; 98 | overflow: hidden; 99 | *zoom: 1; 100 | } 101 | 102 | .icon_lists li { 103 | width: 100px; 104 | margin-bottom: 10px; 105 | margin-right: 20px; 106 | text-align: center; 107 | list-style: none !important; 108 | cursor: default; 109 | } 110 | 111 | .icon_lists li .code-name { 112 | line-height: 1.2; 113 | } 114 | 115 | .icon_lists .icon { 116 | display: block; 117 | height: 100px; 118 | line-height: 100px; 119 | font-size: 42px; 120 | margin: 10px auto; 121 | color: #333; 122 | -webkit-transition: font-size 0.25s linear, width 0.25s linear; 123 | -moz-transition: font-size 0.25s linear, width 0.25s linear; 124 | transition: font-size 0.25s linear, width 0.25s linear; 125 | } 126 | 127 | .icon_lists .icon:hover { 128 | font-size: 100px; 129 | } 130 | 131 | .icon_lists .svg-icon { 132 | /* 通过设置 font-size 来改变图标大小 */ 133 | width: 1em; 134 | /* 图标和文字相邻时，垂直对齐 */ 135 | vertical-align: -0.15em; 136 | /* 通过设置 color 来改变 SVG 的颜色/fill */ 137 | fill: currentColor; 138 | /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示 139 | normalize.css 中也包含这行 */ 140 | overflow: hidden; 141 | } 142 | 143 | .icon_lists li .name, 144 | .icon_lists li .code-name { 145 | color: #666; 146 | } 147 | 148 | /* markdown 样式 */ 149 | .markdown { 150 | color: #666; 151 | font-size: 14px; 152 | line-height: 1.8; 153 | } 154 | 155 | .highlight { 156 | line-height: 1.5; 157 | } 158 | 159 | .markdown img { 160 | vertical-align: middle; 161 | max-width: 100%; 162 | } 163 | 164 | .markdown h1 { 165 | color: #404040; 166 | font-weight: 500; 167 | line-height: 40px; 168 | margin-bottom: 24px; 169 | } 170 | 171 | .markdown h2, 172 | .markdown h3, 173 | .markdown h4, 174 | .markdown h5, 175 | .markdown h6 { 176 | color: #404040; 177 | margin: 1.6em 0 0.6em 0; 178 | font-weight: 500; 179 | clear: both; 180 | } 181 | 182 | .markdown h1 { 183 | font-size: 28px; 184 | } 185 | 186 | .markdown h2 { 187 | font-size: 22px; 188 | } 189 | 190 | .markdown h3 { 191 | font-size: 16px; 192 | } 193 | 194 | .markdown h4 { 195 | font-size: 14px; 196 | } 197 | 198 | .markdown h5 { 199 | font-size: 12px; 200 | } 201 | 202 | .markdown h6 { 203 | font-size: 12px; 204 | } 205 | 206 | .markdown hr { 207 | height: 1px; 208 | border: 0; 209 | background: #e9e9e9; 210 | margin: 16px 0; 211 | clear: both; 212 | } 213 | 214 | .markdown p { 215 | margin: 1em 0; 216 | } 217 | 218 | .markdown>p, 219 | .markdown>blockquote, 220 | .markdown>.highlight, 221 | .markdown>ol, 222 | .markdown>ul { 223 | width: 80%; 224 | } 225 | 226 | .markdown ul>li { 227 | list-style: circle; 228 | } 229 | 230 | .markdown>ul li, 231 | .markdown blockquote ul>li { 232 | margin-left: 20px; 233 | padding-left: 4px; 234 | } 235 | 236 | .markdown>ul li p, 237 | .markdown>ol li p { 238 | margin: 0.6em 0; 239 | } 240 | 241 | .markdown ol>li { 242 | list-style: decimal; 243 | } 244 | 245 | .markdown>ol li, 246 | .markdown blockquote ol>li { 247 | margin-left: 20px; 248 | padding-left: 4px; 249 | } 250 | 251 | .markdown code { 252 | margin: 0 3px; 253 | padding: 0 5px; 254 | background: #eee; 255 | border-radius: 3px; 256 | } 257 | 258 | .markdown strong, 259 | .markdown b { 260 | font-weight: 600; 261 | } 262 | 263 | .markdown>table { 264 | border-collapse: collapse; 265 | border-spacing: 0px; 266 | empty-cells: show; 267 | border: 1px solid #e9e9e9; 268 | width: 95%; 269 | margin-bottom: 24px; 270 | } 271 | 272 | .markdown>table th { 273 | white-space: nowrap; 274 | color: #333; 275 | font-weight: 600; 276 | } 277 | 278 | .markdown>table th, 279 | .markdown>table td { 280 | border: 1px solid #e9e9e9; 281 | padding: 8px 16px; 282 | text-align: left; 283 | } 284 | 285 | .markdown>table th { 286 | background: #F7F7F7; 287 | } 288 | 289 | .markdown blockquote { 290 | font-size: 90%; 291 | color: #999; 292 | border-left: 4px solid #e9e9e9; 293 | padding-left: 0.8em; 294 | margin: 1em 0; 295 | } 296 | 297 | .markdown blockquote p { 298 | margin: 0; 299 | } 300 | 301 | .markdown .anchor { 302 | opacity: 0; 303 | transition: opacity 0.3s ease; 304 | margin-left: 8px; 305 | } 306 | 307 | .markdown .waiting { 308 | color: #ccc; 309 | } 310 | 311 | .markdown h1:hover .anchor, 312 | .markdown h2:hover .anchor, 313 | .markdown h3:hover .anchor, 314 | .markdown h4:hover .anchor, 315 | .markdown h5:hover .anchor, 316 | .markdown h6:hover .anchor { 317 | opacity: 1; 318 | display: inline-block; 319 | } 320 | 321 | .markdown>br, 322 | .markdown>p>br { 323 | clear: both; 324 | } 325 | 326 | 327 | .hljs { 328 | display: block; 329 | background: white; 330 | padding: 0.5em; 331 | color: #333333; 332 | overflow-x: auto; 333 | } 334 | 335 | .hljs-comment, 336 | .hljs-meta { 337 | color: #969896; 338 | } 339 | 340 | .hljs-string, 341 | .hljs-variable, 342 | .hljs-template-variable, 343 | .hljs-strong, 344 | .hljs-emphasis, 345 | .hljs-quote { 346 | color: #df5000; 347 | } 348 | 349 | .hljs-keyword, 350 | .hljs-selector-tag, 351 | .hljs-type { 352 | color: #a71d5d; 353 | } 354 | 355 | .hljs-literal, 356 | .hljs-symbol, 357 | .hljs-bullet, 358 | .hljs-attribute { 359 | color: #0086b3; 360 | } 361 | 362 | .hljs-section, 363 | .hljs-name { 364 | color: #63a35c; 365 | } 366 | 367 | .hljs-tag { 368 | color: #333333; 369 | } 370 | 371 | .hljs-title, 372 | .hljs-attr, 373 | .hljs-selector-id, 374 | .hljs-selector-class, 375 | .hljs-selector-attr, 376 | .hljs-selector-pseudo { 377 | color: #795da3; 378 | } 379 | 380 | .hljs-addition { 381 | color: #55a532; 382 | background-color: #eaffea; 383 | } 384 | 385 | .hljs-deletion { 386 | color: #bd2c00; 387 | background-color: #ffecec; 388 | } 389 | 390 | .hljs-link { 391 | text-decoration: underline; 392 | } 393 | 394 | /* 代码高亮 */ 395 | /* PrismJS 1.15.0 396 | https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */ 397 | /** 398 | * prism.js default theme for JavaScript, CSS and HTML 399 | * Based on dabblet (http://dabblet.com) 400 | * @author Lea Verou 401 | */ 402 | code[class*="language-"], 403 | pre[class*="language-"] { 404 | color: black; 405 | background: none; 406 | text-shadow: 0 1px white; 407 | font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; 408 | text-align: left; 409 | white-space: pre; 410 | word-spacing: normal; 411 | word-break: normal; 412 | word-wrap: normal; 413 | line-height: 1.5; 414 | 415 | -moz-tab-size: 4; 416 | -o-tab-size: 4; 417 | tab-size: 4; 418 | 419 | -webkit-hyphens: none; 420 | -moz-hyphens: none; 421 | -ms-hyphens: none; 422 | hyphens: none; 423 | } 424 | 425 | pre[class*="language-"]::-moz-selection, 426 | pre[class*="language-"] ::-moz-selection, 427 | code[class*="language-"]::-moz-selection, 428 | code[class*="language-"] ::-moz-selection { 429 | text-shadow: none; 430 | background: #b3d4fc; 431 | } 432 | 433 | pre[class*="language-"]::selection, 434 | pre[class*="language-"] ::selection, 435 | code[class*="language-"]::selection, 436 | code[class*="language-"] ::selection { 437 | text-shadow: none; 438 | background: #b3d4fc; 439 | } 440 | 441 | @media print { 442 | 443 | code[class*="language-"], 444 | pre[class*="language-"] { 445 | text-shadow: none; 446 | } 447 | } 448 | 449 | /* Code blocks */ 450 | pre[class*="language-"] { 451 | padding: 1em; 452 | margin: .5em 0; 453 | overflow: auto; 454 | } 455 | 456 | :not(pre)>code[class*="language-"], 457 | pre[class*="language-"] { 458 | background: #f5f2f0; 459 | } 460 | 461 | /* Inline code */ 462 | :not(pre)>code[class*="language-"] { 463 | padding: .1em; 464 | border-radius: .3em; 465 | white-space: normal; 466 | } 467 | 468 | .token.comment, 469 | .token.prolog, 470 | .token.doctype, 471 | .token.cdata { 472 | color: slategray; 473 | } 474 | 475 | .token.punctuation { 476 | color: #999; 477 | } 478 | 479 | .namespace { 480 | opacity: .7; 481 | } 482 | 483 | .token.property, 484 | .token.tag, 485 | .token.boolean, 486 | .token.number, 487 | .token.constant, 488 | .token.symbol, 489 | .token.deleted { 490 | color: #905; 491 | } 492 | 493 | .token.selector, 494 | .token.attr-name, 495 | .token.string, 496 | .token.char, 497 | .token.builtin, 498 | .token.inserted { 499 | color: #690; 500 | } 501 | 502 | .token.operator, 503 | .token.entity, 504 | .token.url, 505 | .language-css .token.string, 506 | .style .token.string { 507 | color: #9a6e3a; 508 | background: hsla(0, 0%, 100%, .5); 509 | } 510 | 511 | .token.atrule, 512 | .token.attr-value, 513 | .token.keyword { 514 | color: #07a; 515 | } 516 | 517 | .token.function, 518 | .token.class-name { 519 | color: #DD4A68; 520 | } 521 | 522 | .token.regex, 523 | .token.important, 524 | .token.variable { 525 | color: #e90; 526 | } 527 | 528 | .token.important, 529 | .token.bold { 530 | font-weight: bold; 531 | } 532 | 533 | .token.italic { 534 | font-style: italic; 535 | } 536 | 537 | .token.entity { 538 | cursor: help; 539 | } 540 | -------------------------------------------------------------------------------- /font/iconfont/demo_index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | IconFont Demo 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 |

19 |
20 | 25 | 26 | 查看项目 27 | 28 |
29 |
30 |
31 |
    32 | 33 |
  • 34 | 35 |
    微博
    36 |
    
    37 |
    • 38 | 39 |
  • 40 | 41 |
    箭头 左 细
    42 |
    
    43 |
    • 44 | 45 |
  • 46 | 47 |
    箭头
    48 |
    
    49 |
    • 50 | 51 |
  • 52 | 53 |
    箭头_向右_o
    54 |
    
    55 |
    • 56 | 57 |
  • 58 | 59 |
    加载
    60 |
    
    61 |
    • 62 | 63 |
  • 64 | 65 |
    微信
    66 |
    
    67 |
    • 68 | 69 |
70 |
71 |

Unicode 引用

72 |
73 | 74 |

Unicode 是字体在网页端最原始的应用方式，特点是：

75 |
    76 |
  • 兼容性最好，支持 IE6+，及所有现代浏览器。
    • 77 |
  • 支持按字体的方式去动态调整图标大小，颜色等等。
    • 78 |
  • 但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。
    • 79 |
80 |
81 |

注意：新版 iconfont 支持多色图标，这些多色图标在 Unicode 模式下将不能使用，如果有需求建议使用symbol 的引用方式

82 |
83 |

Unicode 使用步骤如下：

84 |

第一步：拷贝项目下面生成的 @font-face

85 | 
@font-face {
 87 |   font-family: 'iconfont';
 88 |   src: url('iconfont.eot');
 89 |   src: url('iconfont.eot?#iefix') format('embedded-opentype'),
 90 |       url('iconfont.woff2') format('woff2'),
 91 |       url('iconfont.woff') format('woff'),
 92 |       url('iconfont.ttf') format('truetype'),
 93 |       url('iconfont.svg#iconfont') format('svg');
 94 | }
 95 |
96 |

第二步：定义使用 iconfont 的样式

97 | 
.iconfont {
 99 |   font-family: "iconfont" !important;
100 |   font-size: 16px;
101 |   font-style: normal;
102 |   -webkit-font-smoothing: antialiased;
103 |   -moz-osx-font-smoothing: grayscale;
104 | }
105 |
106 |

第三步：挑选相应图标并获取字体编码，应用于页面

107 | 
108 | <span class="iconfont">&#x33;</span>
110 |
111 |
112 |

"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。

113 |
114 |
115 |
116 |
117 |
    118 | 119 |
  • 120 | 121 |
    122 | 微博 123 |
    124 |
    .icon-weibo 125 |
    126 |
    • 127 | 128 |
  • 129 | 130 |
    131 | 箭头 左 细 132 |
    133 |
    .icon-jiantou3 134 |
    135 |
    • 136 | 137 |
  • 138 | 139 |
    140 | 箭头 141 |
    142 |
    .icon-jiantou 143 |
    144 |
    • 145 | 146 |
  • 147 | 148 |
    149 | 箭头_向右_o 150 |
    151 |
    .icon-jiantou_xiangyou_o 152 |
    153 |
    • 154 | 155 |
  • 156 | 157 |
    158 | 加载 159 |
    160 |
    .icon-jiazai 161 |
    162 |
    • 163 | 164 |
  • 165 | 166 |
    167 | 微信 168 |
    169 |
    .icon-weixin 170 |
    171 |
    • 172 | 173 |
174 |
175 |

font-class 引用

176 |
177 | 178 |

font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。

179 |

与 Unicode 使用方式相比，具有如下特点：

180 |
    181 |
  • 兼容性良好，支持 IE8+，及所有现代浏览器。
    • 182 |
  • 相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。
    • 183 |
  • 因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。
    • 184 |
  • 不过因为本质上还是使用的字体，所以多色图标还是不支持的。
    • 185 |
186 |

使用步骤如下：

187 |

第一步：引入项目下面生成的 fontclass 代码：

188 | 
<link rel="stylesheet" href="./iconfont.css">
189 |
190 |

第二步：挑选相应图标并获取类名，应用于页面：

191 | 
<span class="iconfont icon-xxx"></span>
192 |
193 |
194 |

" 195 | iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。

196 |
197 |
198 |
199 |
200 |
    201 | 202 |
  • 203 | 206 |
    微博
    207 |
    #icon-weibo
    208 |
    • 209 | 210 |
  • 211 | 214 |
    箭头 左 细
    215 |
    #icon-jiantou3
    216 |
    • 217 | 218 |
  • 219 | 222 |
    箭头
    223 |
    #icon-jiantou
    224 |
    • 225 | 226 |
  • 227 | 230 |
    箭头_向右_o
    231 |
    #icon-jiantou_xiangyou_o
    232 |
    • 233 | 234 |
  • 235 | 238 |
    加载
    239 |
    #icon-jiazai
    240 |
    • 241 | 242 |
  • 243 | 246 |
    微信
    247 |
    #icon-weixin
    248 |
    • 249 | 250 |
251 |
252 |

Symbol 引用

253 |
254 | 255 |

这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇文章 256 | 这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：

257 |
    258 |
  • 支持多色图标了，不再受单色限制。
    • 259 |
  • 通过一些技巧，支持像字体那样，通过 font-size, color 来调整样式。
    • 260 |
  • 兼容性较差，支持 IE9+，及现代浏览器。
    • 261 |
  • 浏览器渲染 SVG 的性能一般，还不如 png。
    • 262 |
263 |

使用步骤如下：

264 |

第一步：引入项目下面生成的 symbol 代码：

265 | 
<script src="./iconfont.js"></script>
266 |
267 |

第二步：加入通用 CSS 代码（引入一次就行）：

268 | 
<style>
269 | .icon {
270 |   width: 1em;
271 |   height: 1em;
272 |   vertical-align: -0.15em;
273 |   fill: currentColor;
274 |   overflow: hidden;
275 | }
276 | </style>
277 |
278 |

第三步：挑选相应图标并获取类名，应用于页面：

279 | 
<svg class="icon" aria-hidden="true">
280 |   <use xlink:href="#icon-xxx"></use>
281 | </svg>
282 |
283 |
284 |
285 | 286 |
287 |
288 | 307 | 308 | 309 | -------------------------------------------------------------------------------- /font/iconfont/iconfont.css: -------------------------------------------------------------------------------- 1 | @font-face {font-family: "iconfont"; 2 | src: url('iconfont.eot?t=1572304890972'); /* IE9 */ 3 | src: url('iconfont.eot?t=1572304890972#iefix') format('embedded-opentype'), /* IE6-IE8 */ 4 | url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAbAAAsAAAAADRwAAAZwAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCEAgqMAIk3ATYCJAMkCxQABCAFhG0HgRob9QojEfaDceKT/cWBeX7RQcXGtXPeyLIRdX/YPlm59O5zBr3XV3UnQz0Q3BP1RWVOygKYAJicy699UoEHO7a76d30bi5tHySg2k1iahubNP12QOWbZTk9LoA7ABu59277Lx7KrxcK3nid37VO4DaG3RBdWlNbROEw7ly9Ibh+ga+IAyBVNT0FqCcUACsCYzfhpsS0mTF72NbYVTGrOcXq17wcCAAp7OADkpKWUwIxWKCDQJeezvZGiGN+sDlyArFLSBzKUnIAAojpJv0CwL77/eQogogYoBAwwF0L2lJbkMALjt7GLJgWVGPTYGqOALgeBTAAfACwALmZjO2A8e0+LpZSrVk0AFCrn8QAvIC35LP4Dn6Nf+/obSZTinHraMCk0gjYA2BAwUIIEQim9McDiBCI5cAeaBADvMBEwAC8JQIK8FkIWIDvQCAE+DUEIoB/DwEBjt7qhcB13gZ+iE9MydZaAPYA+RKghYKdgukGGZRHBjiJajR2CoVMqnPSaSQSOX6olURiIZdoNP01ChqaaOwY7YlkEQXDWrs0YnNlaNPmyGOJgY58V95vvaXgwWlf/5E0BcZeMMvUrNCLfG2Y5lrht8rUNCU98rb8cvOz2P3ICXmIjWQ9iGi4onPLklIIDgbObbHC5cDkVFSKDAgBe08pAKbC7RKNKliq1tne4w0APLaXCNoVLtcmI8GkgcaDylomGNLehVWZwNGwDsLw5M+DHtehIpvl2saksB/82E08wkMzVhQjYVFT4w++g7dlEC2BxoM1XKxLb2kDzRpeFFceu+jC1Rw3gKpYhg+o76znJS7SLD+0dbeyt2Q35GnpQPNsBGixbeAQO/Jqybmxr5585ccnG5kYBbaqsJ081+ZjfZodEC6wrnyqOn2G3bw6SJt2ds0cvhcKx/dUvtmbM7oe21cFlqjHOehj68CDVLX8gpUl5QvL9cCRTxpD3gDBk+rYTx+x9YlrtMa+GVJoRueak94m7xsZGX95/WXZb4Tpk05OuYaeEHsp+UqvD8K3z7Q6Fl154P4xh+TLop6TdZlVjevclltQpqLWQTv+cW0X2y/6vzyg2qW6tOisd0A33a+g6eof2W/oFvYw+7kkjWTs9/QIrVXNOrvJcvXbL/01aGWlDlnqYJ3eSnzYaTuo8TGnJ4OK0lq+mY7/5e/u/JKaLxbeNmdo74TFmvQL/RfSDImsOF38xQG1sj1B8LIDwcMfyZVOyocO3PJjr9Vz8ZWukZ7WDqoXRS7E8cDoaqYcuQMpqW36P3TtISH+/u1ab/e26GhnTZse41+P6U/o2328oWW7/oZ2LTbWWbMdoYUrP3r9ceDA7x/gJ/+OgL+Es3Nfc/LZD42/NajKHFs11ppWx1KcUu8e/GBv9rvZQx/Ozhm7uENX+w7m+vI/XZvjHnzzVKlj6akp2KdH7umDvdcOHVzOMc7KOc5CVPPArvHD3rlqSeP8x5Pz8Zuy5amdXe7r3T3SWF9vc/JADbcn43hn+azcmHyCdRo8Rv08inMS6h1CnYXM0Gt3bFB1ztfvokNxUR2hAa00WTOSQC6loHO+g2t3Mitc7qlWxyHrTr8s9K5u7zx/pDV05OjMndrIxjAptZ40JM0VlZAwXa53kauWXlJb/n7gJT/375Z8rdkDti+qLGF5ytKEXx/eI7H5BWCOWaQmd6OP6XUA9D36m7jP+9QIAMwz1BswUYOZBwDmMXqiiklLbobVud2KelXMeXHlKJ328+93XjlZqzWIQQG2SQPmWR1w1NUBBiQsNQHTqQNjBbUES5BVKACpmgRovJQWfzRLGdgmfU4ZQqAQwRYYiOFCZ9k+IIAMISCEGPEghTfSj5ZBhyEwIKwEgBdWBRCo8QJQKPEBMFDjSx3ogP07CGCG4yCEmjAgRRnRnVKGxdxI5yO5QzFgBnIFk1KjjNDw8Lq+UY+V6KIWV/HHrjdFCFw/2fTCBrsm9ugnHQ6DAtVRDYm4GlYVge2owHRw82Gwsecp6g5uSvXugeQOxYAZQK62tkmpUVMPj9TXv1GPlehyxnxr/7HrzcoBAVz4DPoLN6wxh9K7n3SIQRIF5uCOakAiCVaqRgBLb1RgOrjIK1RsDE/WU1zsdk/V+xpr942Lr3wkSEzRDMvx0nYZ0Qw0iq6jOUeR9dF5HI2kW2YwunoWlpct0qtX6aXLJ7MJcyk8x2KaZz1tnZTsutsBAAAA') format('woff2'), 5 | url('iconfont.woff?t=1572304890972') format('woff'), 6 | url('iconfont.ttf?t=1572304890972') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ 7 | url('iconfont.svg?t=1572304890972#iconfont') format('svg'); /* iOS 4.1- */ 8 | } 9 | 10 | .iconfont { 11 | font-family: "iconfont" !important; 12 | font-size: 16px; 13 | font-style: normal; 14 | -webkit-font-smoothing: antialiased; 15 | -moz-osx-font-smoothing: grayscale; 16 | } 17 | 18 | .icon-jiantouarrowheads3:before { 19 | content: "\e6bd"; 20 | } 21 | 22 | .icon-weibo:before { 23 | content: "\e619"; 24 | } 25 | 26 | .icon-jiantou3:before { 27 | content: "\e605"; 28 | } 29 | 30 | .icon-jiantou:before { 31 | content: "\e64a"; 32 | } 33 | 34 | .icon-jiantou_xiangyou_o:before { 35 | content: "\eb94"; 36 | } 37 | 38 | .icon-jiazai:before { 39 | content: "\e668"; 40 | } 41 | 42 | .icon-weixin:before { 43 | content: "\e686"; 44 | } 45 | 46 | .icon-jiantouarrowheads3-copy:before { 47 | content: "\eb95"; 48 | } 49 | 50 | -------------------------------------------------------------------------------- /font/iconfont/iconfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bigbigtime/HTML5-CSS3/7d7a81753813ee15479de45041b307a7f60eedf6/font/iconfont/iconfont.eot -------------------------------------------------------------------------------- /font/iconfont/iconfont.js: -------------------------------------------------------------------------------- 1 | !function(a){var t,c='',e=(t=document.getElementsByTagName("script"))[t.length-1].getAttribute("data-injectcss");if(e&&!a.__iconfont__svg__cssinject__){a.__iconfont__svg__cssinject__=!0;try{document.write("")}catch(t){console&&console.log(t)}}!function(t){if(document.addEventListener)if(~["complete","loaded","interactive"].indexOf(document.readyState))setTimeout(t,0);else{var e=function(){document.removeEventListener("DOMContentLoaded",e,!1),t()};document.addEventListener("DOMContentLoaded",e,!1)}else document.attachEvent&&(o=t,i=a.document,n=!1,(l=function(){try{i.documentElement.doScroll("left")}catch(t){return void setTimeout(l,50)}c()})(),i.onreadystatechange=function(){"complete"==i.readyState&&(i.onreadystatechange=null,c())});function c(){n||(n=!0,o())}var o,i,n,l}(function(){var t,e;(t=document.createElement("div")).innerHTML=c,c=null,(e=t.getElementsByTagName("svg")[0])&&(e.setAttribute("aria-hidden","true"),e.style.position="absolute",e.style.width=0,e.style.height=0,e.style.overflow="hidden",function(t,e){e.firstChild?function(t,e){e.parentNode.insertBefore(t,e)}(t,e.firstChild):e.appendChild(t)}(e,document.body))})}(window); -------------------------------------------------------------------------------- /font/iconfont/iconfont.json: -------------------------------------------------------------------------------- 1 | { 2 | "id": "1259208", 3 | "name": "webjsthtml", 4 | "font_family": "iconfont", 5 | "css_prefix_text": "icon-", 6 | "description": "", 7 | "glyphs": [ 8 | { 9 | "icon_id": "609193", 10 | "name": "箭头", 11 | "font_class": "jiantouarrowheads3", 12 | "unicode": "e6bd", 13 | "unicode_decimal": 59069 14 | }, 15 | { 16 | "icon_id": "1037687", 17 | "name": "微博", 18 | "font_class": "weibo", 19 | "unicode": "e619", 20 | "unicode_decimal": 58905 21 | }, 22 | { 23 | "icon_id": "1110405", 24 | "name": "箭头 左 细", 25 | "font_class": "jiantou3", 26 | "unicode": "e605", 27 | "unicode_decimal": 58885 28 | }, 29 | { 30 | "icon_id": "2668432", 31 | "name": "箭头", 32 | "font_class": "jiantou", 33 | "unicode": "e64a", 34 | "unicode_decimal": 58954 35 | }, 36 | { 37 | "icon_id": "5387934", 38 | "name": "箭头_向右_o", 39 | "font_class": "jiantou_xiangyou_o", 40 | "unicode": "eb94", 41 | "unicode_decimal": 60308 42 | }, 43 | { 44 | "icon_id": "6165630", 45 | "name": "加载", 46 | "font_class": "jiazai", 47 | "unicode": "e668", 48 | "unicode_decimal": 58984 49 | }, 50 | { 51 | "icon_id": "6742309", 52 | "name": "微信", 53 | "font_class": "weixin", 54 | "unicode": "e686", 55 | "unicode_decimal": 59014 56 | }, 57 | { 58 | "icon_id": "11504556", 59 | "name": "箭头", 60 | "font_class": "jiantouarrowheads3-copy", 61 | "unicode": "eb95", 62 | "unicode_decimal": 60309 63 | } 64 | ] 65 | } 66 | -------------------------------------------------------------------------------- /font/iconfont/iconfont.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 6 | 7 | 8 | Created by iconfont 9 | 10 | 11 | 12 | 13 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | -------------------------------------------------------------------------------- /font/iconfont/iconfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bigbigtime/HTML5-CSS3/7d7a81753813ee15479de45041b307a7f60eedf6/font/iconfont/iconfont.ttf -------------------------------------------------------------------------------- /font/iconfont/iconfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bigbigtime/HTML5-CSS3/7d7a81753813ee15479de45041b307a7f60eedf6/font/iconfont/iconfont.woff -------------------------------------------------------------------------------- /font/iconfont/iconfont.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bigbigtime/HTML5-CSS3/7d7a81753813ee15479de45041b307a7f60eedf6/font/iconfont/iconfont.woff2 -------------------------------------------------------------------------------- /footer.php: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /header.php: -------------------------------------------------------------------------------- 1 |
2 |
3 |

4 | 5 | 朗朗口腔 6 | 7 |

8 |
9 |
10 |
11 |
12 | 中文 13 | 17 |
18 | 19 | 0755-86566573 20 | 21 | 朗朗口腔集团官网 22 |
23 | 62 |
63 | 64 |
65 |
66 |
-------------------------------------------------------------------------------- /images/blank/indexNews.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bigbigtime/HTML5-CSS3/7d7a81753813ee15479de45041b307a7f60eedf6/images/blank/indexNews.png -------------------------------------------------------------------------------- /images/code.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bigbigtime/HTML5-CSS3/7d7a81753813ee15479de45041b307a7f60eedf6/images/code.jpg -------------------------------------------------------------------------------- /images/icon-lang-arrow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bigbigtime/HTML5-CSS3/7d7a81753813ee15479de45041b307a7f60eedf6/images/icon-lang-arrow.png -------------------------------------------------------------------------------- /images/icon-share-aside.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bigbigtime/HTML5-CSS3/7d7a81753813ee15479de45041b307a7f60eedf6/images/icon-share-aside.png -------------------------------------------------------------------------------- /images/icon-share.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bigbigtime/HTML5-CSS3/7d7a81753813ee15479de45041b307a7f60eedf6/images/icon-share.png -------------------------------------------------------------------------------- /images/icon001.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bigbigtime/HTML5-CSS3/7d7a81753813ee15479de45041b307a7f60eedf6/images/icon001.jpg -------------------------------------------------------------------------------- /images/img.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bigbigtime/HTML5-CSS3/7d7a81753813ee15479de45041b307a7f60eedf6/images/img.jpg -------------------------------------------------------------------------------- /images/jobs-bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bigbigtime/HTML5-CSS3/7d7a81753813ee15479de45041b307a7f60eedf6/images/jobs-bg.jpg -------------------------------------------------------------------------------- /images/logo.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bigbigtime/HTML5-CSS3/7d7a81753813ee15479de45041b307a7f60eedf6/images/logo.jpg -------------------------------------------------------------------------------- /images/message-code.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bigbigtime/HTML5-CSS3/7d7a81753813ee15479de45041b307a7f60eedf6/images/message-code.jpg -------------------------------------------------------------------------------- /images/newsDetailed.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bigbigtime/HTML5-CSS3/7d7a81753813ee15479de45041b307a7f60eedf6/images/newsDetailed.jpg -------------------------------------------------------------------------------- /images/pic001.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bigbigtime/HTML5-CSS3/7d7a81753813ee15479de45041b307a7f60eedf6/images/pic001.jpg -------------------------------------------------------------------------------- /images/pic002.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bigbigtime/HTML5-CSS3/7d7a81753813ee15479de45041b307a7f60eedf6/images/pic002.jpg -------------------------------------------------------------------------------- /images/pic003.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bigbigtime/HTML5-CSS3/7d7a81753813ee15479de45041b307a7f60eedf6/images/pic003.jpg -------------------------------------------------------------------------------- /images/pic004.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bigbigtime/HTML5-CSS3/7d7a81753813ee15479de45041b307a7f60eedf6/images/pic004.jpg -------------------------------------------------------------------------------- /images/pic005.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bigbigtime/HTML5-CSS3/7d7a81753813ee15479de45041b307a7f60eedf6/images/pic005.jpg -------------------------------------------------------------------------------- /images/pic006.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bigbigtime/HTML5-CSS3/7d7a81753813ee15479de45041b307a7f60eedf6/images/pic006.jpg -------------------------------------------------------------------------------- /images/pic007.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bigbigtime/HTML5-CSS3/7d7a81753813ee15479de45041b307a7f60eedf6/images/pic007.jpg -------------------------------------------------------------------------------- /images/pic008.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bigbigtime/HTML5-CSS3/7d7a81753813ee15479de45041b307a7f60eedf6/images/pic008.jpg -------------------------------------------------------------------------------- /images/pic009.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bigbigtime/HTML5-CSS3/7d7a81753813ee15479de45041b307a7f60eedf6/images/pic009.jpg -------------------------------------------------------------------------------- /images/pic010.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bigbigtime/HTML5-CSS3/7d7a81753813ee15479de45041b307a7f60eedf6/images/pic010.jpg -------------------------------------------------------------------------------- /images/pic011.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bigbigtime/HTML5-CSS3/7d7a81753813ee15479de45041b307a7f60eedf6/images/pic011.jpg -------------------------------------------------------------------------------- /images/pic012.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bigbigtime/HTML5-CSS3/7d7a81753813ee15479de45041b307a7f60eedf6/images/pic012.jpg -------------------------------------------------------------------------------- /images/pic013.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bigbigtime/HTML5-CSS3/7d7a81753813ee15479de45041b307a7f60eedf6/images/pic013.jpg -------------------------------------------------------------------------------- /images/test.txt: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bigbigtime/HTML5-CSS3/7d7a81753813ee15479de45041b307a7f60eedf6/images/test.txt -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 站点创建成功-phpstudy for windows 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 47 | 48 | 49 |
50 |
51 |

站点创建成功

52 |
53 |
目录说明:
54 |
1：网站目录：/phpstudy安装目录/www/站点域名/
55 |
2：错误提示页面：/phpstudy安装目录/www/站点域名/error/
56 |
3：你可以删除或者修改该目录下的所有文件
57 |
操作注意事项：
58 |
1：新建站点、数据库、FTP可在phpstudy面板操作，数据库可在环境中下载数据库管理软件等；
59 |
2：将网站程序放到站点目录时请使用复制，剪切可能造成程序文件权限不正确；
60 | 61 |
62 |
使用手册，视频教程，BUG反馈，官网地址： www.xp.cn
63 | 64 |
65 |
66 | 67 | -------------------------------------------------------------------------------- /index.php: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 手把手撸码前端 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 |
23 | 28 |
29 | 34 | 35 | 36 |
37 | 38 |
39 | 40 |
41 |
42 |
43 |

朗朗口腔

44 |

45 | 呵护牙齿健康 创造美好未来 46 | 47 | care for teeth to create a better future 48 |

49 |
50 |
51 |
52 |
53 | 查看更多 54 |
55 |
56 | 57 | 58 | 59 |
60 |
61 |
62 |

朗朗公益

63 |

64 | 呵护牙齿健康 创造美好未来 65 | 66 | care for teeth to create a better future 67 |

68 |
69 |
70 |
71 |
72 | 73 |
74 | 75 |
76 |
77 |
78 |

朗朗医生

79 |

80 | 呵护牙齿健康 创造美好未来 81 | 82 | care for teeth to create a better future 83 |

84 |
85 |
86 |
87 |
88 |
89 |
90 |
91 |
92 | 方晓珍 93 | 方晓珍 94 |
95 |
96 |

牙周主诊医师

97 | 擅长：仿真陶瓷牙修复、牙周系统治疗、残根残冠的保存治疗等。 98 | 99 |

国内知名大学口腔医学学士，曾就职于高端私人齿科工作室，从事口腔事业10余年，对口腔各类常见疾病的临床治疗积累了丰富经验。积极学习新技术的临床应用，不断进修提升，精通牙体保存治疗。数次参加北京医科大学牙周学习研究项目、香港大学牙周学习研究项目。技术上追求完美，坚持 “微创无痛治疗” 原则，深受患者的信赖！

100 | 101 | 查看更多 102 | 103 | 104 |
105 |
106 |
107 |
108 |
109 |
110 | 方晓珍 111 | 方晓珍 112 |
113 |
114 |

牙周主诊医师

115 | 擅长：仿真陶瓷牙修复、牙周系统治疗、残根残冠的保存治疗等。 116 | 117 |

国内知名大学口腔医学学士，曾就职于高端私人齿科工作室，从事口腔事业10余年，对口腔各类常见疾病的临床治疗积累了丰富经验。积极学习新技术的临床应用，不断进修提升，精通牙体保存治疗。数次参加北京医科大学牙周学习研究项目、香港大学牙周学习研究项目。技术上追求完美，坚持 “微创无痛治疗” 原则，深受患者的信赖！

118 | 119 | 查看更多 120 | 121 | 122 |
123 |
124 |
125 |
126 |
127 |
128 | 方晓珍 129 | 方晓珍 130 |
131 |
132 |

牙周主诊医师

133 | 擅长：仿真陶瓷牙修复、牙周系统治疗、残根残冠的保存治疗等。 134 | 135 |

国内知名大学口腔医学学士，曾就职于高端私人齿科工作室，从事口腔事业10余年，对口腔各类常见疾病的临床治疗积累了丰富经验。积极学习新技术的临床应用，不断进修提升，精通牙体保存治疗。数次参加北京医科大学牙周学习研究项目、香港大学牙周学习研究项目。技术上追求完美，坚持 “微创无痛治疗” 原则，深受患者的信赖！

136 | 137 | 查看更多 138 | 139 | 140 |
141 |
142 |
143 |
144 | 145 | 146 | 147 | 148 | 149 |
150 |
151 |
152 |
153 | 154 | 155 | 156 |
157 |
158 |
159 |
160 |

资讯动态

161 |

162 | 呵护牙齿健康 创造美好未来 163 | 164 | care for teeth to create a better future 165 |

166 |
167 |
168 | 169 | 170 |
171 |
172 | 173 | 174 | 175 | 176 | 177 | 178 |
179 | 180 | 181 |
182 |
183 | 184 | 185 | 186 | 187 | 188 | 189 | 190 | 191 | 192 | 193 | 307 | 308 | -------------------------------------------------------------------------------- /js/baiduMap.js: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /js/banner.js: -------------------------------------------------------------------------------- 1 | // 获取滚动范围的对象 2 | let slideWrap = document.getElementById('slide-wrap'); 3 | // 获取滚动的对象 [div] 4 | let slideContent = slideWrap.getElementsByClassName('slide-content')[0]; 5 | // 获取图片对象[li, li, li].length 6 | let liItem = slideContent.getElementsByTagName('li'); 7 | // 获取分页的按钮对象[a, a, a] 8 | let aItem = slideWrap.getElementsByClassName('slide-nav')[0].getElementsByTagName('a'); 9 | // next按钮 10 | let nextButton = slideWrap.getElementsByClassName('slide-next')[0]; 11 | let prevButton = slideWrap.getElementsByClassName('slide-prev')[0]; 12 | // 获取可视区宽度 13 | let viewWidth = document.documentElement.clientWidth || document.body.clientWidth 14 | // 当前的索引 15 | let currentIndex = 0; 16 | // 滚动关开标记 17 | let flag = false 18 | // 标记定时器 19 | let flagTimer = null 20 | // 自动播放的定时器 21 | let autoTimer = null 22 | 23 | // 设置滚动对象的宽度 24 | slideContent.style.width = viewWidth * liItem.length +'px' 25 | // 设置图片对象的宽度 26 | for(let i = 0; i < liItem.length; i++){ 27 | liItem[i].style.width = viewWidth +'px' 28 | } 29 | // 分页按钮的点击事件 30 | // 谁触发的事件，this就指向谁 31 | for(let i = 0; i < aItem.length; i++){ 32 | aItem[i].onclick = function(){ 33 | currentIndex = i 34 | slide(i) 35 | } 36 | } 37 | // 执行自动播放 38 | autoPlay() 39 | slideWrap.onmouseenter = function(){ 40 | clearInterval(autoTimer) 41 | } 42 | slideWrap.onmouseleave = function(){ 43 | if(autoTimer) { clearInterval(autoTimer) } 44 | autoPlay() 45 | } 46 | // nextButton事件 47 | nextButton.onclick = function(){ 48 | if(flag) { return false } 49 | flag = true 50 | next() 51 | } 52 | // prevButton事件 53 | prevButton.onclick = function(){ 54 | if(flag) { return false } 55 | flag = true 56 | prev() 57 | } 58 | // 自动播放 59 | function autoPlay(){ 60 | autoTimer = setInterval(function(){ 61 | next() 62 | }, 5000) 63 | } 64 | // next 65 | function next(){ 66 | currentIndex++ 67 | if(currentIndex == aItem.length) { currentIndex = 0 } 68 | slide(currentIndex) 69 | } 70 | // prev 71 | function prev(){ 72 | currentIndex-- 73 | if(currentIndex < 0) { currentIndex = aItem.length - 1 } 74 | slide(currentIndex) 75 | } 76 | 77 | // 分页按钮高光切换 78 | function toogleHigh(){ 79 | for(let k = 0; k < aItem.length; k++) { 80 | aItem[k].className = '' 81 | } 82 | // [a, a, a] 83 | aItem[currentIndex].className = 'current' 84 | } 85 | 86 | // 滚动 87 | function slide(number){ 88 | let left = number * viewWidth; 89 | slideContent.style.left = -left + 'px' 90 | // 开启定时器 91 | flagTimer = setTimeout(function(){ 92 | flag = false 93 | clearTimeout(flagTimer) 94 | }, 1000) 95 | toogleHigh() 96 | } 97 | 98 | /** 99 | * 0: 0 * viewWidth= 0 100 | * 1: 1 * viewWidth= 1903 101 | * 2: 2 * viewWidth= 3806 102 | * 3: 3 * viewWidth= 5709 103 | */ -------------------------------------------------------------------------------- /js/common.js: -------------------------------------------------------------------------------- 1 | function loadingMsg(data){ 2 | let wrap = document.getElementById(data.id); 3 | wrap.innerHTML = `
4 | ${data.message} 5 |
6 |
` 7 | 8 | 9 | 10 | } -------------------------------------------------------------------------------- /js/doctorSwiper.js: -------------------------------------------------------------------------------- 1 | var swiper = new Swiper('.swiper-container', { 2 | centeredSlides: true, 3 | autoplay: { 4 | delay: 2500, 5 | disableOnInteraction: false, 6 | }, 7 | pagination: { 8 | el: '.doctor-swiper-pagination', 9 | clickable: true, 10 | }, 11 | // navigation: { 12 | // nextEl: '.swiper-button-next', 13 | // prevEl: '.swiper-button-prev', 14 | // }, 15 | }); -------------------------------------------------------------------------------- /js/indexNewsAjax.js: -------------------------------------------------------------------------------- 1 | 2 | $.ajax({ 3 | url: "./data/newsCategory.php", //请求的url地址 4 | dataType: "json", //返回格式为json 5 | async: false, //请求是否异步，默认为异步，这也是ajax重要特性 6 | cache: false, // 是否读取缓存 7 | timeout: 5000, //设置超时 8 | data: JSON.stringify({ 9 | module: 'news' 10 | }), //参数值 11 | headers: { 12 | 'Content-Type': "application/json; charset=utf-8" 13 | }, 14 | type: "POST", //GET\POST 15 | success: function(req) {//请求成功时处理 16 | let tagMenu = document.getElementsByClassName('tab-menu')[0]; 17 | let data = req.data 18 | let menuHtml = '' 19 | data.forEach((item, index) => { 20 | let className = '' 21 | if(index === 0) { className = 'current'; } 22 | menuHtml += `${item.categoryName}` 23 | }) 24 | // 菜单 25 | tagMenu.innerHTML = menuHtml 26 | // 默认读了第一个分类的数据 27 | loadNewsData({_this: tagMenu.children[0], id: data[0].id, index: 0}) 28 | }, 29 | error: function(res) { 30 | //请求出错处理 31 | } 32 | }); 33 | 34 | function loadNewsData(params){ 35 | // 获取request标识，判断是否已请求成功数据，true为请求成功，false未请求 36 | let getRequest = params._this.getAttribute('data-request') 37 | // 获取内容区域 38 | let tabContentWrap = document.getElementById('tab-content-wrap').children; 39 | // 获取分类菜单 40 | let aItem = document.getElementsByClassName('tab-menu')[0].children; 41 | // 显示指定的内容区域 42 | for(let i = 0; i < tabContentWrap.length; i++){ 43 | tabContentWrap[i].style.display = 'none' 44 | } 45 | tabContentWrap[params.index].style.display = 'block' 46 | // 分类高光 47 | // 清除所有的高光 48 | for(let i = 0; i < aItem.length; i++){ aItem[i].className = '' } 49 | // 当前栏目高光 50 | params._this.className = 'current'; 51 | // 请求数据 52 | if(getRequest === 'true') { return false } 53 | $.ajax({ 54 | url: "./data/indexNews.php", //请求的url地址 55 | dataType: "json", //返回格式为json 56 | timeout: 5000, //设置超时 57 | data: JSON.stringify({ 58 | categoryId: params.id 59 | }), //参数值 60 | headers: { 61 | 'Content-Type': "application/json; charset=utf-8" 62 | }, 63 | type: "POST", //GET\POST 64 | success: function(req) {//请求成功时处理 65 | let data = req.data 66 | let itemHtml = `
` 67 | data.forEach(item => { 68 | let time = item.time.split(' '); 69 | itemHtml += `
70 |
71 | ${item.title} 72 |
73 |
74 |

${item.title}

75 | 76 | 77 |

${item.dec}

78 | 79 | 查看更多 80 | 81 | 82 |
83 |
` 84 | }) 85 | itemHtml += `
` 86 | tabContentWrap[params.index].innerHTML = itemHtml 87 | //请求成功修改标识 88 | params._this.setAttribute('data-request', 'true') 89 | }, 90 | error: function(res) { 91 | //请求出错处理 92 | } 93 | }); 94 | } -------------------------------------------------------------------------------- /js/test.txt: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bigbigtime/HTML5-CSS3/7d7a81753813ee15479de45041b307a7f60eedf6/js/test.txt -------------------------------------------------------------------------------- /news.php: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 手把手撸码前端 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 |
23 |
24 |
25 |
26 |
27 | 覆盖全国2000家口腔门诊的公益医疗合作协议在北京签订 28 |
29 |
30 |

覆盖全国2000家口腔门诊的公益医疗合作协议在北京签订

31 | 32 | 33 |

朗朗医疗投资有限公司（以下简称朗朗医疗投资）、北京深蓝安康科技发展有限公司（以下简称深蓝安康）与名医看牙-深圳茗医口腔医生集团（以下简称名医看牙）三方就公益医疗在北京签订合作框架协议！

34 | 35 | 查看更多 36 | 37 | 38 |
39 |
40 |
41 |
42 |
43 |
44 | 覆盖全国2000家口腔门诊的公益医疗合作协议在北京签订 45 |
46 |
47 |

覆盖全国2000家口腔门诊的公益医疗合作协议在北京签订

48 | 49 | 50 |

朗朗医疗投资有限公司（以下简称朗朗医疗投资）、北京深蓝安康科技发展有限公司（以下简称深蓝安康）与名医看牙-深圳茗医口腔医生集团（以下简称名医看牙）三方就公益医疗在北京签订合作框架协议！

51 | 52 | 查看更多 53 | 54 | 55 |
56 |
57 |
58 |
59 |
60 |
61 | 覆盖全国2000家口腔门诊的公益医疗合作协议在北京签订 62 |
63 |
64 |

覆盖全国2000家口腔门诊的公益医疗合作协议在北京签订

65 | 66 | 67 |

朗朗医疗投资有限公司（以下简称朗朗医疗投资）、北京深蓝安康科技发展有限公司（以下简称深蓝安康）与名医看牙-深圳茗医口腔医生集团（以下简称名医看牙）三方就公益医疗在北京签订合作框架协议！

68 | 69 | 查看更多 70 | 71 | 72 |
73 |
74 |
75 |
76 |
77 |
78 | 覆盖全国2000家口腔门诊的公益医疗合作协议在北京签订 79 |
80 |
81 |

覆盖全国2000家口腔门诊的公益医疗合作协议在北京签订

82 | 83 | 84 |

朗朗医疗投资有限公司（以下简称朗朗医疗投资）、北京深蓝安康科技发展有限公司（以下简称深蓝安康）与名医看牙-深圳茗医口腔医生集团（以下简称名医看牙）三方就公益医疗在北京签订合作框架协议！

85 | 86 | 查看更多 87 | 88 | 89 |
90 |
91 |
92 |
93 |
94 |
95 | 覆盖全国2000家口腔门诊的公益医疗合作协议在北京签订 96 |
97 |
98 |

覆盖全国2000家口腔门诊的公益医疗合作协议在北京签订

99 | 100 | 101 |

朗朗医疗投资有限公司（以下简称朗朗医疗投资）、北京深蓝安康科技发展有限公司（以下简称深蓝安康）与名医看牙-深圳茗医口腔医生集团（以下简称名医看牙）三方就公益医疗在北京签订合作框架协议！

102 | 103 | 查看更多 104 | 105 | 106 |
107 |
108 |
109 |
110 |
111 |
112 | 覆盖全国2000家口腔门诊的公益医疗合作协议在北京签订 113 |
114 |
115 |

覆盖全国2000家口腔门诊的公益医疗合作协议在北京签订

116 | 117 | 118 |

朗朗医疗投资有限公司（以下简称朗朗医疗投资）、北京深蓝安康科技发展有限公司（以下简称深蓝安康）与名医看牙-深圳茗医口腔医生集团（以下简称名医看牙）三方就公益医疗在北京签订合作框架协议！

119 | 120 | 查看更多 121 | 122 | 123 |
124 |
125 |
126 |
127 |
128 | 131 |
132 | 133 | 134 | 135 | -------------------------------------------------------------------------------- /newsDetailed.php: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 手把手撸码前端 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 |
24 | 25 |
26 | 27 |
28 |

朗朗医疗投资有限公司成立2周年

29 |

副标题

30 | 来源：朗朗口腔 31 | 日期：2017年9月16日 32 |
33 |
34 |

2017年9月16日，正值朗朗医疗投资有限公司成立两周年之际，朗朗家人从全国各地来到爽爽的贵阳，开启了三天三夜的学习研讨之旅，庆祝朗朗2周岁生日

35 |

朗朗医疗投资有限公司成立于2015年9月，以事业合伙人模式打造全国性连锁口腔机构，短短两年时间，初步合作门店数量已接近400家，合伙人超3700人，千店万人计划将继续推进。除了在规模上突显爆发态势增长，朗朗在搭建企业财务系统、信息化系统、创办朗朗大学、建立朗朗核心价值体系、搭建统一采购系统等项目上均取得突破成绩。

36 |

9月16日上午，朗朗口腔天使投资人陆驰先生、朗朗口腔总裁马建萍总与贵州所在西南片区三家门店共同启动“同一个朗朗”金种子绩效升级系统首发仪式。

37 |

38 |

“我将用我的生命实现朗朗梦想”

39 |

“我将用我的生命实现朗朗梦想！”，当朗朗总裁马建萍总喊出这句话时，热泪盈眶。毅然辞去世界50强公司的高管职务，马总放弃了优渥待遇，选择与朗朗共进退。

40 |

17日晚，当现场110位朗朗家人围成一圈，面对面表达自己作为一个朗朗人最直接的定义，“我是有大格局的朗朗人！”“我是快乐的朗朗人！”“我是使命必达的朗朗人”……时，马总静默片刻，随即喊出：“我是用生命来实现朗朗梦想的人，我一定要实现朗朗的梦想” ！全场为之撼动！

41 |

朗朗有着崇高的理想和使命——让医者回归尊荣，客户信赖满意，引领口腔事业创新发展，而朗朗总裁马建萍总将和朗朗家人一起，全心全意实现这一理想和使命。

42 |

本次会议，朗朗请来了政府及企业资深战略顾问呼延惠老师。曾为益海嘉里（金龙鱼）、联邦制药、白酒金三角（五粮液、剑南春、泸州老窖等）等众多知名企业提供咨询项目辅导服务的呼延老师从国家发展、资本市场、品牌发展等多维度解读朗朗。

43 |

呼延老师透露，2016年统计的企业中，口腔医疗机构融资总额已经达到4亿2605万美元。口腔机构最受资本青睐，我国口腔医疗市场有望进入爆发期。

44 |

而朗朗口腔应势而上。作为合伙人模式的先行者，朗朗拥有顶层设计的商业模式，截至目前，全国的合作门店数量已接近400家，已是国内口腔医疗行业异军突起的一匹黑马。

45 |

呼延老师指出，“朗朗的最终目标是成为口腔行业的世界级企业，而IPO上市只是手段不是终点”。

46 |
47 | 60 |
61 |
62 |
63 | 64 | 65 | 66 | -------------------------------------------------------------------------------- /partner.php: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 手把手撸码前端 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 |
23 |
24 |
25 |
26 |
    27 |
    28 | 29 | 北京牙科通医疗科技股份有限公司 30 | 31 |
    北京牙科通医疗科技股份有限公司
    32 |
    33 |
34 |
35 |
36 |
37 |
38 |
    39 |
    40 | 41 | 北京牙科通医疗科技股份有限公司 42 | 43 |
    北京牙科通医疗科技股份有限公司
    44 |
    45 |
46 |
47 |
48 |
49 |
50 |
    51 |
    52 | 53 | 北京牙科通医疗科技股份有限公司 54 | 55 |
    北京牙科通医疗科技股份有限公司
    56 |
    57 |
58 |
59 |
60 |
61 |
62 |
    63 |
    64 | 65 | 北京牙科通医疗科技股份有限公司 66 | 67 |
    北京牙科通医疗科技股份有限公司
    68 |
    69 |
70 |
71 |
72 |
73 |
74 |
    75 |
    76 | 77 | 北京牙科通医疗科技股份有限公司 78 | 79 |
    北京牙科通医疗科技股份有限公司
    80 |
    81 |
82 |
83 |
84 |
85 |
86 |
    87 |
    88 | 89 | 北京牙科通医疗科技股份有限公司 90 | 91 |
    北京牙科通医疗科技股份有限公司
    92 |
    93 |
94 |
95 |
96 |
97 |
98 | 101 |
102 | 103 | 104 | 105 | -------------------------------------------------------------------------------- /publicWelfare.php: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 手把手撸码前端 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 |
23 |
24 |
25 | 商业城公益捐赠活动 26 |
27 |
28 |
29 | 30 |

商业城公益捐赠活动

31 | 32 |

朗朗医疗投资有限公司（以下简称朗朗医疗投资）、北京深蓝安康科技发展有限公司（以下简称深蓝安康）与名医看牙-深圳茗医口腔医生集团（以下简称名医看牙）三方就公益医疗在北京签订合作框架协议！

33 | 34 | 查看更多 35 | 36 | 37 |
38 |
39 |
40 |
41 |
42 | 商业城公益捐赠活动 43 |
44 |
45 |
46 | 47 |

商业城公益捐赠活动

48 | 49 |

朗朗医疗投资有限公司（以下简称朗朗医疗投资）、北京深蓝安康科技发展有限公司（以下简称深蓝安康）与名医看牙-深圳茗医口腔医生集团（以下简称名医看牙）三方就公益医疗在北京签订合作框架协议！

50 | 51 | 查看更多 52 | 53 | 54 |
55 |
56 |
57 |
58 |
59 | 商业城公益捐赠活动 60 |
61 |
62 |
63 | 64 |

商业城公益捐赠活动

65 | 66 |

朗朗医疗投资有限公司（以下简称朗朗医疗投资）、北京深蓝安康科技发展有限公司（以下简称深蓝安康）与名医看牙-深圳茗医口腔医生集团（以下简称名医看牙）三方就公益医疗在北京签订合作框架协议！

67 | 68 | 查看更多 69 | 70 | 71 |
72 |
73 |
74 |
75 |
76 | 商业城公益捐赠活动 77 |
78 |
79 |
80 | 81 |

商业城公益捐赠活动

82 | 83 |

朗朗医疗投资有限公司（以下简称朗朗医疗投资）、北京深蓝安康科技发展有限公司（以下简称深蓝安康）与名医看牙-深圳茗医口腔医生集团（以下简称名医看牙）三方就公益医疗在北京签订合作框架协议！

84 | 85 | 查看更多 86 | 87 | 88 |
89 |
90 |
91 |
92 | 95 |
96 | 97 | 98 | 99 | -------------------------------------------------------------------------------- /share.php: -------------------------------------------------------------------------------- 1 |
2 | 分享： 3 | 4 | 5 | 6 | 7 | 8 |
9 | -------------------------------------------------------------------------------- /shop.php: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 手把手撸码前端 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 |
23 |
24 |
25 | 26 | 威之远口腔种植牙中心 27 |
28 |
29 |
30 |

覆盖全国2000家口腔门诊的公益医疗合作协议在北京签订

31 | 32 |

朗朗医疗投资有限公司（以下简称朗朗医疗投资）、北京深蓝安康科技发展有限公司（以下简称深蓝安康）与名医看牙-深圳茗医口腔医生集团（以下简称名医看牙）三方就公益医疗在北京签订合作框架协议！

33 | 34 | 查看更多 35 | 36 | 37 |
38 |
39 |
40 |
41 |
42 | 43 | 威之远口腔种植牙中心 44 |
45 |
46 |
47 |

覆盖全国2000家口腔门诊的公益医疗合作协议在北京签订

48 | 49 |

朗朗医疗投资有限公司（以下简称朗朗医疗投资）、北京深蓝安康科技发展有限公司（以下简称深蓝安康）与名医看牙-深圳茗医口腔医生集团（以下简称名医看牙）三方就公益医疗在北京签订合作框架协议！

50 | 51 | 查看更多 52 | 53 | 54 |
55 |
56 |
57 |
58 |
59 | 60 | 威之远口腔种植牙中心 61 |
62 |
63 |
64 |

覆盖全国2000家口腔门诊的公益医疗合作协议在北京签订

65 | 66 |

朗朗医疗投资有限公司（以下简称朗朗医疗投资）、北京深蓝安康科技发展有限公司（以下简称深蓝安康）与名医看牙-深圳茗医口腔医生集团（以下简称名医看牙）三方就公益医疗在北京签订合作框架协议！

67 | 68 | 查看更多 69 | 70 | 71 |
72 |
73 |
74 |
75 |
76 | 77 | 威之远口腔种植牙中心 78 |
79 |
80 |
81 |

覆盖全国2000家口腔门诊的公益医疗合作协议在北京签订

82 | 83 |

朗朗医疗投资有限公司（以下简称朗朗医疗投资）、北京深蓝安康科技发展有限公司（以下简称深蓝安康）与名医看牙-深圳茗医口腔医生集团（以下简称名医看牙）三方就公益医疗在北京签订合作框架协议！

84 | 85 | 查看更多 86 | 87 | 88 |
89 |
90 |
91 |
92 | 95 |
96 | 97 | 98 | 99 | -------------------------------------------------------------------------------- /shopDetailed.php: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 手把手撸码前端 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 |
24 | 25 |
26 | 27 |
28 |

朗朗医疗投资有限公司成立2周年

29 |

副标题

30 | 来源：朗朗口腔 31 | 日期：2017年9月16日 32 |
33 |
34 |

2017年9月16日，正值朗朗医疗投资有限公司成立两周年之际，朗朗家人从全国各地来到爽爽的贵阳，开启了三天三夜的学习研讨之旅，庆祝朗朗2周岁生日

35 |

朗朗医疗投资有限公司成立于2015年9月，以事业合伙人模式打造全国性连锁口腔机构，短短两年时间，初步合作门店数量已接近400家，合伙人超3700人，千店万人计划将继续推进。除了在规模上突显爆发态势增长，朗朗在搭建企业财务系统、信息化系统、创办朗朗大学、建立朗朗核心价值体系、搭建统一采购系统等项目上均取得突破成绩。

36 |

9月16日上午，朗朗口腔天使投资人陆驰先生、朗朗口腔总裁马建萍总与贵州所在西南片区三家门店共同启动“同一个朗朗”金种子绩效升级系统首发仪式。

37 |

38 |

“我将用我的生命实现朗朗梦想”

39 |

“我将用我的生命实现朗朗梦想！”，当朗朗总裁马建萍总喊出这句话时，热泪盈眶。毅然辞去世界50强公司的高管职务，马总放弃了优渥待遇，选择与朗朗共进退。

40 |

17日晚，当现场110位朗朗家人围成一圈，面对面表达自己作为一个朗朗人最直接的定义，“我是有大格局的朗朗人！”“我是快乐的朗朗人！”“我是使命必达的朗朗人”……时，马总静默片刻，随即喊出：“我是用生命来实现朗朗梦想的人，我一定要实现朗朗的梦想” ！全场为之撼动！

41 |

朗朗有着崇高的理想和使命——让医者回归尊荣，客户信赖满意，引领口腔事业创新发展，而朗朗总裁马建萍总将和朗朗家人一起，全心全意实现这一理想和使命。

42 |

本次会议，朗朗请来了政府及企业资深战略顾问呼延惠老师。曾为益海嘉里（金龙鱼）、联邦制药、白酒金三角（五粮液、剑南春、泸州老窖等）等众多知名企业提供咨询项目辅导服务的呼延老师从国家发展、资本市场、品牌发展等多维度解读朗朗。

43 |

呼延老师透露，2016年统计的企业中，口腔医疗机构融资总额已经达到4亿2605万美元。口腔机构最受资本青睐，我国口腔医疗市场有望进入爆发期。

44 |

而朗朗口腔应势而上。作为合伙人模式的先行者，朗朗拥有顶层设计的商业模式，截至目前，全国的合作门店数量已接近400家，已是国内口腔医疗行业异军突起的一匹黑马。

45 |

呼延老师指出，“朗朗的最终目标是成为口腔行业的世界级企业，而IPO上市只是手段不是终点”。

46 |
47 | 60 |
61 |
62 |
63 | 64 | 65 | 66 | --------------------------------------------------------------------------------