| { |
| "@weex-component/wxc-button": { |
| "data": "function () {return {\n\t type: 'default',\n\t size: 'large',\n\t value: ''\n\t }}", |
| "methods": {}, |
| "template": { |
| "type": "div", |
| "classList": "function () {return ['btn', 'btn-' + (this.type), 'btn-sz-' + (this.size)]}", |
| "children": [ |
| { |
| "type": "text", |
| "classList": "function () {return ['btn-txt', 'btn-txt-' + (this.type), 'btn-txt-sz-' + (this.size)]}", |
| "attr": { |
| "value": "function () {return this.value}" |
| } |
| } |
| ] |
| }, |
| "style": { |
| "btn": { |
| "marginBottom": 0, |
| "alignItems": "center", |
| "justifyContent": "center", |
| "borderWidth": 1, |
| "borderStyle": "solid", |
| "borderColor": "#333333" |
| }, |
| "btn-default": { |
| "color": "rgb(51,51,51)" |
| }, |
| "btn-primary": { |
| "backgroundColor": "rgb(40,96,144)", |
| "borderColor": "rgb(40,96,144)" |
| }, |
| "btn-success": { |
| "backgroundColor": "rgb(92,184,92)", |
| "borderColor": "rgb(76,174,76)" |
| }, |
| "btn-info": { |
| "backgroundColor": "rgb(91,192,222)", |
| "borderColor": "rgb(70,184,218)" |
| }, |
| "btn-warning": { |
| "backgroundColor": "rgb(240,173,78)", |
| "borderColor": "rgb(238,162,54)" |
| }, |
| "btn-danger": { |
| "backgroundColor": "rgb(217,83,79)", |
| "borderColor": "rgb(212,63,58)" |
| }, |
| "btn-link": { |
| "borderColor": "rgba(0,0,0,0)", |
| "borderRadius": 0 |
| }, |
| "btn-txt-default": { |
| "color": "rgb(51,51,51)" |
| }, |
| "btn-txt-primary": { |
| "color": "rgb(255,255,255)" |
| }, |
| "btn-txt-success": { |
| "color": "rgb(255,255,255)" |
| }, |
| "btn-txt-info": { |
| "color": "rgb(255,255,255)" |
| }, |
| "btn-txt-warning": { |
| "color": "rgb(255,255,255)" |
| }, |
| "btn-txt-danger": { |
| "color": "rgb(255,255,255)" |
| }, |
| "btn-txt-link": { |
| "color": "rgb(51,122,183)" |
| }, |
| "btn-sz-large": { |
| "width": 300, |
| "height": 100, |
| "paddingTop": 25, |
| "paddingBottom": 25, |
| "paddingLeft": 40, |
| "paddingRight": 40, |
| "borderRadius": 15 |
| }, |
| "btn-sz-middle": { |
| "width": 240, |
| "height": 80, |
| "paddingTop": 15, |
| "paddingBottom": 15, |
| "paddingLeft": 30, |
| "paddingRight": 30, |
| "borderRadius": 10 |
| }, |
| "btn-sz-small": { |
| "width": 170, |
| "height": 60, |
| "paddingTop": 12, |
| "paddingBottom": 12, |
| "paddingLeft": 25, |
| "paddingRight": 25, |
| "borderRadius": 7 |
| }, |
| "btn-txt-sz-large": { |
| "fontSize": 45 |
| }, |
| "btn-txt-sz-middle": { |
| "fontSize": 35 |
| }, |
| "btn-txt-sz-small": { |
| "fontSize": 30 |
| } |
| } |
| }, |
| "@weex-component/wxc-hn": { |
| "data": "function () {return {\n\t level: 1,\n\t value: ''\n\t }}", |
| "methods": {}, |
| "template": { |
| "type": "div", |
| "classList": "function () {return ['h' + (this.level)]}", |
| "style": { |
| "justifyContent": "center" |
| }, |
| "children": [ |
| { |
| "type": "text", |
| "classList": "function () {return ['txt-h' + (this.level)]}", |
| "attr": { |
| "value": "function () {return this.value}" |
| } |
| } |
| ] |
| }, |
| "style": { |
| "h1": { |
| "height": 110, |
| "paddingTop": 20, |
| "paddingBottom": 20 |
| }, |
| "h2": { |
| "height": 110, |
| "paddingTop": 20, |
| "paddingBottom": 20 |
| }, |
| "h3": { |
| "height": 110, |
| "paddingTop": 20, |
| "paddingBottom": 20 |
| }, |
| "txt-h1": { |
| "fontSize": 70 |
| }, |
| "txt-h2": { |
| "fontSize": 52 |
| }, |
| "txt-h3": { |
| "fontSize": 42 |
| } |
| } |
| }, |
| "@weex-component/wxc-list-item": { |
| "data": "function () {return {\n\t bgColor: '#ffffff'\n\t }}", |
| "methods": { |
| "touchstart": "function touchstart() {}", |
| "touchend": "function touchend() {}" |
| }, |
| "template": { |
| "type": "div", |
| "classList": [ |
| "item" |
| ], |
| "events": { |
| "touchstart": "touchstart", |
| "touchend": "touchend" |
| }, |
| "style": { |
| "backgroundColor": "function () {return this.bgColor}" |
| }, |
| "children": [ |
| { |
| "type": "content" |
| } |
| ] |
| }, |
| "style": { |
| "item": { |
| "paddingTop": 25, |
| "paddingBottom": 25, |
| "paddingLeft": 35, |
| "paddingRight": 35, |
| "height": 160, |
| "justifyContent": "center", |
| "borderBottomWidth": 1, |
| "borderColor": "#dddddd" |
| } |
| } |
| }, |
| "@weex-component/wxc-panel": { |
| "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 }}", |
| "ready": "function ready() {}", |
| "template": { |
| "type": "div", |
| "classList": "function () {return ['panel', 'panel-' + (this.type)]}", |
| "style": { |
| "borderWidth": "function () {return this.border}" |
| }, |
| "children": [ |
| { |
| "type": "text", |
| "classList": "function () {return ['panel-header', 'panel-header-' + (this.type)]}", |
| "style": { |
| "paddingTop": "function () {return this.paddingHead}", |
| "paddingBottom": "function () {return this.paddingHead}", |
| "paddingLeft": "function () {return this.paddingHead*1.5}", |
| "paddingRight": "function () {return this.paddingHead*1.5}" |
| }, |
| "attr": { |
| "value": "function () {return this.title}" |
| } |
| }, |
| { |
| "type": "div", |
| "classList": "function () {return ['panel-body', 'panel-body-' + (this.type)]}", |
| "style": { |
| "paddingTop": "function () {return this.paddingBody}", |
| "paddingBottom": "function () {return this.paddingBody}", |
| "paddingLeft": "function () {return this.paddingBody*1.5}", |
| "paddingRight": "function () {return this.paddingBody*1.5}" |
| }, |
| "children": [ |
| { |
| "type": "content" |
| } |
| ] |
| } |
| ] |
| }, |
| "style": { |
| "panel": { |
| "marginBottom": 20, |
| "backgroundColor": "#ffffff", |
| "borderColor": "#dddddd", |
| "borderWidth": 1 |
| }, |
| "panel-primary": { |
| "borderColor": "rgb(40,96,144)" |
| }, |
| "panel-success": { |
| "borderColor": "rgb(76,174,76)" |
| }, |
| "panel-info": { |
| "borderColor": "rgb(70,184,218)" |
| }, |
| "panel-warning": { |
| "borderColor": "rgb(238,162,54)" |
| }, |
| "panel-danger": { |
| "borderColor": "rgb(212,63,58)" |
| }, |
| "panel-header": { |
| "backgroundColor": "#f5f5f5", |
| "fontSize": 40, |
| "color": "#333333" |
| }, |
| "panel-header-primary": { |
| "backgroundColor": "rgb(40,96,144)", |
| "color": "#ffffff" |
| }, |
| "panel-header-success": { |
| "backgroundColor": "rgb(92,184,92)", |
| "color": "#ffffff" |
| }, |
| "panel-header-info": { |
| "backgroundColor": "rgb(91,192,222)", |
| "color": "#ffffff" |
| }, |
| "panel-header-warning": { |
| "backgroundColor": "rgb(240,173,78)", |
| "color": "#ffffff" |
| }, |
| "panel-header-danger": { |
| "backgroundColor": "rgb(217,83,79)", |
| "color": "#ffffff" |
| }, |
| "panel-body": {} |
| } |
| }, |
| "@weex-component/wxc-tip": { |
| "data": "function () {return {\n\t type: 'success',\n\t value: ''\n\t }}", |
| "template": { |
| "type": "div", |
| "classList": "function () {return ['tip', 'tip-' + (this.type)]}", |
| "children": [ |
| { |
| "type": "text", |
| "classList": "function () {return ['tip-txt', 'tip-txt-' + (this.type)]}", |
| "attr": { |
| "value": "function () {return this.value}" |
| } |
| } |
| ] |
| }, |
| "style": { |
| "tip": { |
| "paddingLeft": 36, |
| "paddingRight": 36, |
| "paddingTop": 36, |
| "paddingBottom": 36, |
| "borderRadius": 10 |
| }, |
| "tip-txt": { |
| "fontSize": 28 |
| }, |
| "tip-success": { |
| "backgroundColor": "#dff0d8", |
| "borderColor": "#d6e9c6" |
| }, |
| "tip-txt-success": { |
| "color": "#3c763d" |
| }, |
| "tip-info": { |
| "backgroundColor": "#d9edf7", |
| "borderColor": "#bce8f1" |
| }, |
| "tip-txt-info": { |
| "color": "#31708f" |
| }, |
| "tip-warning": { |
| "backgroundColor": "#fcf8e3", |
| "borderColor": "#faebcc" |
| }, |
| "tip-txt-warning": { |
| "color": "#8a6d3b" |
| }, |
| "tip-danger": { |
| "backgroundColor": "#f2dede", |
| "borderColor": "#ebccd1" |
| }, |
| "tip-txt-danger": { |
| "color": "#a94442" |
| } |
| } |
| }, |
| "@weex-component/wxc-countdown": { |
| "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 }}", |
| "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 }", |
| "methods": { |
| "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 }", |
| "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 }", |
| "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 }", |
| "appeared": "function appeared() {\n\t this.outofview = false;\n\t }", |
| "disappeared": "function disappeared() {\n\t this.outofview = true;\n\t }" |
| }, |
| "template": { |
| "type": "div", |
| "style": { |
| "overflow": "hidden", |
| "flexDirection": "row" |
| }, |
| "events": { |
| "appear": "appeared", |
| "disappear": "disappeared" |
| }, |
| "children": [ |
| { |
| "type": "content" |
| } |
| ] |
| }, |
| "style": { |
| "wrap": { |
| "overflow": "hidden" |
| } |
| } |
| }, |
| "@weex-component/wxc-marquee": { |
| "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 }}", |
| "ready": "function ready() {\n\t if (this.interval > 0 && this.step > 0 && this.duration > 0) {\n\t this.nextTick();\n\t }\n\t }", |
| "methods": { |
| "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 }", |
| "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 }", |
| "appeared": "function appeared() {\n\t this.outofview = false;\n\t }", |
| "disappeared": "function disappeared() {\n\t this.outofview = true;\n\t }" |
| }, |
| "template": { |
| "type": "div", |
| "classList": [ |
| "wrap" |
| ], |
| "events": { |
| "appear": "appeared", |
| "disappear": "disappeared" |
| }, |
| "children": [ |
| { |
| "type": "div", |
| "id": "anim", |
| "classList": [ |
| "anim" |
| ], |
| "children": [ |
| { |
| "type": "content" |
| } |
| ] |
| } |
| ] |
| }, |
| "style": { |
| "wrap": { |
| "overflow": "hidden", |
| "position": "relative" |
| }, |
| "anim": { |
| "flexDirection": "column", |
| "position": "absolute", |
| "transform": "translateY(0) translateZ(0)" |
| } |
| } |
| }, |
| "@weex-component/wxc-navbar": { |
| "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 }}", |
| "methods": { |
| "onclickrightitem": "function onclickrightitem(e) {\n\t this.$dispatch('naviBar.rightItem.click', {});\n\t }", |
| "onclickleftitem": "function onclickleftitem(e) {\n\t this.$dispatch('naviBar.leftItem.click', {});\n\t }" |
| }, |
| "template": { |
| "type": "div", |
| "classList": [ |
| "container" |
| ], |
| "style": { |
| "height": "function () {return this.height}", |
| "backgroundColor": "function () {return this.backgroundColor}" |
| }, |
| "attr": { |
| "dataRole": "function () {return this.dataRole}" |
| }, |
| "children": [ |
| { |
| "type": "text", |
| "classList": [ |
| "right-text" |
| ], |
| "style": { |
| "color": "function () {return this.rightItemColor}" |
| }, |
| "attr": { |
| "naviItemPosition": "right", |
| "value": "function () {return this.rightItemTitle}" |
| }, |
| "shown": "function () {return !this.rightItemSrc}", |
| "events": { |
| "click": "onclickrightitem" |
| } |
| }, |
| { |
| "type": "image", |
| "classList": [ |
| "right-image" |
| ], |
| "attr": { |
| "naviItemPosition": "right", |
| "src": "function () {return this.rightItemSrc}" |
| }, |
| "shown": "function () {return this.rightItemSrc}", |
| "events": { |
| "click": "onclickrightitem" |
| } |
| }, |
| { |
| "type": "text", |
| "classList": [ |
| "left-text" |
| ], |
| "style": { |
| "color": "function () {return this.leftItemColor}" |
| }, |
| "attr": { |
| "naviItemPosition": "left", |
| "value": "function () {return this.leftItemTitle}" |
| }, |
| "shown": "function () {return !this.leftItemSrc}", |
| "events": { |
| "click": "onclickleftitem" |
| } |
| }, |
| { |
| "type": "image", |
| "classList": [ |
| "left-image" |
| ], |
| "attr": { |
| "naviItemPosition": "left", |
| "src": "function () {return this.leftItemSrc}" |
| }, |
| "shown": "function () {return this.leftItemSrc}", |
| "events": { |
| "click": "onclickleftitem" |
| } |
| }, |
| { |
| "type": "text", |
| "classList": [ |
| "center-text" |
| ], |
| "style": { |
| "color": "function () {return this.titleColor}" |
| }, |
| "attr": { |
| "naviItemPosition": "center", |
| "value": "function () {return this.title}" |
| } |
| } |
| ] |
| }, |
| "style": { |
| "container": { |
| "flexDirection": "row", |
| "position": "fixed", |
| "top": 0, |
| "left": 0, |
| "right": 0, |
| "width": 750 |
| }, |
| "right-text": { |
| "position": "absolute", |
| "bottom": 28, |
| "right": 32, |
| "textAlign": "right", |
| "fontSize": 32, |
| "fontFamily": "'Open Sans', sans-serif" |
| }, |
| "left-text": { |
| "position": "absolute", |
| "bottom": 28, |
| "left": 32, |
| "textAlign": "left", |
| "fontSize": 32, |
| "fontFamily": "'Open Sans', sans-serif" |
| }, |
| "center-text": { |
| "position": "absolute", |
| "bottom": 25, |
| "left": 172, |
| "right": 172, |
| "textAlign": "center", |
| "fontSize": 36, |
| "fontWeight": "bold" |
| }, |
| "left-image": { |
| "position": "absolute", |
| "bottom": 20, |
| "left": 28, |
| "width": 50, |
| "height": 50 |
| }, |
| "right-image": { |
| "position": "absolute", |
| "bottom": 20, |
| "right": 28, |
| "width": 50, |
| "height": 50 |
| } |
| } |
| }, |
| "@weex-component/wxc-navpage": { |
| "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 }}", |
| "template": { |
| "type": "div", |
| "classList": [ |
| "wrapper" |
| ], |
| "children": [ |
| { |
| "type": "wxc-navbar", |
| "attr": { |
| "dataRole": "function () {return this.dataRole}", |
| "height": "function () {return this.height}", |
| "backgroundColor": "function () {return this.backgroundColor}", |
| "title": "function () {return this.title}", |
| "titleColor": "function () {return this.titleColor}", |
| "leftItemSrc": "function () {return this.leftItemSrc}", |
| "leftItemTitle": "function () {return this.leftItemTitle}", |
| "leftItemColor": "function () {return this.leftItemColor}", |
| "rightItemSrc": "function () {return this.rightItemSrc}", |
| "rightItemTitle": "function () {return this.rightItemTitle}", |
| "rightItemColor": "function () {return this.rightItemColor}" |
| } |
| }, |
| { |
| "type": "div", |
| "classList": [ |
| "wrapper" |
| ], |
| "style": { |
| "marginTop": "function () {return this.height}" |
| }, |
| "children": [ |
| { |
| "type": "content" |
| } |
| ] |
| } |
| ] |
| }, |
| "style": { |
| "wrapper": { |
| "position": "absolute", |
| "top": 0, |
| "left": 0, |
| "right": 0, |
| "bottom": 0, |
| "width": 750 |
| } |
| } |
| }, |
| "@weex-component/wxc-tabitem": { |
| "data": "function () {return {\n\t index: 0,\n\t title: '',\n\t titleColor: '#000000',\n\t icon: '',\n\t backgroundColor: '#ffffff'\n\t }}", |
| "methods": { |
| "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 }" |
| }, |
| "template": { |
| "type": "div", |
| "classList": [ |
| "container" |
| ], |
| "style": { |
| "backgroundColor": "function () {return this.backgroundColor}" |
| }, |
| "events": { |
| "click": "onclickitem" |
| }, |
| "children": [ |
| { |
| "type": "image", |
| "classList": [ |
| "top-line" |
| ], |
| "attr": { |
| "src": "http://gtms03.alicdn.com/tps/i3/TB1mdsiMpXXXXXpXXXXNw4JIXXX-640-4.png" |
| } |
| }, |
| { |
| "type": "image", |
| "classList": [ |
| "tab-icon" |
| ], |
| "attr": { |
| "src": "function () {return this.icon}" |
| } |
| }, |
| { |
| "type": "text", |
| "classList": [ |
| "tab-text" |
| ], |
| "style": { |
| "color": "function () {return this.titleColor}" |
| }, |
| "attr": { |
| "value": "function () {return this.title}" |
| } |
| } |
| ] |
| }, |
| "style": { |
| "container": { |
| "flex": 1, |
| "flexDirection": "column", |
| "alignItems": "center", |
| "justifyContent": "center", |
| "height": 88 |
| }, |
| "top-line": { |
| "position": "absolute", |
| "top": 0, |
| "left": 0, |
| "right": 0, |
| "height": 2 |
| }, |
| "tab-icon": { |
| "marginTop": 5, |
| "width": 40, |
| "height": 40 |
| }, |
| "tab-text": { |
| "marginTop": 5, |
| "textAlign": "center", |
| "fontSize": 20 |
| } |
| } |
| }, |
| "@weex-component/wxc-tabbar": { |
| "data": "function () {return {\n\t tabItems: [],\n\t selectedIndex: 0,\n\t selectedColor: '#ff0000',\n\t unselectedColor: '#000000'\n\t }}", |
| "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 }", |
| "methods": { |
| "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 }" |
| }, |
| "template": { |
| "type": "div", |
| "classList": [ |
| "wrapper" |
| ], |
| "children": [ |
| { |
| "type": "embed", |
| "classList": [ |
| "content" |
| ], |
| "style": { |
| "visibility": "function () {return this.visibility}" |
| }, |
| "repeat": "function () {return this.tabItems}", |
| "attr": { |
| "src": "function () {return this.src}", |
| "type": "weex" |
| } |
| }, |
| { |
| "type": "div", |
| "classList": [ |
| "tabbar" |
| ], |
| "append": "tree", |
| "children": [ |
| { |
| "type": "wxc-tabitem", |
| "repeat": "function () {return this.tabItems}", |
| "attr": { |
| "index": "function () {return this.index}", |
| "icon": "function () {return this.icon}", |
| "title": "function () {return this.title}", |
| "titleColor": "function () {return this.titleColor}" |
| } |
| } |
| ] |
| } |
| ] |
| }, |
| "style": { |
| "wrapper": { |
| "width": 750, |
| "position": "absolute", |
| "top": 0, |
| "left": 0, |
| "right": 0, |
| "bottom": 0 |
| }, |
| "content": { |
| "position": "absolute", |
| "top": 0, |
| "left": 0, |
| "right": 0, |
| "bottom": 0, |
| "marginTop": 0, |
| "marginBottom": 88 |
| }, |
| "tabbar": { |
| "flexDirection": "row", |
| "position": "fixed", |
| "bottom": 0, |
| "left": 0, |
| "right": 0, |
| "height": 88 |
| } |
| } |
| }, |
| "@weex-component/example-list-item": { |
| "data": "function () {return {\n\t title: '',\n\t url: ''\n\t }}", |
| "methods": { |
| "redirect": "function redirect() {\n\t this.$openURL(this.url);\n\t }" |
| }, |
| "template": { |
| "type": "wxc-list-item", |
| "events": { |
| "click": "redirect" |
| }, |
| "children": [ |
| { |
| "type": "text", |
| "classList": [ |
| "item-txt" |
| ], |
| "attr": { |
| "value": "function () {return this.title}" |
| } |
| } |
| ] |
| }, |
| "style": { |
| "item-txt": { |
| "fontSize": 48, |
| "color": "#555555" |
| } |
| } |
| }, |
| "@weex-component/example-list": { |
| "data": "function () {return {\n\t root: '',\n\t items: [{ name: 'hello', title: 'Hello World', url: '' }]\n\t }}", |
| "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 }", |
| "template": { |
| "type": "list", |
| "children": [ |
| { |
| "type": "cell", |
| "append": "tree", |
| "repeat": "function () {return this.items}", |
| "children": [ |
| { |
| "type": "example-list-item", |
| "attr": { |
| "title": "function () {return this.title}", |
| "url": "function () {return this.url}" |
| } |
| } |
| ] |
| } |
| ] |
| }, |
| "style": {} |
| }, |
| "@weex-component/ff1b948d57ece2a9e61ad75680c9e80e": { |
| "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 }}", |
| "template": { |
| "type": "example-list", |
| "attr": { |
| "items": "function () {return this.items}", |
| "root": "function () {return this.root}" |
| } |
| } |
| } |
| } |