1{ 2 "@weex-component/wxc-button": { 3 "data": "function () {return {\n\t type: 'default',\n\t size: 'large',\n\t value: ''\n\t }}", 4 "methods": {}, 5 "template": { 6 "type": "div", 7 "classList": "function () {return ['btn', 'btn-' + (this.type), 'btn-sz-' + (this.size)]}", 8 "children": [ 9 { 10 "type": "text", 11 "classList": "function () {return ['btn-txt', 'btn-txt-' + (this.type), 'btn-txt-sz-' + (this.size)]}", 12 "attr": { 13 "value": "function () {return this.value}" 14 } 15 } 16 ] 17 }, 18 "style": { 19 "btn": { 20 "marginBottom": 0, 21 "alignItems": "center", 22 "justifyContent": "center", 23 "borderWidth": 1, 24 "borderStyle": "solid", 25 "borderColor": "#333333" 26 }, 27 "btn-default": { 28 "color": "rgb(51,51,51)" 29 }, 30 "btn-primary": { 31 "backgroundColor": "rgb(40,96,144)", 32 "borderColor": "rgb(40,96,144)" 33 }, 34 "btn-success": { 35 "backgroundColor": "rgb(92,184,92)", 36 "borderColor": "rgb(76,174,76)" 37 }, 38 "btn-info": { 39 "backgroundColor": "rgb(91,192,222)", 40 "borderColor": "rgb(70,184,218)" 41 }, 42 "btn-warning": { 43 "backgroundColor": "rgb(240,173,78)", 44 "borderColor": "rgb(238,162,54)" 45 }, 46 "btn-danger": { 47 "backgroundColor": "rgb(217,83,79)", 48 "borderColor": "rgb(212,63,58)" 49 }, 50 "btn-link": { 51 "borderColor": "rgba(0,0,0,0)", 52 "borderRadius": 0 53 }, 54 "btn-txt-default": { 55 "color": "rgb(51,51,51)" 56 }, 57 "btn-txt-primary": { 58 "color": "rgb(255,255,255)" 59 }, 60 "btn-txt-success": { 61 "color": "rgb(255,255,255)" 62 }, 63 "btn-txt-info": { 64 "color": "rgb(255,255,255)" 65 }, 66 "btn-txt-warning": { 67 "color": "rgb(255,255,255)" 68 }, 69 "btn-txt-danger": { 70 "color": "rgb(255,255,255)" 71 }, 72 "btn-txt-link": { 73 "color": "rgb(51,122,183)" 74 }, 75 "btn-sz-large": { 76 "width": 300, 77 "height": 100, 78 "paddingTop": 25, 79 "paddingBottom": 25, 80 "paddingLeft": 40, 81 "paddingRight": 40, 82 "borderRadius": 15 83 }, 84 "btn-sz-middle": { 85 "width": 240, 86 "height": 80, 87 "paddingTop": 15, 88 "paddingBottom": 15, 89 "paddingLeft": 30, 90 "paddingRight": 30, 91 "borderRadius": 10 92 }, 93 "btn-sz-small": { 94 "width": 170, 95 "height": 60, 96 "paddingTop": 12, 97 "paddingBottom": 12, 98 "paddingLeft": 25, 99 "paddingRight": 25, 100 "borderRadius": 7 101 }, 102 "btn-txt-sz-large": { 103 "fontSize": 45 104 }, 105 "btn-txt-sz-middle": { 106 "fontSize": 35 107 }, 108 "btn-txt-sz-small": { 109 "fontSize": 30 110 } 111 } 112 }, 113 "@weex-component/wxc-hn": { 114 "data": "function () {return {\n\t level: 1,\n\t value: ''\n\t }}", 115 "methods": {}, 116 "template": { 117 "type": "div", 118 "classList": "function () {return ['h' + (this.level)]}", 119 "style": { 120 "justifyContent": "center" 121 }, 122 "children": [ 123 { 124 "type": "text", 125 "classList": "function () {return ['txt-h' + (this.level)]}", 126 "attr": { 127 "value": "function () {return this.value}" 128 } 129 } 130 ] 131 }, 132 "style": { 133 "h1": { 134 "height": 110, 135 "paddingTop": 20, 136 "paddingBottom": 20 137 }, 138 "h2": { 139 "height": 110, 140 "paddingTop": 20, 141 "paddingBottom": 20 142 }, 143 "h3": { 144 "height": 110, 145 "paddingTop": 20, 146 "paddingBottom": 20 147 }, 148 "txt-h1": { 149 "fontSize": 70 150 }, 151 "txt-h2": { 152 "fontSize": 52 153 }, 154 "txt-h3": { 155 "fontSize": 42 156 } 157 } 158 }, 159 "@weex-component/wxc-list-item": { 160 "data": "function () {return {\n\t bgColor: '#ffffff'\n\t }}", 161 "methods": { 162 "touchstart": "function touchstart() {}", 163 "touchend": "function touchend() {}" 164 }, 165 "template": { 166 "type": "div", 167 "classList": [ 168 "item" 169 ], 170 "events": { 171 "touchstart": "touchstart", 172 "touchend": "touchend" 173 }, 174 "style": { 175 "backgroundColor": "function () {return this.bgColor}" 176 }, 177 "children": [ 178 { 179 "type": "content" 180 } 181 ] 182 }, 183 "style": { 184 "item": { 185 "paddingTop": 25, 186 "paddingBottom": 25, 187 "paddingLeft": 35, 188 "paddingRight": 35, 189 "height": 160, 190 "justifyContent": "center", 191 "borderBottomWidth": 1, 192 "borderColor": "#dddddd" 193 } 194 } 195 }, 196 "@weex-component/wxc-panel": { 197 "data": "function () {return {\n\t type: 'default',\n\t title: '',\n\t paddingBody: 20,\n\t paddingHead: 20,\n\t dataClass: '',\n\t border: 0\n\t }}", 198 "ready": "function ready() {}", 199 "template": { 200 "type": "div", 201 "classList": "function () {return ['panel', 'panel-' + (this.type)]}", 202 "style": { 203 "borderWidth": "function () {return this.border}" 204 }, 205 "children": [ 206 { 207 "type": "text", 208 "classList": "function () {return ['panel-header', 'panel-header-' + (this.type)]}", 209 "style": { 210 "paddingTop": "function () {return this.paddingHead}", 211 "paddingBottom": "function () {return this.paddingHead}", 212 "paddingLeft": "function () {return this.paddingHead*1.5}", 213 "paddingRight": "function () {return this.paddingHead*1.5}" 214 }, 215 "attr": { 216 "value": "function () {return this.title}" 217 } 218 }, 219 { 220 "type": "div", 221 "classList": "function () {return ['panel-body', 'panel-body-' + (this.type)]}", 222 "style": { 223 "paddingTop": "function () {return this.paddingBody}", 224 "paddingBottom": "function () {return this.paddingBody}", 225 "paddingLeft": "function () {return this.paddingBody*1.5}", 226 "paddingRight": "function () {return this.paddingBody*1.5}" 227 }, 228 "children": [ 229 { 230 "type": "content" 231 } 232 ] 233 } 234 ] 235 }, 236 "style": { 237 "panel": { 238 "marginBottom": 20, 239 "backgroundColor": "#ffffff", 240 "borderColor": "#dddddd", 241 "borderWidth": 1 242 }, 243 "panel-primary": { 244 "borderColor": "rgb(40,96,144)" 245 }, 246 "panel-success": { 247 "borderColor": "rgb(76,174,76)" 248 }, 249 "panel-info": { 250 "borderColor": "rgb(70,184,218)" 251 }, 252 "panel-warning": { 253 "borderColor": "rgb(238,162,54)" 254 }, 255 "panel-danger": { 256 "borderColor": "rgb(212,63,58)" 257 }, 258 "panel-header": { 259 "backgroundColor": "#f5f5f5", 260 "fontSize": 40, 261 "color": "#333333" 262 }, 263 "panel-header-primary": { 264 "backgroundColor": "rgb(40,96,144)", 265 "color": "#ffffff" 266 }, 267 "panel-header-success": { 268 "backgroundColor": "rgb(92,184,92)", 269 "color": "#ffffff" 270 }, 271 "panel-header-info": { 272 "backgroundColor": "rgb(91,192,222)", 273 "color": "#ffffff" 274 }, 275 "panel-header-warning": { 276 "backgroundColor": "rgb(240,173,78)", 277 "color": "#ffffff" 278 }, 279 "panel-header-danger": { 280 "backgroundColor": "rgb(217,83,79)", 281 "color": "#ffffff" 282 }, 283 "panel-body": {} 284 } 285 }, 286 "@weex-component/wxc-tip": { 287 "data": "function () {return {\n\t type: 'success',\n\t value: ''\n\t }}", 288 "template": { 289 "type": "div", 290 "classList": "function () {return ['tip', 'tip-' + (this.type)]}", 291 "children": [ 292 { 293 "type": "text", 294 "classList": "function () {return ['tip-txt', 'tip-txt-' + (this.type)]}", 295 "attr": { 296 "value": "function () {return this.value}" 297 } 298 } 299 ] 300 }, 301 "style": { 302 "tip": { 303 "paddingLeft": 36, 304 "paddingRight": 36, 305 "paddingTop": 36, 306 "paddingBottom": 36, 307 "borderRadius": 10 308 }, 309 "tip-txt": { 310 "fontSize": 28 311 }, 312 "tip-success": { 313 "backgroundColor": "#dff0d8", 314 "borderColor": "#d6e9c6" 315 }, 316 "tip-txt-success": { 317 "color": "#3c763d" 318 }, 319 "tip-info": { 320 "backgroundColor": "#d9edf7", 321 "borderColor": "#bce8f1" 322 }, 323 "tip-txt-info": { 324 "color": "#31708f" 325 }, 326 "tip-warning": { 327 "backgroundColor": "#fcf8e3", 328 "borderColor": "#faebcc" 329 }, 330 "tip-txt-warning": { 331 "color": "#8a6d3b" 332 }, 333 "tip-danger": { 334 "backgroundColor": "#f2dede", 335 "borderColor": "#ebccd1" 336 }, 337 "tip-txt-danger": { 338 "color": "#a94442" 339 } 340 } 341 }, 342 "@weex-component/wxc-countdown": { 343 "data": "function () {return {\n\t now: 0,\n\t remain: 0,\n\t time: {\n\t elapse: 0,\n\t D: '0',\n\t DD: '0',\n\t h: '0',\n\t hh: '00',\n\t H: '0',\n\t HH: '0',\n\t m: '0',\n\t mm: '00',\n\t M: '0',\n\t MM: '0',\n\t s: '0',\n\t ss: '00',\n\t S: '0',\n\t SS: '0'\n\t },\n\t outofview: false\n\t }}", 344 "ready": "function ready() {\n\t if (this.remain <= 0) {\n\t return;\n\t }\n\t\n\t this.now = Date.now();\n\t this.nextTick();\n\t }", 345 "methods": { 346 "nextTick": "function nextTick() {\n\t if (this.outofview) {\n\t setTimeout(this.nextTick.bind(this), 1000);\n\t } else {\n\t this.time.elapse = parseInt((Date.now() - this.now) / 1000);\n\t\n\t if (this.calc()) {\n\t this.$emit('tick', (0, _assign2.default)({}, this.time));\n\t setTimeout(this.nextTick.bind(this), 1000);\n\t } else {\n\t this.$emit('alarm', (0, _assign2.default)({}, this.time));\n\t }\n\t this._app.updateActions();\n\t }\n\t }", 347 "format": "function format(str) {\n\t if (str.length >= 2) {\n\t return str;\n\t } else {\n\t return '0' + str;\n\t }\n\t }", 348 "calc": "function calc() {\n\t var remain = this.remain - this.time.elapse;\n\t if (remain < 0) {\n\t remain = 0;\n\t }\n\t this.time.D = String(parseInt(remain / 86400));\n\t this.time.DD = this.format(this.time.D);\n\t this.time.h = String(parseInt((remain - parseInt(this.time.D) * 86400) / 3600));\n\t this.time.hh = this.format(this.time.h);\n\t this.time.H = String(parseInt(remain / 3600));\n\t this.time.HH = this.format(this.time.H);\n\t this.time.m = String(parseInt((remain - parseInt(this.time.H) * 3600) / 60));\n\t this.time.mm = this.format(this.time.m);\n\t this.time.M = String(parseInt(remain / 60));\n\t this.time.MM = this.format(this.time.M);\n\t this.time.s = String(remain - parseInt(this.time.M) * 60);\n\t this.time.ss = this.format(this.time.s);\n\t this.time.S = String(remain);\n\t this.time.SS = this.format(this.time.S);\n\t\n\t return remain > 0;\n\t }", 349 "appeared": "function appeared() {\n\t this.outofview = false;\n\t }", 350 "disappeared": "function disappeared() {\n\t this.outofview = true;\n\t }" 351 }, 352 "template": { 353 "type": "div", 354 "style": { 355 "overflow": "hidden", 356 "flexDirection": "row" 357 }, 358 "events": { 359 "appear": "appeared", 360 "disappear": "disappeared" 361 }, 362 "children": [ 363 { 364 "type": "content" 365 } 366 ] 367 }, 368 "style": { 369 "wrap": { 370 "overflow": "hidden" 371 } 372 } 373 }, 374 "@weex-component/wxc-marquee": { 375 "data": "function () {return {\n\t step: 0,\n\t count: 0,\n\t index: 1,\n\t duration: 0,\n\t interval: 0,\n\t outofview: false\n\t }}", 376 "ready": "function ready() {\n\t if (this.interval > 0 && this.step > 0 && this.duration > 0) {\n\t this.nextTick();\n\t }\n\t }", 377 "methods": { 378 "nextTick": "function nextTick() {\n\t var self = this;\n\t if (this.outofview) {\n\t setTimeout(self.nextTick.bind(self), self.interval);\n\t } else {\n\t setTimeout(function () {\n\t self.animation(self.nextTick.bind(self));\n\t }, self.interval);\n\t }\n\t }", 379 "animation": "function animation(cb) {\n\t var self = this;\n\t var offset = -self.step * self.index;\n\t var $animation = __weex_require__('@weex-module/animation');\n\t $animation.transition(this.$el('anim'), {\n\t styles: {\n\t transform: 'translateY(' + String(offset) + 'px) translateZ(0)'\n\t },\n\t timingFunction: 'ease',\n\t duration: self.duration\n\t }, function () {\n\t self.index = (self.index + 1) % self.count;\n\t self.$emit('change', {\n\t index: self.index,\n\t count: self.count\n\t });\n\t cb && cb();\n\t });\n\t }", 380 "appeared": "function appeared() {\n\t this.outofview = false;\n\t }", 381 "disappeared": "function disappeared() {\n\t this.outofview = true;\n\t }" 382 }, 383 "template": { 384 "type": "div", 385 "classList": [ 386 "wrap" 387 ], 388 "events": { 389 "appear": "appeared", 390 "disappear": "disappeared" 391 }, 392 "children": [ 393 { 394 "type": "div", 395 "id": "anim", 396 "classList": [ 397 "anim" 398 ], 399 "children": [ 400 { 401 "type": "content" 402 } 403 ] 404 } 405 ] 406 }, 407 "style": { 408 "wrap": { 409 "overflow": "hidden", 410 "position": "relative" 411 }, 412 "anim": { 413 "flexDirection": "column", 414 "position": "absolute", 415 "transform": "translateY(0) translateZ(0)" 416 } 417 } 418 }, 419 "@weex-component/wxc-navbar": { 420 "data": "function () {return {\n\t dataRole: 'navbar',\n\t\n\t backgroundColor: 'black',\n\t\n\t height: 88,\n\t\n\t title: \"\",\n\t\n\t titleColor: 'black',\n\t\n\t rightItemSrc: '',\n\t\n\t rightItemTitle: '',\n\t\n\t rightItemColor: 'black',\n\t\n\t leftItemSrc: '',\n\t\n\t leftItemTitle: '',\n\t\n\t leftItemColor: 'black'\n\t }}", 421 "methods": { 422 "onclickrightitem": "function onclickrightitem(e) {\n\t this.$dispatch('naviBar.rightItem.click', {});\n\t }", 423 "onclickleftitem": "function onclickleftitem(e) {\n\t this.$dispatch('naviBar.leftItem.click', {});\n\t }" 424 }, 425 "template": { 426 "type": "div", 427 "classList": [ 428 "container" 429 ], 430 "style": { 431 "height": "function () {return this.height}", 432 "backgroundColor": "function () {return this.backgroundColor}" 433 }, 434 "attr": { 435 "dataRole": "function () {return this.dataRole}" 436 }, 437 "children": [ 438 { 439 "type": "text", 440 "classList": [ 441 "right-text" 442 ], 443 "style": { 444 "color": "function () {return this.rightItemColor}" 445 }, 446 "attr": { 447 "naviItemPosition": "right", 448 "value": "function () {return this.rightItemTitle}" 449 }, 450 "shown": "function () {return !this.rightItemSrc}", 451 "events": { 452 "click": "onclickrightitem" 453 } 454 }, 455 { 456 "type": "image", 457 "classList": [ 458 "right-image" 459 ], 460 "attr": { 461 "naviItemPosition": "right", 462 "src": "function () {return this.rightItemSrc}" 463 }, 464 "shown": "function () {return this.rightItemSrc}", 465 "events": { 466 "click": "onclickrightitem" 467 } 468 }, 469 { 470 "type": "text", 471 "classList": [ 472 "left-text" 473 ], 474 "style": { 475 "color": "function () {return this.leftItemColor}" 476 }, 477 "attr": { 478 "naviItemPosition": "left", 479 "value": "function () {return this.leftItemTitle}" 480 }, 481 "shown": "function () {return !this.leftItemSrc}", 482 "events": { 483 "click": "onclickleftitem" 484 } 485 }, 486 { 487 "type": "image", 488 "classList": [ 489 "left-image" 490 ], 491 "attr": { 492 "naviItemPosition": "left", 493 "src": "function () {return this.leftItemSrc}" 494 }, 495 "shown": "function () {return this.leftItemSrc}", 496 "events": { 497 "click": "onclickleftitem" 498 } 499 }, 500 { 501 "type": "text", 502 "classList": [ 503 "center-text" 504 ], 505 "style": { 506 "color": "function () {return this.titleColor}" 507 }, 508 "attr": { 509 "naviItemPosition": "center", 510 "value": "function () {return this.title}" 511 } 512 } 513 ] 514 }, 515 "style": { 516 "container": { 517 "flexDirection": "row", 518 "position": "fixed", 519 "top": 0, 520 "left": 0, 521 "right": 0, 522 "width": 750 523 }, 524 "right-text": { 525 "position": "absolute", 526 "bottom": 28, 527 "right": 32, 528 "textAlign": "right", 529 "fontSize": 32, 530 "fontFamily": "'Open Sans', sans-serif" 531 }, 532 "left-text": { 533 "position": "absolute", 534 "bottom": 28, 535 "left": 32, 536 "textAlign": "left", 537 "fontSize": 32, 538 "fontFamily": "'Open Sans', sans-serif" 539 }, 540 "center-text": { 541 "position": "absolute", 542 "bottom": 25, 543 "left": 172, 544 "right": 172, 545 "textAlign": "center", 546 "fontSize": 36, 547 "fontWeight": "bold" 548 }, 549 "left-image": { 550 "position": "absolute", 551 "bottom": 20, 552 "left": 28, 553 "width": 50, 554 "height": 50 555 }, 556 "right-image": { 557 "position": "absolute", 558 "bottom": 20, 559 "right": 28, 560 "width": 50, 561 "height": 50 562 } 563 } 564 }, 565 "@weex-component/wxc-navpage": { 566 "data": "function () {return {\n\t dataRole: 'navbar',\n\t backgroundColor: 'black',\n\t height: 88,\n\t title: \"\",\n\t titleColor: 'black',\n\t rightItemSrc: '',\n\t rightItemTitle: '',\n\t rightItemColor: 'black',\n\t leftItemSrc: '',\n\t leftItemTitle: '',\n\t leftItemColor: 'black'\n\t }}", 567 "template": { 568 "type": "div", 569 "classList": [ 570 "wrapper" 571 ], 572 "children": [ 573 { 574 "type": "wxc-navbar", 575 "attr": { 576 "dataRole": "function () {return this.dataRole}", 577 "height": "function () {return this.height}", 578 "backgroundColor": "function () {return this.backgroundColor}", 579 "title": "function () {return this.title}", 580 "titleColor": "function () {return this.titleColor}", 581 "leftItemSrc": "function () {return this.leftItemSrc}", 582 "leftItemTitle": "function () {return this.leftItemTitle}", 583 "leftItemColor": "function () {return this.leftItemColor}", 584 "rightItemSrc": "function () {return this.rightItemSrc}", 585 "rightItemTitle": "function () {return this.rightItemTitle}", 586 "rightItemColor": "function () {return this.rightItemColor}" 587 } 588 }, 589 { 590 "type": "div", 591 "classList": [ 592 "wrapper" 593 ], 594 "style": { 595 "marginTop": "function () {return this.height}" 596 }, 597 "children": [ 598 { 599 "type": "content" 600 } 601 ] 602 } 603 ] 604 }, 605 "style": { 606 "wrapper": { 607 "position": "absolute", 608 "top": 0, 609 "left": 0, 610 "right": 0, 611 "bottom": 0, 612 "width": 750 613 } 614 } 615 }, 616 "@weex-component/wxc-tabitem": { 617 "data": "function () {return {\n\t index: 0,\n\t title: '',\n\t titleColor: '#000000',\n\t icon: '',\n\t backgroundColor: '#ffffff'\n\t }}", 618 "methods": { 619 "onclickitem": "function onclickitem(e) {\n\t var vm = this;\n\t var params = {\n\t index: vm.index\n\t };\n\t vm.$dispatch('tabItem.onClick', params);\n\t }" 620 }, 621 "template": { 622 "type": "div", 623 "classList": [ 624 "container" 625 ], 626 "style": { 627 "backgroundColor": "function () {return this.backgroundColor}" 628 }, 629 "events": { 630 "click": "onclickitem" 631 }, 632 "children": [ 633 { 634 "type": "image", 635 "classList": [ 636 "top-line" 637 ], 638 "attr": { 639 "src": "http://gtms03.alicdn.com/tps/i3/TB1mdsiMpXXXXXpXXXXNw4JIXXX-640-4.png" 640 } 641 }, 642 { 643 "type": "image", 644 "classList": [ 645 "tab-icon" 646 ], 647 "attr": { 648 "src": "function () {return this.icon}" 649 } 650 }, 651 { 652 "type": "text", 653 "classList": [ 654 "tab-text" 655 ], 656 "style": { 657 "color": "function () {return this.titleColor}" 658 }, 659 "attr": { 660 "value": "function () {return this.title}" 661 } 662 } 663 ] 664 }, 665 "style": { 666 "container": { 667 "flex": 1, 668 "flexDirection": "column", 669 "alignItems": "center", 670 "justifyContent": "center", 671 "height": 88 672 }, 673 "top-line": { 674 "position": "absolute", 675 "top": 0, 676 "left": 0, 677 "right": 0, 678 "height": 2 679 }, 680 "tab-icon": { 681 "marginTop": 5, 682 "width": 40, 683 "height": 40 684 }, 685 "tab-text": { 686 "marginTop": 5, 687 "textAlign": "center", 688 "fontSize": 20 689 } 690 } 691 }, 692 "@weex-component/wxc-tabbar": { 693 "data": "function () {return {\n\t tabItems: [],\n\t selectedIndex: 0,\n\t selectedColor: '#ff0000',\n\t unselectedColor: '#000000'\n\t }}", 694 "created": "function created() {\n\t this.selected(this.selectedIndex);\n\t\n\t this.$on('tabItem.onClick', function (e) {\n\t var detail = e.detail;\n\t this.selectedIndex = detail.index;\n\t this.selected(detail.index);\n\t\n\t var params = {\n\t index: detail.index\n\t };\n\t this.$dispatch('tabBar.onClick', params);\n\t });\n\t }", 695 "methods": { 696 "selected": "function selected(index) {\n\t for (var i = 0; i < this.tabItems.length; i++) {\n\t var tabItem = this.tabItems[i];\n\t if (i == index) {\n\t tabItem.icon = tabItem.selectedImage;\n\t tabItem.titleColor = this.selectedColor;\n\t tabItem.visibility = 'visible';\n\t } else {\n\t tabItem.icon = tabItem.image;\n\t tabItem.titleColor = this.unselectedColor;\n\t tabItem.visibility = 'hidden';\n\t }\n\t }\n\t }" 697 }, 698 "template": { 699 "type": "div", 700 "classList": [ 701 "wrapper" 702 ], 703 "children": [ 704 { 705 "type": "embed", 706 "classList": [ 707 "content" 708 ], 709 "style": { 710 "visibility": "function () {return this.visibility}" 711 }, 712 "repeat": "function () {return this.tabItems}", 713 "attr": { 714 "src": "function () {return this.src}", 715 "type": "weex" 716 } 717 }, 718 { 719 "type": "div", 720 "classList": [ 721 "tabbar" 722 ], 723 "append": "tree", 724 "children": [ 725 { 726 "type": "wxc-tabitem", 727 "repeat": "function () {return this.tabItems}", 728 "attr": { 729 "index": "function () {return this.index}", 730 "icon": "function () {return this.icon}", 731 "title": "function () {return this.title}", 732 "titleColor": "function () {return this.titleColor}" 733 } 734 } 735 ] 736 } 737 ] 738 }, 739 "style": { 740 "wrapper": { 741 "width": 750, 742 "position": "absolute", 743 "top": 0, 744 "left": 0, 745 "right": 0, 746 "bottom": 0 747 }, 748 "content": { 749 "position": "absolute", 750 "top": 0, 751 "left": 0, 752 "right": 0, 753 "bottom": 0, 754 "marginTop": 0, 755 "marginBottom": 88 756 }, 757 "tabbar": { 758 "flexDirection": "row", 759 "position": "fixed", 760 "bottom": 0, 761 "left": 0, 762 "right": 0, 763 "height": 88 764 } 765 } 766 }, 767 "@weex-component/example-list-item": { 768 "data": "function () {return {\n\t title: '',\n\t url: ''\n\t }}", 769 "methods": { 770 "redirect": "function redirect() {\n\t this.$openURL(this.url);\n\t }" 771 }, 772 "template": { 773 "type": "wxc-list-item", 774 "events": { 775 "click": "redirect" 776 }, 777 "children": [ 778 { 779 "type": "text", 780 "classList": [ 781 "item-txt" 782 ], 783 "attr": { 784 "value": "function () {return this.title}" 785 } 786 } 787 ] 788 }, 789 "style": { 790 "item-txt": { 791 "fontSize": 48, 792 "color": "#555555" 793 } 794 } 795 }, 796 "@weex-component/example-list": { 797 "data": "function () {return {\n\t root: '',\n\t items: [{ name: 'hello', title: 'Hello World', url: '' }]\n\t }}", 798 "created": "function created() {\n\t var bundleUrl = this.$getConfig().bundleUrl;\n\t console.log('hit', bundleUrl);\n\t var dirs = this.root.split('/');\n\t dirs.forEach(function (dir, index) {\n\t if (!dir) dirs.splice(index, 1);\n\t });\n\t var root = dirs.length > 0 ? dirs[0] : '';\n\t var subRoot = dirs.length > 1 ? dirs.slice(1).join('/') + '/' : '';\n\t\n\t var nativeBase;\n\t var isAndroidAssets = bundleUrl.indexOf('your_current_IP') >= 0 || bundleUrl.indexOf('file://assets/') >= 0;\n\t var isiOSAssets = bundleUrl.indexOf('file:///') >= 0 && bundleUrl.indexOf('WeexDemo.app') > 0;\n\t if (isAndroidAssets) {\n\t nativeBase = 'file://assets/';\n\t } else if (isiOSAssets) {\n\t nativeBase = bundleUrl.substring(0, bundleUrl.lastIndexOf('/') + 1);\n\t } else {\n\t var host = 'localhost:12580';\n\t var matches = /\\/\\/([^\\/]+?)\\//.exec(this.$getConfig().bundleUrl);\n\t if (matches && matches.length >= 2) {\n\t host = matches[1];\n\t }\n\t nativeBase = '//' + host + '/' + root + '/build/' + subRoot;\n\t }\n\t var h5Base = './index.html?page=./' + root + '/build/' + subRoot;\n\t\n\t var base = nativeBase;\n\t if ((typeof window === 'undefined' ? 'undefined' : (0, _typeof3.default)(window)) === 'object') {\n\t base = h5Base;\n\t }\n\t\n\t for (var i in this.items) {\n\t var item = this.items[i];\n\t if (!item.url) {\n\t item.url = base + item.name + '.js';\n\t }\n\t }\n\t\n\t if (this.items.length) console.log('hit', this.items[0].url);\n\t }", 799 "template": { 800 "type": "list", 801 "children": [ 802 { 803 "type": "cell", 804 "append": "tree", 805 "repeat": "function () {return this.items}", 806 "children": [ 807 { 808 "type": "example-list-item", 809 "attr": { 810 "title": "function () {return this.title}", 811 "url": "function () {return this.url}" 812 } 813 } 814 ] 815 } 816 ] 817 }, 818 "style": {} 819 }, 820 "@weex-component/ff1b948d57ece2a9e61ad75680c9e80e": { 821 "data": "function () {return {\n\t root: 'examples',\n\t items: [{ name: 'hello', title: 'Hello World' }, { name: 'syntax/index', title: 'More Syntax' }, { name: 'style/index', title: 'Common Style' }, { name: 'animation', title: 'Animation' }, { name: 'component/text-demo', title: 'Text' }, { name: 'component/image-demo', title: 'Image' }, { name: 'component/input-demo', title: 'Input' }, { name: 'component/scroller-demo', title: 'Scroller' }, { name: 'component/list/list-basic', title: 'List (Basic)' }, { name: 'component/list/list-demo', title: 'List (Advanced)' }, { name: 'component/slider/index', title: 'Slider' }, { name: 'component/a-demo', title: 'A' }, { name: 'component/video-demo', title: 'Video' }, { name: 'component/countdown-demo', title: 'Countdown' }, { name: 'component/marquee-demo', title: 'Marquee' }, { name: 'component/web-demo', title: 'Web' }, { name: 'component/navigator-demo', title: 'Navigator' }, { name: 'component/tabbar/tabbar-demo', title: 'Tabbar' }, { name: 'component/process-bar-demo', title: 'ProcessBar' }, { name: 'module/instance-api', title: 'Instance API' }, { name: 'module/modal', title: 'Modal' }, { name: 'module/stream-demo', title: 'Stream' }, { name: 'module/storage-demo', title: 'Storage' }, { name: 'showcase/new-fashion/index', title: 'Activity' }, { name: 'showcase/calculator', title: 'Calculator' }, { name: 'showcase/minesweeper', title: 'Minesweeper' }, { name: 'showcase/ui', title: 'UI Gallery' }, { name: 'showcase/dropdown/dropdown-demo', title: 'Dropdown' }]\n\t }}", 822 "template": { 823 "type": "example-list", 824 "attr": { 825 "items": "function () {return this.items}", 826 "root": "function () {return this.root}" 827 } 828 } 829 } 830}
