You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@weex.apache.org by ji...@apache.org on 2017/01/24 08:18:45 UTC
[30/50] [abbrv] incubator-weex git commit: * [ios] add bundle js
http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/f4fd0820/ios/playground/bundlejs/showcase/new-fashion/match.js
----------------------------------------------------------------------
diff --git a/ios/playground/bundlejs/showcase/new-fashion/match.js b/ios/playground/bundlejs/showcase/new-fashion/match.js
new file mode 100644
index 0000000..f2c58f0
--- /dev/null
+++ b/ios/playground/bundlejs/showcase/new-fashion/match.js
@@ -0,0 +1,217 @@
+/******/ (function(modules) { // webpackBootstrap
+/******/ // The module cache
+/******/ var installedModules = {};
+
+/******/ // The require function
+/******/ function __webpack_require__(moduleId) {
+
+/******/ // Check if module is in cache
+/******/ if(installedModules[moduleId])
+/******/ return installedModules[moduleId].exports;
+
+/******/ // Create a new module (and put it into the cache)
+/******/ var module = installedModules[moduleId] = {
+/******/ exports: {},
+/******/ id: moduleId,
+/******/ loaded: false
+/******/ };
+
+/******/ // Execute the module function
+/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+
+/******/ // Flag the module as loaded
+/******/ module.loaded = true;
+
+/******/ // Return the exports of the module
+/******/ return module.exports;
+/******/ }
+
+
+/******/ // expose the modules object (__webpack_modules__)
+/******/ __webpack_require__.m = modules;
+
+/******/ // expose the module cache
+/******/ __webpack_require__.c = installedModules;
+
+/******/ // __webpack_public_path__
+/******/ __webpack_require__.p = "";
+
+/******/ // Load entry module and return exports
+/******/ return __webpack_require__(0);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 0:
+/***/ function(module, exports, __webpack_require__) {
+
+ ;__weex_define__("@weex-component/9d4c2c7c4ae424dd9960b55f7cf27378", [], function(__weex_require__, __weex_exports__, __weex_module__){
+ __webpack_require__(17);
+
+ ;
+ __weex_module__.exports = {
+ data: function () {return {
+ NUMBER_750: 750,
+ NUMBER_373: 373,
+ NUMBER_240: 240,
+ NUMBER_200: 200,
+ NUMBER_4: 4
+ }},
+ methods: {
+ ready: function () {
+ var self = this;
+ self._initEnv();
+ self._addBannerIndex();
+ },
+ _initEnv: function () {
+ var self = this;
+ self.isTM = self._app.IS_TM;
+ },
+ _addBannerIndex: function () {
+ var self = this;
+ var ds = self.ds;
+ if (!ds || !ds.bannerItems) return;
+ for (var i = 0; i < ds.bannerItems.length; i++) {
+ ds.bannerItems[i].index = i;
+ }
+ }
+ }
+ }
+
+ ;__weex_module__.exports.template={
+ "type": "container",
+ "children": [
+ {
+ "type": "image",
+ "shown": function () {return this.ds.floorTitle},
+ "classList": [
+ "title"
+ ],
+ "attr": {
+ "src": function () {return this.ds.floorTitle}
+ }
+ },
+ {
+ "type": "container",
+ "classList": [
+ "tm-banner"
+ ],
+ "shown": function () {return this.ds.isShowTmSpecBanner&&this.ds.tmSpecBanner&&this.isTM},
+ "children": [
+ {
+ "type": "banner",
+ "attr": {
+ "width": function () {return this.NUMBER_750},
+ "height": function () {return this.NUMBER_200},
+ "src": function () {return this.ds.tmSpecBanner.img},
+ "href": function () {return this.ds.tmSpecBanner.url}
+ }
+ }
+ ]
+ },
+ {
+ "type": "container",
+ "repeat": function () {return this.ds.bannerItems},
+ "style": {
+ "flexDirection": "row",
+ "marginBottom": function () {return this.NUMBER_4}
+ },
+ "children": [
+ {
+ "type": "container",
+ "style": {
+ "marginRight": function () {return this.NUMBER_4}
+ },
+ "children": [
+ {
+ "type": "banner",
+ "attr": {
+ "width": function () {return this.NUMBER_373},
+ "height": function () {return this.NUMBER_240},
+ "src": function () {return this.leftImg},
+ "href": function () {return this.leftUrl}
+ }
+ }
+ ]
+ },
+ {
+ "type": "container",
+ "children": [
+ {
+ "type": "banner",
+ "attr": {
+ "width": function () {return this.NUMBER_373},
+ "height": function () {return this.NUMBER_240},
+ "src": function () {return this.rightImg},
+ "href": function () {return this.rightUrl}
+ }
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ;__weex_module__.exports.style={
+ "title": {
+ "width": 750,
+ "height": 100
+ },
+ "tm-banner": {
+ "bottom": 4
+ }
+ }
+ })
+ ;__weex_bootstrap__("@weex-component/9d4c2c7c4ae424dd9960b55f7cf27378", {
+ "transformerVersion": "0.3.1"
+ },undefined)
+
+/***/ },
+
+/***/ 17:
+/***/ function(module, exports) {
+
+ ;__weex_define__("@weex-component/banner", [], function(__weex_require__, __weex_exports__, __weex_module__){
+
+ ;
+ __weex_module__.exports = {
+ data: function () {return {
+ quality: 'normal',
+ width: 0,
+ height: 0,
+ src: '',
+ href: '',
+ spmc:0,
+ spmd:0
+ }},
+ methods: {
+ ready: function () {
+ },
+ _clickHandler: function () {
+ this.$call('modal', 'toast', {
+ message: 'click',
+ duration: 1
+ });
+ }
+ }
+ };
+
+ ;__weex_module__.exports.template={
+ "type": "image",
+ "style": {
+ "width": function () {return this.width},
+ "height": function () {return this.height}
+ },
+ "attr": {
+ "src": function () {return this.src},
+ "imageQuality": function () {return this.quality}
+ },
+ "events": {
+ "click": "_clickHandler"
+ }
+ }
+ })
+
+/***/ }
+
+/******/ });
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/f4fd0820/ios/playground/bundlejs/showcase/new-fashion/resource.js
----------------------------------------------------------------------
diff --git a/ios/playground/bundlejs/showcase/new-fashion/resource.js b/ios/playground/bundlejs/showcase/new-fashion/resource.js
new file mode 100644
index 0000000..92a4051
--- /dev/null
+++ b/ios/playground/bundlejs/showcase/new-fashion/resource.js
@@ -0,0 +1,252 @@
+/******/ (function(modules) { // webpackBootstrap
+/******/ // The module cache
+/******/ var installedModules = {};
+
+/******/ // The require function
+/******/ function __webpack_require__(moduleId) {
+
+/******/ // Check if module is in cache
+/******/ if(installedModules[moduleId])
+/******/ return installedModules[moduleId].exports;
+
+/******/ // Create a new module (and put it into the cache)
+/******/ var module = installedModules[moduleId] = {
+/******/ exports: {},
+/******/ id: moduleId,
+/******/ loaded: false
+/******/ };
+
+/******/ // Execute the module function
+/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+
+/******/ // Flag the module as loaded
+/******/ module.loaded = true;
+
+/******/ // Return the exports of the module
+/******/ return module.exports;
+/******/ }
+
+
+/******/ // expose the modules object (__webpack_modules__)
+/******/ __webpack_require__.m = modules;
+
+/******/ // expose the module cache
+/******/ __webpack_require__.c = installedModules;
+
+/******/ // __webpack_public_path__
+/******/ __webpack_require__.p = "";
+
+/******/ // Load entry module and return exports
+/******/ return __webpack_require__(0);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 0:
+/***/ function(module, exports, __webpack_require__) {
+
+ ;__weex_define__("@weex-component/8deee4229e8e47478c967d585a917549", [], function(__weex_require__, __weex_exports__, __weex_module__){
+ __webpack_require__(17);
+ __webpack_require__(18);
+
+ ;
+ __weex_module__.exports = {
+ data: function () {return {
+ NUMBER_750: 750,
+ NUMBER_200: 200,
+ NUMBER_373: 373,
+ NUMBER_224:224,
+ NUMBER_4:4
+ }}
+ }
+
+ ;__weex_module__.exports.template={
+ "type": "container",
+ "shown": function () {return !this.ds.isHide},
+ "children": [
+ {
+ "type": "container",
+ "classList": [
+ "big-banner-container"
+ ],
+ "children": [
+ {
+ "type": "banner",
+ "attr": {
+ "width": function () {return this.NUMBER_750},
+ "height": function () {return this.NUMBER_200},
+ "src": function () {return this.ds.bigBannerImg},
+ "href": function () {return this.ds.bigBannerUrl}
+ }
+ }
+ ]
+ },
+ {
+ "type": "banners",
+ "attr": {
+ "ds": function () {return this.ds.smallBannerItems},
+ "width": function () {return this.NUMBER_373},
+ "height": function () {return this.NUMBER_224},
+ "direction": "row",
+ "space": function () {return this.NUMBER_4}
+ }
+ }
+ ]
+ }
+ ;__weex_module__.exports.style={
+ "title": {
+ "width": 750,
+ "height": 100
+ },
+ "big-banner-container": {
+ "marginBottom": 4
+ }
+ }
+ })
+ ;__weex_bootstrap__("@weex-component/8deee4229e8e47478c967d585a917549", {
+ "transformerVersion": "0.3.1"
+ },undefined)
+
+/***/ },
+
+/***/ 17:
+/***/ function(module, exports) {
+
+ ;__weex_define__("@weex-component/banner", [], function(__weex_require__, __weex_exports__, __weex_module__){
+
+ ;
+ __weex_module__.exports = {
+ data: function () {return {
+ quality: 'normal',
+ width: 0,
+ height: 0,
+ src: '',
+ href: '',
+ spmc:0,
+ spmd:0
+ }},
+ methods: {
+ ready: function () {
+ },
+ _clickHandler: function () {
+ this.$call('modal', 'toast', {
+ message: 'click',
+ duration: 1
+ });
+ }
+ }
+ };
+
+ ;__weex_module__.exports.template={
+ "type": "image",
+ "style": {
+ "width": function () {return this.width},
+ "height": function () {return this.height}
+ },
+ "attr": {
+ "src": function () {return this.src},
+ "imageQuality": function () {return this.quality}
+ },
+ "events": {
+ "click": "_clickHandler"
+ }
+ }
+ })
+
+/***/ },
+
+/***/ 18:
+/***/ function(module, exports, __webpack_require__) {
+
+ ;__weex_define__("@weex-component/banners", [], function(__weex_require__, __weex_exports__, __weex_module__){
+ __webpack_require__(17);
+
+ ;
+ __weex_module__.exports = {
+ data: function () {return {
+ space: 0,
+ width: 0,
+ height: 0,
+ spmc:0,
+ spmdprefix:'',
+ ds: []
+ }},
+ methods: {
+ ready: function () {
+ var self = this;
+ var ds = self.ds;
+ var length = ds.length;
+ for (var i = 0; i < length; i++) {
+ var item = ds[i];
+ item.index = i;
+ item.space = (i % length === 0) ? 0 : self.space;
+ }
+ }
+ }
+ };
+
+ ;__weex_module__.exports.template={
+ "type": "container",
+ "children": [
+ {
+ "type": "container",
+ "shown": function () {return this.direction==='row'},
+ "style": {
+ "flexDirection": "row"
+ },
+ "children": [
+ {
+ "type": "container",
+ "repeat": function () {return this.ds},
+ "style": {
+ "width": function () {return this.width},
+ "height": function () {return this.height},
+ "marginLeft": function () {return this.space}
+ },
+ "children": [
+ {
+ "type": "banner",
+ "attr": {
+ "width": function () {return this.width},
+ "height": function () {return this.height},
+ "src": function () {return this.img},
+ "href": function () {return this.url}
+ }
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "container",
+ "shown": function () {return this.direction==='column'},
+ "children": [
+ {
+ "type": "container",
+ "repeat": function () {return this.ds},
+ "style": {
+ "width": function () {return this.width},
+ "height": function () {return this.height},
+ "marginTop": function () {return this.space}
+ },
+ "children": [
+ {
+ "type": "banner",
+ "attr": {
+ "width": function () {return this.width},
+ "height": function () {return this.height},
+ "src": function () {return this.img},
+ "href": function () {return this.url}
+ }
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ })
+
+/***/ }
+
+/******/ });
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/f4fd0820/ios/playground/bundlejs/showcase/new-fashion/scene.js
----------------------------------------------------------------------
diff --git a/ios/playground/bundlejs/showcase/new-fashion/scene.js b/ios/playground/bundlejs/showcase/new-fashion/scene.js
new file mode 100644
index 0000000..b9b0fb9
--- /dev/null
+++ b/ios/playground/bundlejs/showcase/new-fashion/scene.js
@@ -0,0 +1,455 @@
+/******/ (function(modules) { // webpackBootstrap
+/******/ // The module cache
+/******/ var installedModules = {};
+
+/******/ // The require function
+/******/ function __webpack_require__(moduleId) {
+
+/******/ // Check if module is in cache
+/******/ if(installedModules[moduleId])
+/******/ return installedModules[moduleId].exports;
+
+/******/ // Create a new module (and put it into the cache)
+/******/ var module = installedModules[moduleId] = {
+/******/ exports: {},
+/******/ id: moduleId,
+/******/ loaded: false
+/******/ };
+
+/******/ // Execute the module function
+/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+
+/******/ // Flag the module as loaded
+/******/ module.loaded = true;
+
+/******/ // Return the exports of the module
+/******/ return module.exports;
+/******/ }
+
+
+/******/ // expose the modules object (__webpack_modules__)
+/******/ __webpack_require__.m = modules;
+
+/******/ // expose the module cache
+/******/ __webpack_require__.c = installedModules;
+
+/******/ // __webpack_public_path__
+/******/ __webpack_require__.p = "";
+
+/******/ // Load entry module and return exports
+/******/ return __webpack_require__(0);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 0:
+/***/ function(module, exports, __webpack_require__) {
+
+ ;__weex_define__("@weex-component/d7bc7177330a3072091ee5ce09d76961", [], function(__weex_require__, __weex_exports__, __weex_module__){
+ __webpack_require__(17);
+
+ ;
+ __weex_module__.exports = {
+ data: function () {return {
+ NUMBER_186: 186,
+ NUMBER_206: 206,
+ NUMBER_373: 373,
+ NUMBER_230: 230,
+ NUMBER_170: 170,
+ NUMBER_100: 100,
+ NUMBER_750: 750,
+ NUMBER_300: 300,
+ NUMBER_340: 340,
+ smallItemBg: 'https://gw.alicdn.com/tps/TB1oBIeLVXXXXatXpXXXXXXXXXX-373-230.jpg',
+ items: [],
+ smallItems: [],
+ sceneBgs: [
+ 'https://gw.alicdn.com/tps/TB1xBT8LVXXXXbYXVXXXXXXXXXX-750-340.jpg',
+ 'https://gw.alicdn.com/tps/TB1RoEkLVXXXXaMXpXXXXXXXXXX-750-340.jpg',
+ 'https://gw.alicdn.com/tps/TB1DiEpLVXXXXa7XXXXXXXXXXXX-750-340.jpg'
+ ]
+ }},
+ methods: {
+ ready: function () {
+ var self = this;
+ self._loadData();
+ },
+
+ _loadData: function () {
+ var self = this;
+ var content = [{
+ "id": "1111",
+ "sceneUrl": "https://pages.tmall.com/wow/act/15617/scene?acm=03653.1003.1.740603&aldid=VyrSqx06&wh_id=1392&scm=1003.1.03653.SUB_1111_740603&pos=1",
+ "_s_": "d",
+ "itemImg": "https://img.alicdn.com/tps/TB1c7t.MXXXXXchXXXXXXXXXXXX-182-206.jpg",
+ "sceneCat": "50012010,50012027,50012032,50007003,50008881,50008883,1623,162116,50010850,123216004",
+ "finalScore": "10000.0",
+ "_pos_": "1",
+ "entityType": "SUB",
+ "benefitImg": "//img.alicdn.com/tps/TB1Zgl2MXXXXXaYXFXXXXXXXXXX-170-100.png"
+ }, {
+ "id": "1396",
+ "sceneUrl": "https://pages.tmall.com/wow/act/15617/scene?acm=03653.1003.1.740603&aldid=VyrSqx06&wh_id=1396&scm=1003.1.03653.SUB_1396_740603&pos=2",
+ "_s_": "d",
+ "itemImg": "//img.alicdn.com/tps/i2/TB1O1VfMXXXXXX0aXXXKofZZpXX-182-206.jpg",
+ "sceneCat": "50010368,50011892,50011894,50013794,50010792,50010790,50010790,121434025,121396024,50010793,50010789,50010793,121386035,121392037,121458034,121392036,121482027,121392015,121368014,121418013,121392016,50011982,122690003,302910,50012010,122654005,50012019,50012825,50012027,50012042,50011744,50012906,50012907,50008881,50008883,50008882?,50012784?,50022889,50022728,50013228,50013896,50014775,50019578,50014822,50026394,50019694,50019279,50019272,50014079,50014078,50014076,50014077,50017238,121464011,121468014,50019130,50019127,50019126,50019128,50019125,50015984,50014803,50014802,50015980,50014788,50014787,50019526,50014791,50019520,50013932,50014677,50015978,50014786,50014785,50522001,50014493,50023100,121418021,121388027,121424021,121418020,121368020,50012036,50012044,50012043,50010368, 50011892, 50019274,50012044,50012048,50012043,50013228,50013238,50011726,50019279,50015984,50014803,50014802,50019526,50014791,50019520,50013932,50014677,50019526,50013314,500233
41,50016752,50016749,50016747,50016744,50016741,50016740,50016739,50016738,50016737,50016769,50016763,50016750,50007003,302910,50012010,50012032,50012033,50011745,50011746,50011894,121458034,121756003,121426033,50011982,50011979,121390006,124730001,50001748,50011130,124730001,50001748,50011130,50011129,50010160,50011161,50011159,50010159,50010158,50011127,3035,50010167,50000557,50011123,50010402,50000436,50011153,50010850,50000671,162201,50022566,50007068,50026651,50000852,162104,162116,162205,1623,123216004,162404,162401,50011412,50011411,162402,50008903,50011413,162403,50000697,1629,50011277,121412004,50008897,50008901,50008899,50013194,50008904,50008905,50008898,162103,50008900,50013196,121434004,50005065,162702,162701,162703,1636,1512,123534001,14,50008090,50012341,50132002,50012342,50012343,50012345,50012346,50013189,50010527,121394006,50013618,50010537,50012424,121452038,121484044,50010540,50010548,50024769,121450007,50013697,50010218,50005960,50005962,50012820,50012406,500236
20,50023605,50008829,50024064,50023440,50008687,124392001,50023771,50006804,50012410,124482010,121398023,50023789,50011975",
+ "finalScore": "10000.0",
+ "_pos_": "2",
+ "entityType": "SUB",
+ "benefitImg": "//img.alicdn.com/tps/i1/TB1cp4sMXXXXXbLXFXX3bpXTXXX-170-100.png"
+ }, {
+ "id": "1616",
+ "sceneUrl": "https://pages.tmall.com/wow/act/15617/scene?acm=03653.1003.1.740603&aldid=VyrSqx06&wh_id=1616&scm=1003.1.03653.SUB_1616_740603&pos=3",
+ "_s_": "d",
+ "itemImg": "//img.alicdn.com/tps/i4/TB1dlEALVXXXXbxXpXXKofZZpXX-182-206.jpg",
+ "sceneCat": "50009032,50007003,302910,1512,124688012,124986002,124942005,50023722,50010368,50011892,50011894",
+ "finalScore": "10000.0",
+ "_pos_": "3",
+ "entityType": "SUB",
+ "benefitImg": "//img.alicdn.com/tps/i3/TB1fxonLVXXXXXUaXXX3bpXTXXX-170-100.png"
+ }, {
+ "id": "16424",
+ "sceneUrl": "https://brand.tmall.com/mobilestreet/subject.htm?id=16424&acm=03653.1003.1.740603&aldid=VyrSqx06&spm=0.0.0.0.Wv8ion&scm=1003.1.03653.SUB_16424_740603&pos=4",
+ "_s_": "d",
+ "itemImg": "//img.alicdn.com/tps/i4/TB1.i2_LVXXXXbrXpXXKofZZpXX-182-206.jpg",
+ "sceneCat": "50012043,50012036,50010850,50000671,1622,50000852,162104,50000697,162205,162116,50012027,50012032,50012028,50012033,50012042,50008882,50012772,50006846,50008881,50000436,50011123,3035,50010167,50000557,50010158,50010159,50010402,50010160,50011980,50011993,121390006,50011978,50011977,50011979,121454013,50011745",
+ "finalScore": "6.729749999999999",
+ "_pos_": "4",
+ "entityType": "SUB",
+ "benefitImg": "//img.alicdn.com/tps/i2/TB1bhH5LVXXXXapXFXX3bpXTXXX-170-100.png"
+ }, {
+ "id": "16425",
+ "sceneUrl": "https://brand.tmall.com/mobilestreet/subject.htm?id=16360&acm=03653.1003.1.740603&aldid=VyrSqx06&spm=0.0.0.0.MttFEC&scm=1003.1.03653.SUB_16425_740603&pos=5",
+ "_s_": "d",
+ "itemImg": "//img.alicdn.com/tps/i3/TB15ywbLVXXXXcdXXXXKofZZpXX-182-206.jpg",
+ "sceneCat": "50012043,50012036,50010850,50000671,1622,50000852,162104,50000697,162205,162116,50012027,50012032,50012028,50012033,50012042,50008882,50012772,50006846,50008881,50000436,50011123,3035,50010167,50000557,50010158,50010159,50010402,50010160,50011980,50011993,121390006,50011978,50011977,50011979,121454013,50011745",
+ "finalScore": "6.729749999999999",
+ "_pos_": "5",
+ "entityType": "SUB",
+ "benefitImg": "//img.alicdn.com/tps/i1/TB1JBLYLVXXXXXlXVXX3bpXTXXX-170-100.png"
+ }, {
+ "id": "1625",
+ "sceneUrl": "https://pages.tmall.com/wow/fushi/act/gf-chaoliu?acm=03653.1003.1.740603&aldid=VyrSqx06&scm=1003.1.03653.SUB_1625_740603&pos=6",
+ "_s_": "d",
+ "itemImg": "//img.alicdn.com/bao/uploaded/i2/TB1Gd21KVXXXXXZXVXXXXXXXXXX_!!0-item_pic.jpg",
+ "sceneCat": "50012043,50012036,50010850,50000671,1622,50000852,162104,50000697,162205,162116,50012027,50012032,50012028,50012033,50012042,50008882,50012772,50006846,50008881,50000436,50011123,3035,50010167,50000557,50010158,50010159,50010402,50010160,50011980,50011993,121390006,50011978,50011977,50011979,121454013,50011982,50011991,50012906,50011744,50011745,50011743,50012907,50011746,50010815,121460005,50013794,122438001,121398006,121386023,50010808",
+ "finalScore": "6.729749999999999",
+ "_pos_": "6",
+ "entityType": "SUB",
+ "benefitImg": "//img.alicdn.com/tps/i3/TB1qxXzMXXXXXcjXFXX3bpXTXXX-170-100.png"
+ }, {
+ "id": "1392",
+ "sceneUrl": "https://pages.tmall.com/wow/act/15617/scene?acm=03653.1003.1.740603&aldid=VyrSqx06&wh_id=1392&scm=1003.1.03653.SUB_1392_740603&pos=7",
+ "_s_": "d",
+ "itemImg": "https://img.alicdn.com/tps/TB1c7t.MXXXXXchXXXXXXXXXXXX-182-206.jpg",
+ "sceneCat": "50006842,50006840,50008881,50008883,50008882,50008884,50012774,50012775,50012776,50012781,5000888,50012766,50012771,50012772,50010404,50010368, 50011892, 50011894,124688012,124730001,50001748,50011130,124730001,50001748,50011130,50011129,50010160,50011161,50011159,50010159,50010158,50011127,3035,50010167,50000557,50011123,50010402,50000436,50011153,50011740,50008882,50008886,50008885,50012777,50012778,50011977,50011978,50011979,50011980,50011982,50011990,50011999,50012000,50011993,50011996,50011997,121366011,121484009,121368010,121390006,121398029,121404030,121404031,121408040,121410035,121412033,121414041,121418013,121454013,121410013,121422013,121484013,50010789,50010790,50010792,50010793,50010794,50010796,50010797,50010798,50010801,50010803,50010805,50010807,50010808,50010815,121410007,121426007,121452004,121460005,50012341,50132002,50012342,50012343,50012345,50012346,50013189,50010527,121394006,50013618,50010537,50012424,121452038,121484044,50010540,50010
548,50024769,121366037,121458036,121392038,121420035,121364028,121468026,121472031,121476036,121470042,121418032,121410036,121472032,121420032,121470040,121384032,121460028,121448028,121400030,121424024,121482025,121418031,121402028,121388035,121460029,121400028,121400029,121418030,121476034,121478031,121448029,121480030,121366035,121424025,121426030,121484030,121412031,121384033,121424023,121402027,121408039,121420033,121452028,121466040,121416029,121482028,121420034,121396046,121422052,121370037,121424031,21364043,121472040,121412045,121424032,125054002,125074007,125074008,125104003,125080003,125024006,125080004",
+ "finalScore": "4.4951428571428576",
+ "_pos_": "7",
+ "entityType": "SUB",
+ "benefitImg": "//img.alicdn.com/tps/TB1Zgl2MXXXXXaYXFXXXXXXXXXX-170-100.png"
+ }, {
+ "id": "1395",
+ "sceneUrl": "https://pages.tmall.com/wow/act/15617/scene?acm=03653.1003.1.740603&aldid=VyrSqx06&wh_id=1395&scm=1003.1.03653.SUB_1395_740603&pos=8",
+ "_s_": "d",
+ "itemImg": "//img.alicdn.com/tps/i2/TB1p4NcMXXXXXbGaXXXKofZZpXX-182-206.jpg",
+ "sceneCat": "50008881,50008883,50008882,50008884,50012774,50012775,50012776,50012781,50008886,50012766,50012771,50012772,50010850,50000671,162201,50022566,50007068,50026651,50000852,162104,162116,162205,1623,123216004,162404,162401,50011412,50011411,16240,50012773,50006846,50010394,50008888,50008890,50008889,50012784,50012785,50012786,50012787,50008885,50012777,50012778,124730001,50001748,50011130,124730001,50001748,50011130,50011129,50010160,50011161,50011159,50010159,50010158,50011127,3035,50010167,50000557,50011123,50010402,50000436,50011153,50011740,50006843,50006842,124942005,50010368,50011892,50011894,50023751,121366037,121458036,121392038,121420035,121364028,121468026,121400029,121418030,121478031,121480030,121366035,121424025,121426030,121484030,121412031,125054002,125074007,125074008,125104003,125080003,125024006,125080004,121400030,121424024,121482025,121418031,121402028,121388035",
+ "finalScore": "4.465166666666667",
+ "_pos_": "8",
+ "entityType": "SUB",
+ "benefitImg": "//img.alicdn.com/tps/i1/TB1ySNtMXXXXXamXFXX3bpXTXXX-170-100.png"
+ }, {
+ "id": "1394",
+ "sceneUrl": "https://pages.tmall.com/wow/act/15617/scene?acm=03653.1003.1.740603&aldid=VyrSqx06&wh_id=1394&scm=1003.1.03653.SUB_1394_740603&pos=9",
+ "_s_": "d",
+ "itemImg": "//img.alicdn.com/tps/i4/TB1Ns8eMXXXXXb1aXXXKofZZpXX-182-206.jpg",
+ "sceneCat": "50010850,50000671,162201,50022566,50007068,50026651,50000852,162104,162116,162205,1623,123216004,162404,162401,50011412,50011411,162402,50008903,50011413,162403,50000697,1629,50011277,121412004,50008897,50008901,50008899,50013194,50008904,50008905,50008898,162103,50008900,50013196,121434004,50005065,162702,162701,162703,1636,124730001,50001748,50011130,124730001,50001748,50011130,50011129,50010160,50011161,50011159,50010159,50010158,50011127,3035,50010167,50000557,50011123,50010402,50000436,50011153,50011740,50006843,50006842,124986002,50010368, 50011892,50011894,121480030,121366035,121424025,121426030,121484030,121412031",
+ "finalScore": "4.309925925925926",
+ "_pos_": "9",
+ "entityType": "SUB",
+ "benefitImg": "//img.alicdn.com/tps/i3/TB1ZEXfMXXXXXapaXXX3bpXTXXX-170-100.png"
+ }, {
+ "id": "1610",
+ "sceneUrl": "https://pages.tmall.com/wow/act/15617/scene?acm=03653.1003.1.740603&aldid=VyrSqx06&wh_id=1610&scm=1003.1.03653.SUB_1610_740603&pos=10",
+ "_s_": "d",
+ "itemImg": "//img.alicdn.com/tps/i3/TB1ONckLVXXXXbJaXXXKofZZpXX-182-206.jpg",
+ "sceneCat": "121484044,121452038,50012342,50012027,50012032,50006843,50010850,50000671,162104,1623,50011277,162116,123216004,50008898,121366037,121458036,121392038,121420035,121364028,121468026,121472031,121476036,121470042,121418032,121410036,121472032,121420032,121470040,121384032,121460028,121448028,121400030,121424024,121482025,121418031,121402028,121388035,121460029,121400028,121400029,121418030,121476034,121478031,121448029,121480030,121366035,121424025,121426030,121484030,121412031,121384033,121424023,121402027,121408039,121420033,121452028,121466040,121416029,121482028,121420034,121396046,121422052,121370037,121424031,21364043,121472040,121412045,121424032,125054002,125074007,125074008,125104003,125080003,125024006,125080004",
+ "finalScore": "4.293333333333334",
+ "_pos_": "10",
+ "entityType": "SUB",
+ "benefitImg": "//img.alicdn.com/tps/i2/TB1RzwFLVXXXXXsXpXX3bpXTXXX-170-100.png"
+ }, {
+ "id": "1619",
+ "sceneUrl": "https://pages.tmall.com/wow/act/15617/scene?acm=03653.1003.1.740603&aldid=VyrSqx06&wh_id=1619&scm=1003.1.03653.SUB_1619_740603&pos=11",
+ "_s_": "d",
+ "itemImg": "//img.alicdn.com/tps/i3/TB1eagyLVXXXXaiXFXXKofZZpXX-182-206.jpg",
+ "sceneCat": "124730001,50001748,50011130,124730001,50001748,50011130,50011129,50010160,50011161,50011159,50010159,50010158,50011127,3035,50010167,50000557,50011123,50010402,50000436,50011153,122654005,50011740,50009032,124688012\uff0c213202,121396029,121476023,121410029,213203,50023326,213205,50022686,50023293,50466023,50024999,50016885\uff0c50011894",
+ "finalScore": "4.23",
+ "_pos_": "11",
+ "entityType": "SUB",
+ "benefitImg": "//img.alicdn.com/tps/i4/TB1j0AxLVXXXXaRXFXX3bpXTXXX-170-100.png"
+ }, {
+ "id": "1613",
+ "sceneUrl": "https://pages.tmall.com/wow/act/15617/scene?acm=03653.1003.1.740603&aldid=VyrSqx06&wh_id=1613&scm=1003.1.03653.SUB_1613_740603&pos=12",
+ "_s_": "d",
+ "itemImg": "//img.alicdn.com/tps/i2/TB1WssFLVXXXXXUXpXXKofZZpXX-182-206.jpg",
+ "sceneCat": "50023108,50022893,50022892,50022890,50013228,50019520,50017120,50019560,50017129,50017128,50017127,50017126,50017125,50017124,50017123,50017122,50017121,50020039,50020038,50017119,50019559,50017110,50017108,50017107,50017097,50017096,50017095,50017094,50017093,50017092,50012036,50012041",
+ "finalScore": "4.2186666666666675",
+ "_pos_": "12",
+ "entityType": "SUB",
+ "benefitImg": "//img.alicdn.com/tps/i1/TB1Rg.qLVXXXXbqXVXX3bpXTXXX-170-100.png"
+ }, {
+ "id": "1614",
+ "sceneUrl": "https://pages.tmall.com/wow/act/15617/scene?acm=03653.1003.1.740603&aldid=VyrSqx06&wh_id=1614&scm=1003.1.03653.SUB_1614_740603&pos=13",
+ "_s_": "d",
+ "itemImg": "//img.alicdn.com/tps/i1/TB1KzUxLVXXXXajXFXXKofZZpXX-182-206.jpg",
+ "sceneCat": "50013238,50011726,50022893,50022892,50022890,50013228,50017129,50020038,50017119,50019559,50017102,50017110,50017097,50019707,50019555,50016677,50018317,50016675,50016673,50016672,50016671,50016670,50016732,50016669,50016668,50016667,50016666,50016665,50016683,50016682,50016608,50016607,50016637,50016638,50012036,50012043",
+ "finalScore": "4.216",
+ "_pos_": "13",
+ "entityType": "SUB",
+ "benefitImg": "//img.alicdn.com/tps/i2/TB1WyouLVXXXXXcXVXX3bpXTXXX-170-100.png"
+ }, {
+ "id": "1397",
+ "sceneUrl": "https://pages.tmall.com/wow/act/15617/scene?acm=03653.1003.1.740603&aldid=VyrSqx06&wh_id=1397&scm=1003.1.03653.SUB_1397_740603&pos=14",
+ "_s_": "d",
+ "itemImg": "//img.alicdn.com/tps/i4/TB1dCxvMXXXXXc1XpXXKofZZpXX-182-206.jpg",
+ "sceneCat": "122846004,50020776,50024799,50024801,50024921,50002794,50020778,50002792,50002791,50002793,50003942,50005500,50005497,50001692,50005495,50005496,50005503,50005498,50005499,50005501,50005502,50003455,50003457,122904003,50023091,50020770,50008863,50005507,121414011,50020768,50022701,50008862,121420012,50020766,50020764,121398012,121380011,50020751,50020676,50024945,50020720,50002790,50020730,50001866,50020678,121476008,121458013,50002795,121364011,50005505,121422014,50024943,50000583,50000582,50000584,213002,50005033,50000563,50008607,50006988,50008608,50024601,50024602,50012051,50001871,122854005,121458010,121452006,121416008,50008779,50002777,121394007,121386009,50010825,50013810,121434010,50001865,50008565,50008246,50017192,121404045,121368009,121462014,50019372,50008248,121418011,50008249,50017193,50008252,50008251,50000512,121364047,122846004,50020776,50024799,50024801,50024921,50002794,50020778,50002792,50002791,50002793,50003942,50005500,50005497,5000169
2,50005495,50005496,50005503,50005498,50005499,50005501,50005502,50003455,50003457,122904003,50023091,50020770,50008863,50005507,121414011,50020768,50022701,50008862,121420012,50020766,50020764,121398012,121380011,50020751,50020676,50024945,50020720,50002790,50020730,50001866,50020678,121476008,121458013,50002795,121364011,50005505,121422014,50024943,50000583,50000582,50000584,213002,50005033,50000563,50008607,50006988,50008608,50024601,50024602,50012051,50020835,50021907,121472021,50021902,50005919,50002045,122724003,122652007,121408025,122688004,50021924,50021923,50000561,50011738,122676005,121396026,121388028,50003338,50021915,50011415,50011416,50003454,50021928,50021930,50021929,50021931,50024939,121384024,121472020,50020902,50020903,50020904,50020905,50021888,50021889,50021890,50023266,122960005,50012001,50011999,50012004,50012000,50012006,121394024,121412033,121394025,121450036,121472007,121480009,121388013,121466009,121484012,121366014,121434014,121422012,121476006,121396013,
50011997,121434013,122646001,121458012,121468012,121368013,50011979,121366015,121406016,121456012,121366011,121414010,121460006,121368014,121388016,121396013,121400010,121470011,121474011,121478009,124760009,124768010,124822006,121482009,122430002,121454014,121392016\uff0c50001871,122854005,121458010,121452006,121416008,50008779,50002777,121394007,121386009,50010825,50013810,121434010,50001865,50008565,50008246,50017192,121404045,121368009,121462014,50019372,50008248,121418011,50008249,50017193,50008252,50008251,50000512,121364047,122846004,50020776,50024799,50024801,50024921,50002794,50020778,50002792,50002791,50002793,50003942,50005500,50005497,50001692,50005495,50005496,50005503,50005498,50005499,50005501,50005502,50003455,50003457,122904003,50023091,50020770,50008863,50005507,121414011,50020768,50022701,50008862,121420012,50020766,50020764,121398012,121380011,50020751,50020676,50024945,50020720,50002790,50020730,50001866,50020678,121476008,121458013,50002795,121364011,50005505,1214
22014,50024943,50000583,50000582,50000584,213002,50005033,50000563,50008607,50006988,50008608,50024601,50024602,50012051",
+ "finalScore": "3.4206666666666665",
+ "_pos_": "14",
+ "entityType": "SUB",
+ "benefitImg": "//img.alicdn.com/tps/i3/TB1ZARnMXXXXXaGXVXX3bpXTXXX-170-100.png"
+ }, {
+ "id": "1608",
+ "sceneUrl": "https://pages.tmall.com/wow/act/15617/scene?acm=03653.1003.1.740603&aldid=VyrSqx06&wh_id=1608&scm=1003.1.03653.SUB_1608_740603&pos=15",
+ "_s_": "d",
+ "itemImg": "//img.alicdn.com/tps/i3/TB1xA3jLVXXXXXqapXXKofZZpXX-182-206.jpg",
+ "sceneCat": "50012010,50012027,50012032,50007003,50008881,50008883,1623,162116,50010850,123216004",
+ "finalScore": "0.0",
+ "_pos_": "15",
+ "entityType": "SUB",
+ "benefitImg": "//img.alicdn.com/tps/i2/TB1WvoALVXXXXcdXpXX3bpXTXXX-170-100.png"
+ }]
+ self._processData(content)
+ },
+ _processData: function (content) {
+ var self = this;
+ if (!content) return;
+ var items = content.slice(0, 3);
+ var smallItems = content.slice(3);
+
+ var sceneBgs = self.sceneBgs;
+ for (var j = 0; j < items.length; j++) {
+ var item = items[j];
+ item.index = j;
+ item.bg = sceneBgs[j];
+ item.itemImgCls = j % 2 === 0 ? 'item-img' : 'right-item-img';
+ item.benifitImgCls = j % 2 === 0 ? 'benifit-img' : 'right-benifit-img';
+ }
+
+
+ for (var i = 0; i < smallItems.length; i++) {
+ var smallItem = smallItems[i];
+ smallItem.index = i;
+ smallItem.top = (i - i % 2) / 2 * (230 + 4);
+ smallItem.left = i % 2 * (373 + 4);
+ }
+ self.items = items;
+ self.smallItems = smallItems;
+ }
+ }
+ }
+
+ ;__weex_module__.exports.template={
+ "type": "container",
+ "children": [
+ {
+ "type": "image",
+ "shown": function () {return this.ds.floorTitle},
+ "classList": [
+ "title"
+ ],
+ "attr": {
+ "src": function () {return this.ds.floorTitle}
+ }
+ },
+ {
+ "type": "container",
+ "classList": [
+ "small-item-container"
+ ],
+ "style": {
+ "height": function () {return Math.round(this.smallItems.length/2)*234}
+ },
+ "children": [
+ {
+ "type": "container",
+ "repeat": function () {return this.smallItems},
+ "classList": [
+ "small-item"
+ ],
+ "style": {
+ "top": function () {return this.top},
+ "left": function () {return this.left}
+ },
+ "children": [
+ {
+ "type": "container",
+ "children": [
+ {
+ "type": "image",
+ "classList": [
+ "small-item-bg"
+ ],
+ "attr": {
+ "src": function () {return this.smallItemBg}
+ }
+ }
+ ]
+ },
+ {
+ "type": "container",
+ "classList": [
+ "small-item-img"
+ ],
+ "children": [
+ {
+ "type": "banner",
+ "attr": {
+ "width": function () {return this.NUMBER_186},
+ "height": function () {return this.NUMBER_206},
+ "src": function () {return this.itemImg},
+ "href": function () {return this.sceneUrl}
+ }
+ }
+ ]
+ },
+ {
+ "type": "container",
+ "classList": [
+ "small-benifit-img"
+ ],
+ "children": [
+ {
+ "type": "banner",
+ "attr": {
+ "width": function () {return this.NUMBER_170},
+ "height": function () {return this.NUMBER_100},
+ "src": function () {return this.benefitImg},
+ "href": function () {return this.sceneUrl}
+ }
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ;__weex_module__.exports.style={
+ "title": {
+ "width": 750,
+ "height": 100
+ },
+ "item": {
+ "width": 750,
+ "height": 340,
+ "marginBottom": 4
+ },
+ "item-img": {
+ "position": "absolute",
+ "left": 110,
+ "top": 20
+ },
+ "right-item-img": {
+ "position": "absolute",
+ "right": 110,
+ "top": 20
+ },
+ "benifit-img": {
+ "position": "absolute",
+ "right": 5,
+ "top": 160
+ },
+ "right-benifit-img": {
+ "position": "absolute",
+ "left": 40,
+ "top": 160
+ },
+ "small-item-container": {
+ "width": 750
+ },
+ "small-item": {
+ "position": "absolute",
+ "width": 373,
+ "height": 230,
+ "flexDirection": "row"
+ },
+ "small-item-bg": {
+ "width": 373,
+ "height": 230
+ },
+ "small-item-img": {
+ "position": "absolute",
+ "left": 12,
+ "top": 12
+ },
+ "small-benifit-img": {
+ "position": "absolute",
+ "right": 0,
+ "top": 65
+ }
+ }
+ })
+ ;__weex_bootstrap__("@weex-component/d7bc7177330a3072091ee5ce09d76961", {
+ "transformerVersion": "0.3.1"
+ },undefined)
+
+/***/ },
+
+/***/ 17:
+/***/ function(module, exports) {
+
+ ;__weex_define__("@weex-component/banner", [], function(__weex_require__, __weex_exports__, __weex_module__){
+
+ ;
+ __weex_module__.exports = {
+ data: function () {return {
+ quality: 'normal',
+ width: 0,
+ height: 0,
+ src: '',
+ href: '',
+ spmc:0,
+ spmd:0
+ }},
+ methods: {
+ ready: function () {
+ },
+ _clickHandler: function () {
+ this.$call('modal', 'toast', {
+ message: 'click',
+ duration: 1
+ });
+ }
+ }
+ };
+
+ ;__weex_module__.exports.template={
+ "type": "image",
+ "style": {
+ "width": function () {return this.width},
+ "height": function () {return this.height}
+ },
+ "attr": {
+ "src": function () {return this.src},
+ "imageQuality": function () {return this.quality}
+ },
+ "events": {
+ "click": "_clickHandler"
+ }
+ }
+ })
+
+/***/ }
+
+/******/ });
\ No newline at end of file
http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/f4fd0820/ios/playground/bundlejs/showcase/ui.js
----------------------------------------------------------------------
diff --git a/ios/playground/bundlejs/showcase/ui.js b/ios/playground/bundlejs/showcase/ui.js
new file mode 100644
index 0000000..7644c01
--- /dev/null
+++ b/ios/playground/bundlejs/showcase/ui.js
@@ -0,0 +1,1355 @@
+/******/ (function(modules) { // webpackBootstrap
+/******/ // The module cache
+/******/ var installedModules = {};
+
+/******/ // The require function
+/******/ function __webpack_require__(moduleId) {
+
+/******/ // Check if module is in cache
+/******/ if(installedModules[moduleId])
+/******/ return installedModules[moduleId].exports;
+
+/******/ // Create a new module (and put it into the cache)
+/******/ var module = installedModules[moduleId] = {
+/******/ exports: {},
+/******/ id: moduleId,
+/******/ loaded: false
+/******/ };
+
+/******/ // Execute the module function
+/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+
+/******/ // Flag the module as loaded
+/******/ module.loaded = true;
+
+/******/ // Return the exports of the module
+/******/ return module.exports;
+/******/ }
+
+
+/******/ // expose the modules object (__webpack_modules__)
+/******/ __webpack_require__.m = modules;
+
+/******/ // expose the module cache
+/******/ __webpack_require__.c = installedModules;
+
+/******/ // __webpack_public_path__
+/******/ __webpack_require__.p = "";
+
+/******/ // Load entry module and return exports
+/******/ return __webpack_require__(0);
+/******/ })
+/************************************************************************/
+/******/ ([
+/* 0 */
+/***/ function(module, exports, __webpack_require__) {
+
+ ;__weex_define__("@weex-component/61cfa4c481726ebbd7c4306501946dbb", [], function(__weex_require__, __weex_exports__, __weex_module__){
+
+ ;
+ __webpack_require__(1);
+
+ __weex_module__.exports = {
+ data: function () {return {
+ levels: [{level: 1}, {level: 2}, {level: 3}],
+ buttons: [{type: 'default'}, {type: 'primary'}, {type: 'success'}, {type: 'info'}, {type: 'warning'}, {type: 'danger'}, {type: 'link'}],
+ panels: [{type: 'default'}, {type: 'primary'}, {type: 'success'}, {type: 'info'}, {type: 'warning'}, {type: 'danger'}],
+ tips: [{type: 'success'}, {type: 'info'}, {type: 'warning'}, {type: 'danger'}],
+ }},
+ methods: {
+ clicked: function() {
+ var $modal = __weex_require__('@weex-module/modal');
+ $modal.toast({'message': 'clicked!', duration: 0.5});
+ }
+ }
+ }
+
+ ;__weex_module__.exports.template={
+ "type": "scroller",
+ "children": [
+ {
+ "type": "wxc-panel",
+ "attr": {
+ "title": "Title Levels",
+ "type": "primary"
+ },
+ "children": [
+ {
+ "type": "wxc-hn",
+ "repeat": function () {return this.levels},
+ "attr": {
+ "level": function () {return this.level},
+ "value": function () {return 'H' + (this.level) + ', Level ' + (this.level)}
+ }
+ }
+ ]
+ },
+ {
+ "type": "wxc-panel",
+ "attr": {
+ "title": "Buttons",
+ "type": "primary"
+ },
+ "append": "tree",
+ "children": [
+ {
+ "type": "div",
+ "style": {
+ "flexDirection": "row",
+ "marginTop": 12
+ },
+ "repeat": function () {return this.buttons},
+ "children": [
+ {
+ "type": "wxc-button",
+ "attr": {
+ "type": function () {return this.type},
+ "size": "large",
+ "value": function () {return this.type}
+ },
+ "events": {
+ "click": "clicked"
+ }
+ },
+ {
+ "type": "wxc-button",
+ "attr": {
+ "type": function () {return this.type},
+ "size": "middle",
+ "value": function () {return this.type}
+ },
+ "events": {
+ "click": "clicked"
+ },
+ "style": {
+ "marginLeft": 5,
+ "width": 210
+ }
+ },
+ {
+ "type": "wxc-button",
+ "attr": {
+ "type": function () {return this.type},
+ "size": "small",
+ "value": function () {return this.type}
+ },
+ "events": {
+ "click": "clicked"
+ },
+ "style": {
+ "marginLeft": 5
+ }
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "wxc-panel",
+ "attr": {
+ "title": "Panels",
+ "type": "primary"
+ },
+ "children": [
+ {
+ "type": "wxc-panel",
+ "repeat": function () {return this.panels},
+ "attr": {
+ "title": function () {return 'Panels-' + (this.type)},
+ "type": function () {return this.type},
+ "border": "1"
+ },
+ "style": {
+ "marginLeft": 12,
+ "marginRight": 12
+ },
+ "children": [
+ {
+ "type": "text",
+ "attr": {
+ "value": function () {return 'Panels ' + (this.type) + ' content. Panels ' + (this.type) + ' content. Panels ' + (this.type) + ' content.'}
+ }
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "wxc-panel",
+ "attr": {
+ "title": "List",
+ "type": "primary"
+ },
+ "children": [
+ {
+ "type": "wxc-list-item",
+ "repeat": function () {return this.tips},
+ "events": {
+ "click": "clicked"
+ },
+ "children": [
+ {
+ "type": "text",
+ "classList": [
+ "item-txt"
+ ],
+ "attr": {
+ "value": function () {return this.type}
+ }
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "wxc-panel",
+ "attr": {
+ "title": "Tips",
+ "type": "primary"
+ },
+ "children": [
+ {
+ "type": "wxc-tip",
+ "repeat": function () {return this.tips},
+ "style": {
+ "marginBottom": 20
+ },
+ "attr": {
+ "value": function () {return 'Panels ' + (this.type) + ' content. Panels ' + (this.type) + ' content. Panels ' + (this.type) + ' content.'}
+ }
+ }
+ ]
+ }
+ ]
+ }
+ ;__weex_module__.exports.style={
+ "item-txt": {
+ "fontSize": 48,
+ "color": "#555555"
+ }
+ }
+ })
+ ;__weex_bootstrap__("@weex-component/61cfa4c481726ebbd7c4306501946dbb", {
+ "transformerVersion": "0.3.1"
+ },undefined)
+
+/***/ },
+/* 1 */
+/***/ function(module, exports, __webpack_require__) {
+
+ ;__weex_define__("@weex-component/index", [], function(__weex_require__, __weex_exports__, __weex_module__){
+
+ ;
+ __webpack_require__(2);
+ __webpack_require__(3);
+ __webpack_require__(4);
+ __webpack_require__(5);
+ __webpack_require__(6);
+ __webpack_require__(7);
+ __webpack_require__(8);
+ __webpack_require__(9);
+ __webpack_require__(10);
+ __webpack_require__(11);
+ __webpack_require__(12);
+
+ })
+
+/***/ },
+/* 2 */
+/***/ function(module, exports) {
+
+ ;__weex_define__("@weex-component/wxc-button", [], function(__weex_require__, __weex_exports__, __weex_module__){
+
+ ;
+ __weex_module__.exports = {
+ data: function () {return {
+ type: 'default',
+ size: 'large',
+ value: ''
+ }},
+ methods: {
+ }
+ }
+
+ ;__weex_module__.exports.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}
+ }
+ }
+ ]
+ }
+ ;__weex_module__.exports.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
+ }
+ }
+ })
+
+/***/ },
+/* 3 */
+/***/ function(module, exports) {
+
+ ;__weex_define__("@weex-component/wxc-hn", [], function(__weex_require__, __weex_exports__, __weex_module__){
+
+ ;
+ __weex_module__.exports = {
+ data: function () {return {
+ level: 1,
+ value: ''
+ }},
+ methods: {}
+ }
+
+ ;__weex_module__.exports.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}
+ }
+ }
+ ]
+ }
+ ;__weex_module__.exports.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
+ }
+ }
+ })
+
+/***/ },
+/* 4 */
+/***/ function(module, exports) {
+
+ ;__weex_define__("@weex-component/wxc-list-item", [], function(__weex_require__, __weex_exports__, __weex_module__){
+
+ ;
+ __weex_module__.exports = {
+ data: function () {return {
+ bgColor: '#ffffff'
+ }},
+ methods: {
+ touchstart: function() {
+ // FIXME android touch
+ // TODO adaptive opposite bgColor
+ // this.bgColor = '#e6e6e6';
+ },
+ touchend: function() {
+ // FIXME android touchend not triggered
+ // this.bgColor = '#ffffff';
+ }
+ }
+ }
+
+ ;__weex_module__.exports.template={
+ "type": "div",
+ "classList": [
+ "item"
+ ],
+ "events": {
+ "touchstart": "touchstart",
+ "touchend": "touchend"
+ },
+ "style": {
+ "backgroundColor": function () {return this.bgColor}
+ },
+ "children": [
+ {
+ "type": "content"
+ }
+ ]
+ }
+ ;__weex_module__.exports.style={
+ "item": {
+ "paddingTop": 25,
+ "paddingBottom": 25,
+ "paddingLeft": 35,
+ "paddingRight": 35,
+ "height": 160,
+ "justifyContent": "center",
+ "borderBottomWidth": 1,
+ "borderColor": "#dddddd"
+ }
+ }
+ })
+
+/***/ },
+/* 5 */
+/***/ function(module, exports) {
+
+ ;__weex_define__("@weex-component/wxc-panel", [], function(__weex_require__, __weex_exports__, __weex_module__){
+
+ ;
+ __weex_module__.exports = {
+ data: function () {return {
+ type: 'default',
+ title: '',
+ paddingBody: 20,
+ paddingHead: 20,
+ dataClass: '', // FIXME transfer class
+ border: 0
+ }},
+ ready: function() {
+ }
+ }
+
+ ;__weex_module__.exports.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"
+ }
+ ]
+ }
+ ]
+ }
+ ;__weex_module__.exports.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": {}
+ }
+ })
+
+/***/ },
+/* 6 */
+/***/ function(module, exports) {
+
+ ;__weex_define__("@weex-component/wxc-tip", [], function(__weex_require__, __weex_exports__, __weex_module__){
+
+ ;
+ __weex_module__.exports = {
+ data: function () {return {
+ type: 'success',
+ value: ''
+ }}
+ }
+
+ ;__weex_module__.exports.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}
+ }
+ }
+ ]
+ }
+ ;__weex_module__.exports.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"
+ }
+ }
+ })
+
+/***/ },
+/* 7 */
+/***/ function(module, exports) {
+
+ ;__weex_define__("@weex-component/wxc-countdown", [], function(__weex_require__, __weex_exports__, __weex_module__){
+
+ ;
+ __weex_module__.exports = {
+ data: function () {return {
+ now: 0,
+ remain: 0,
+ time: {
+ elapse: 0,
+ D: '0',
+ DD: '0',
+ h: '0',
+ hh: '00',
+ H: '0',
+ HH: '0',
+ m: '0',
+ mm: '00',
+ M: '0',
+ MM: '0',
+ s: '0',
+ ss: '00',
+ S: '0',
+ SS: '0'
+ },
+ outofview: false
+ }},
+ ready: function() {
+ if (this.remain <= 0) {
+ return;
+ }
+ // this.isWeb = this.$getConfig().env.platform === 'Web';
+ this.now = Date.now();
+ this.nextTick();
+ },
+ methods: {
+ nextTick: function() {
+ if (this.outofview) {
+ setTimeout(this.nextTick.bind(this), 1000);
+ } else {
+ this.time.elapse = parseInt((Date.now() - this.now) / 1000);
+
+ if (this.calc()) {
+ this.$emit('tick', Object.assign({}, this.time));
+ setTimeout(this.nextTick.bind(this), 1000);
+ } else {
+ this.$emit('alarm', Object.assign({}, this.time));
+ }
+ this._app.updateActions();
+ }
+ },
+ format: function(str) {
+ if (str.length >= 2) {
+ return str;
+ } else {
+ return '0' + str;
+ }
+ },
+ calc: function() {
+ var remain = this.remain - this.time.elapse;
+ if (remain < 0) {
+ remain = 0;
+ }
+ this.time.D = String(parseInt(remain / 86400));
+ this.time.DD = this.format(this.time.D);
+ this.time.h = String(parseInt((remain - parseInt(this.time.D) * 86400) / 3600));
+ this.time.hh = this.format(this.time.h);
+ this.time.H = String(parseInt(remain / 3600));
+ this.time.HH = this.format(this.time.H);
+ this.time.m = String(parseInt((remain - parseInt(this.time.H) * 3600) / 60));
+ this.time.mm = this.format(this.time.m);
+ this.time.M = String(parseInt(remain / 60));
+ this.time.MM = this.format(this.time.M);
+ this.time.s = String(remain - parseInt(this.time.M) * 60);
+ this.time.ss = this.format(this.time.s);
+ this.time.S = String(remain);
+ this.time.SS = this.format(this.time.S);
+ // console.log(remain, this.D, this.h, this.hh, this.H, this.HH, this.m, this.MM, this.s, this.ss, this.S, this.SS);
+ return remain > 0;
+ },
+ appeared: function() {
+ this.outofview = false;
+ },
+ disappeared: function() {
+ this.outofview = true;
+ }
+ }
+ }
+
+ ;__weex_module__.exports.template={
+ "type": "div",
+ "style": {
+ "overflow": "hidden",
+ "flexDirection": "row"
+ },
+ "events": {
+ "appear": "appeared",
+ "disappear": "disappeared"
+ },
+ "children": [
+ {
+ "type": "content"
+ }
+ ]
+ }
+ ;__weex_module__.exports.style={
+ "wrap": {
+ "overflow": "hidden"
+ }
+ }
+ })
+
+/***/ },
+/* 8 */
+/***/ function(module, exports) {
+
+ ;__weex_define__("@weex-component/wxc-marquee", [], function(__weex_require__, __weex_exports__, __weex_module__){
+
+ ;
+ __weex_module__.exports = {
+ data: function () {return {
+ step: 0,
+ count: 0,
+ index: 1,
+ duration: 0,
+ interval: 0,
+ outofview: false
+ }},
+ ready: function () {
+ if (this.interval > 0
+ && this.step > 0
+ && this.duration > 0) {
+ this.nextTick();
+ }
+ },
+ methods: {
+ nextTick: function() {
+ var self = this;
+ if (this.outofview) {
+ setTimeout(self.nextTick.bind(self), self.interval);
+ } else {
+ setTimeout(function() {
+ self.animation(self.nextTick.bind(self));
+ }, self.interval);
+ }
+ },
+ animation: function(cb) {
+ var self = this;
+ var offset = -self.step * self.index;
+ var $animation = __weex_require__('@weex-module/animation');
+ $animation.transition(this.$el('anim'), {
+ styles: {
+ transform: 'translateY(' + String(offset) + 'px) translateZ(0)'
+ },
+ timingFunction: 'ease',
+ duration: self.duration
+ }, function() {
+ self.index = (self.index + 1) % (self.count);
+ self.$emit('change', {
+ index: self.index,
+ count: self.count
+ });
+ cb && cb();
+ });
+ },
+ appeared: function() {
+ this.outofview = false;
+ },
+ disappeared: function() {
+ this.outofview = true;
+ }
+ }
+ }
+
+ ;__weex_module__.exports.template={
+ "type": "div",
+ "classList": [
+ "wrap"
+ ],
+ "events": {
+ "appear": "appeared",
+ "disappear": "disappeared"
+ },
+ "children": [
+ {
+ "type": "div",
+ "id": "anim",
+ "classList": [
+ "anim"
+ ],
+ "children": [
+ {
+ "type": "content"
+ }
+ ]
+ }
+ ]
+ }
+ ;__weex_module__.exports.style={
+ "wrap": {
+ "overflow": "hidden",
+ "position": "relative"
+ },
+ "anim": {
+ "flexDirection": "column",
+ "position": "absolute",
+ "transform": "translateY(0) translateZ(0)"
+ }
+ }
+ })
+
+/***/ },
+/* 9 */
+/***/ function(module, exports) {
+
+ ;__weex_define__("@weex-component/wxc-navbar", [], function(__weex_require__, __weex_exports__, __weex_module__){
+
+ ;
+ __weex_module__.exports = {
+ data: function () {return {
+ dataRole: 'navbar',
+
+ //\u5bfc\u822a\u6761\u80cc\u666f\u8272
+ backgroundColor: 'black',
+
+ //\u5bfc\u822a\u6761\u9ad8\u5ea6
+ height: 88,
+
+ //\u5bfc\u822a\u6761\u6807\u9898
+ title: "",
+
+ //\u5bfc\u822a\u6761\u6807\u9898\u989c\u8272
+ titleColor: 'black',
+
+ //\u53f3\u4fa7\u6309\u94ae\u56fe\u7247
+ rightItemSrc: '',
+
+ //\u53f3\u4fa7\u6309\u94ae\u6807\u9898
+ rightItemTitle: '',
+
+ //\u53f3\u4fa7\u6309\u94ae\u6807\u9898\u989c\u8272
+ rightItemColor: 'black',
+
+ //\u5de6\u4fa7\u6309\u94ae\u56fe\u7247
+ leftItemSrc: '',
+
+ //\u5de6\u4fa7\u6309\u94ae\u6807\u9898
+ leftItemTitle: '',
+
+ //\u5de6\u4fa7\u6309\u94ae\u989c\u8272
+ leftItemColor: 'black',
+ }},
+ methods: {
+ onclickrightitem: function (e) {
+ this.$dispatch('naviBar.rightItem.click', {});
+ },
+ onclickleftitem: function (e) {
+ this.$dispatch('naviBar.leftItem.click', {});
+ }
+ }
+ }
+
+ ;__weex_module__.exports.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": "onclickrigthitem"
+ }
+ },
+ {
+ "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}
+ }
+ }
+ ]
+ }
+ ;__weex_module__.exports.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
+ }
+ }
+ })
+
+/***/ },
+/* 10 */
+/***/ function(module, exports, __webpack_require__) {
+
+ ;__weex_define__("@weex-component/wxc-navpage", [], function(__weex_require__, __weex_exports__, __weex_module__){
+ __webpack_require__(9);
+
+ ;__weex_module__.exports.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"
+ }
+ ]
+ }
+ ]
+ }
+ ;__weex_module__.exports.style={
+ "wrapper": {
+ "position": "absolute",
+ "top": 0,
+ "left": 0,
+ "right": 0,
+ "bottom": 0,
+ "width": 750
+ }
+ }
+ })
+
+/***/ },
+/* 11 */
+/***/ function(module, exports, __webpack_require__) {
+
+ ;__weex_define__("@weex-component/wxc-tabbar", [], function(__weex_require__, __weex_exports__, __weex_module__){
+ __webpack_require__(12);
+
+ ;
+ __weex_module__.exports = {
+ data: function () {return {
+ tabItems: [ ],
+ selectedIndex: 0,
+ selectedColor: '#ff0000',
+ unselectedColor: '#000000',
+ }},
+ created: function () {
+ this.selected(this.selectedIndex);
+
+ this.$on('tabItem.onClick',function(e){
+ var detail= e.detail;
+ this.selectedIndex = detail.index;
+ this.selected(detail.index);
+
+ var params = {
+ index: detail.index
+ };
+ this.$dispatch('tabBar.onClick', params);
+ });
+ },
+ methods: {
+ selected: function(index) {
+ for(var i = 0; i < this.tabItems.length; i++) {
+ var tabItem = this.tabItems[i];
+ if(i == index){
+ tabItem.icon = tabItem.selectedImage;
+ tabItem.titleColor = this.selectedColor;
+ tabItem.visibility = 'visible';
+ }
+ else {
+ tabItem.icon = tabItem.image;
+ tabItem.titleColor = this.unselectedColor;
+ tabItem.visibility = 'hidden';
+ }
+ }
+ },
+ }
+ }
+
+ ;__weex_module__.exports.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}
+ }
+ }
+ ]
+ }
+ ]
+ }
+ ;__weex_module__.exports.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
+ }
+ }
+ })
+
+/***/ },
+/* 12 */
+/***/ function(module, exports) {
+
+ ;__weex_define__("@weex-component/wxc-tabitem", [], function(__weex_require__, __weex_exports__, __weex_module__){
+
+ ;
+ __weex_module__.exports = {
+ data: function () {return {
+ index: 0,
+ title: '',
+ titleColor: '#000000',
+ icon: '',
+ backgroundColor: '#ffffff',
+ }},
+ methods: {
+ onclickitem: function (e) {
+ var vm = this;
+ var params = {
+ index: vm.index
+ };
+ vm.$dispatch('tabItem.onClick', params);
+ }
+ }
+ }
+
+ ;__weex_module__.exports.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}
+ }
+ }
+ ]
+ }
+ ;__weex_module__.exports.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
+ }
+ }
+ })
+
+/***/ }
+/******/ ]);
\ No newline at end of file