http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/43564f3b/android/playground/app/src/main/assets/vue/showcase/boxshadow.js
----------------------------------------------------------------------
diff --git a/android/playground/app/src/main/assets/vue/showcase/boxshadow.js 
b/android/playground/app/src/main/assets/vue/showcase/boxshadow.js
deleted file mode 100644
index 8f2871c..0000000
--- a/android/playground/app/src/main/assets/vue/showcase/boxshadow.js
+++ /dev/null
@@ -1,244 +0,0 @@
-// { "framework": "Vue" }
-
-/******/ (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__) {
-
-       var __vue_exports__, __vue_options__
-       var __vue_styles__ = []
-
-       /* styles */
-       __vue_styles__.push(__webpack_require__(139)
-       )
-
-       /* script */
-       __vue_exports__ = __webpack_require__(140)
-
-       /* template */
-       var __vue_template__ = __webpack_require__(141)
-       __vue_options__ = __vue_exports__ = __vue_exports__ || {}
-       if (
-         typeof __vue_exports__.default === "object" ||
-         typeof __vue_exports__.default === "function"
-       ) {
-       if (Object.keys(__vue_exports__).some(function (key) { return key !== 
"default" && key !== "__esModule" })) {console.error("named exports are not 
supported in *.vue files.")}
-       __vue_options__ = __vue_exports__ = __vue_exports__.default
-       }
-       if (typeof __vue_options__ === "function") {
-         __vue_options__ = __vue_options__.options
-       }
-       __vue_options__.__file = 
"/Users/Hanks/Codes/work/incubator-weex/examples/vue/showcase/boxshadow.vue"
-       __vue_options__.render = __vue_template__.render
-       __vue_options__.staticRenderFns = __vue_template__.staticRenderFns
-       __vue_options__._scopeId = "data-v-4db814d1"
-       __vue_options__.style = __vue_options__.style || {}
-       __vue_styles__.forEach(function (module) {
-         for (var name in module) {
-           __vue_options__.style[name] = module[name]
-         }
-       })
-       if (typeof __register_static_styles__ === "function") {
-         __register_static_styles__(__vue_options__._scopeId, __vue_styles__)
-       }
-
-       module.exports = __vue_exports__
-       module.exports.el = 'true'
-       new Vue(module.exports)
-
-
-/***/ }),
-
-/***/ 139:
-/***/ (function(module, exports) {
-
-       module.exports = {
-         "wrapper": {
-           "alignItems": "center",
-           "marginTop": 120
-         },
-         "title": {
-           "fontSize": 48
-         }
-       }
-
-/***/ }),
-
-/***/ 140:
-/***/ (function(module, exports) {
-
-       'use strict';
-
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-
-       module.exports = {
-           data: function data() {
-               return {
-                   logoUrl: 
'https://alibaba.github.io/weex/img/[email protected]',
-                   target: 'World'
-               };
-           }
-       };
-
-/***/ }),
-
-/***/ 141:
-/***/ (function(module, exports) {
-
-       module.exports={render:function (){var _vm=this;var 
_h=_vm.$createElement;var _c=_vm._self._c||_h;
-         return _c('div', {
-           staticClass: ["wrapper"]
-         }, [_c('div', {
-           staticStyle: {
-             width: "400px",
-             height: "60px",
-             backgroundColor: "#FFE4C4",
-             boxShadow: "20px  10px rgb(255, 69, 0)"
-           }
-         }, [_c('text', {
-           staticClass: ["title"],
-           staticStyle: {
-             textAlign: "center"
-           }
-         }, [_vm._v("Hello " + _vm._s(_vm.target))])]), _c('div', {
-           staticStyle: {
-             marginTop: "80px",
-             width: "400px",
-             height: "60px",
-             backgroundColor: "#FFE4C4",
-             boxShadow: "20px  10px 5px rgba(255, 69, 0, 0.8)"
-           }
-         }, [_c('text', {
-           staticClass: ["title"],
-           staticStyle: {
-             textAlign: "center"
-           }
-         }, [_vm._v("Hello " + _vm._s(_vm.target))])]), _c('div', {
-           staticStyle: {
-             marginTop: "80px",
-             width: "400px",
-             height: "60px",
-             backgroundColor: "#FFE4C4",
-             boxShadow: "inset 20px  10px 5px rgba(255, 69, 0, 0.8)"
-           }
-         }, [_c('text', {
-           staticClass: ["title"],
-           staticStyle: {
-             textAlign: "center"
-           }
-         }, [_vm._v("Hello " + _vm._s(_vm.target))])]), _c('div', {
-           staticStyle: {
-             marginTop: "80px",
-             width: "400px",
-             height: "60px",
-             backgroundColor: "#FFE4C4",
-             boxShadow: "inset 20px  10px 5px rgb(255, 69, 0)"
-           }
-         }, [_c('text', {
-           staticClass: ["title"],
-           staticStyle: {
-             textAlign: "center"
-           }
-         }, [_vm._v("Hello " + _vm._s(_vm.target))])]), _c('div', {
-           staticStyle: {
-             marginTop: "80px",
-             width: "400px",
-             height: "60px",
-             backgroundColor: "#FFE4C4",
-             boxShadow: "20px  10px 5px black"
-           }
-         }, [_c('text', {
-           staticClass: ["title"],
-           staticStyle: {
-             textAlign: "center"
-           }
-         }, [_vm._v("Hello " + _vm._s(_vm.target))])]), _c('div', {
-           staticStyle: {
-             marginTop: "80px",
-             width: "400px",
-             height: "60px",
-             backgroundColor: "#FFE4C4",
-             boxShadow: "20px  10px 5px #008B00"
-           }
-         }, [_c('text', {
-           staticClass: ["title"],
-           staticStyle: {
-             textAlign: "center"
-           }
-         }, [_vm._v("Hello " + _vm._s(_vm.target))])])])
-       },staticRenderFns: []}
-       module.exports.render._withStripped = true
-
-/***/ })
-
-/******/ });
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/43564f3b/android/playground/app/src/main/assets/vue/showcase/calculator.js
----------------------------------------------------------------------
diff --git a/android/playground/app/src/main/assets/vue/showcase/calculator.js 
b/android/playground/app/src/main/assets/vue/showcase/calculator.js
deleted file mode 100644
index d114074..0000000
--- a/android/playground/app/src/main/assets/vue/showcase/calculator.js
+++ /dev/null
@@ -1,356 +0,0 @@
-// { "framework": "Vue" }
-
-/******/ (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__) {
-
-       var __vue_exports__, __vue_options__
-       var __vue_styles__ = []
-
-       /* styles */
-       __vue_styles__.push(__webpack_require__(142)
-       )
-
-       /* script */
-       __vue_exports__ = __webpack_require__(143)
-
-       /* template */
-       var __vue_template__ = __webpack_require__(144)
-       __vue_options__ = __vue_exports__ = __vue_exports__ || {}
-       if (
-         typeof __vue_exports__.default === "object" ||
-         typeof __vue_exports__.default === "function"
-       ) {
-       if (Object.keys(__vue_exports__).some(function (key) { return key !== 
"default" && key !== "__esModule" })) {console.error("named exports are not 
supported in *.vue files.")}
-       __vue_options__ = __vue_exports__ = __vue_exports__.default
-       }
-       if (typeof __vue_options__ === "function") {
-         __vue_options__ = __vue_options__.options
-       }
-       __vue_options__.__file = 
"/Users/Hanks/Codes/work/incubator-weex/examples/vue/showcase/calculator.vue"
-       __vue_options__.render = __vue_template__.render
-       __vue_options__.staticRenderFns = __vue_template__.staticRenderFns
-       __vue_options__._scopeId = "data-v-22dcf14c"
-       __vue_options__.style = __vue_options__.style || {}
-       __vue_styles__.forEach(function (module) {
-         for (var name in module) {
-           __vue_options__.style[name] = module[name]
-         }
-       })
-       if (typeof __register_static_styles__ === "function") {
-         __register_static_styles__(__vue_options__._scopeId, __vue_styles__)
-       }
-
-       module.exports = __vue_exports__
-       module.exports.el = 'true'
-       new Vue(module.exports)
-
-
-/***/ }),
-
-/***/ 142:
-/***/ (function(module, exports) {
-
-       module.exports = {
-         "row": {
-           "flexDirection": "row"
-         },
-         "result": {
-           "textAlign": "right",
-           "backgroundColor": "#666666",
-           "fontSize": 40,
-           "color": "#FFFFFF",
-           "height": 100,
-           "paddingTop": 30,
-           "paddingRight": 30,
-           "paddingBottom": 30,
-           "paddingLeft": 30,
-           "marginTop": 5,
-           "marginRight": 5,
-           "marginBottom": 5,
-           "marginLeft": 5
-         },
-         "btn": {
-           "flex": 1,
-           "textAlign": "center",
-           "backgroundColor": "#eeeeee",
-           "fontSize": 36,
-           "height": 100,
-           "paddingTop": 30,
-           "paddingRight": 30,
-           "paddingBottom": 30,
-           "paddingLeft": 30,
-           "marginTop": 5,
-           "marginRight": 5,
-           "marginBottom": 5,
-           "marginLeft": 5
-         },
-         "btn-operator": {
-           "backgroundColor": "#666699",
-           "fontSize": 40,
-           "color": "#FFFFFF"
-         }
-       }
-
-/***/ }),
-
-/***/ 143:
-/***/ (function(module, exports) {
-
-       'use strict';
-
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-
-       var OP = ['+', '-', '*', '/'];
-       var modal = weex.requireModule('modal');
-       module.exports = {
-         data: function data() {
-           return {
-             result: '',
-             inputs: []
-           };
-         },
-         methods: {
-           input: function input(e) {
-             modal.toast({ message: 'input: ' + e.target.attr.value, duration: 
1 });
-             var value = e.target.attr['value'];
-             var inputs = this.inputs;
-             var lastOne = inputs.length ? inputs[inputs.length - 1] : '';
-             if (OP.indexOf(lastOne) > -1 && OP.indexOf(value) > -1) {
-               return;
-             }
-             inputs.push(value);
-             var buf = [],
-                 char;
-             for (var i = 0; i < inputs.length; i++) {
-               char = inputs[i];
-               if (OP.indexOf(char) > -1) {
-                 char = ' ' + char + ' ';
-               }
-               buf.push(char);
-             }
-             this.result = buf.join('');
-           },
-           calculate: function calculate() {
-             var result = eval(this.result);
-             this.inputs = [result];
-             this.result = result;
-           },
-           clear: function clear() {
-             this.inputs = [];
-             this.result = '';
-           }
-         }
-       };
-
-/***/ }),
-
-/***/ 144:
-/***/ (function(module, exports) {
-
-       module.exports={render:function (){var _vm=this;var 
_h=_vm.$createElement;var _c=_vm._self._c||_h;
-         return _c('div', {
-           staticStyle: {
-             padding: "5px"
-           }
-         }, [_c('text', {
-           staticClass: ["result"]
-         }, [_vm._v(_vm._s(_vm.result))]), _c('div', {
-           staticClass: ["row"]
-         }, [_c('text', {
-           staticClass: ["btn"],
-           on: {
-             "click": _vm.input
-           }
-         }, [_vm._v("1")]), _c('text', {
-           staticClass: ["btn"],
-           on: {
-             "click": _vm.input
-           }
-         }, [_vm._v("2")]), _c('text', {
-           staticClass: ["btn"],
-           on: {
-             "click": _vm.input
-           }
-         }, [_vm._v("3")]), _c('text', {
-           staticClass: ["btn", "btn-operator"],
-           on: {
-             "click": _vm.input
-           }
-         }, [_vm._v("+")])]), _c('div', {
-           staticClass: ["row"]
-         }, [_c('text', {
-           staticClass: ["btn"],
-           on: {
-             "click": _vm.input
-           }
-         }, [_vm._v("4")]), _c('text', {
-           staticClass: ["btn"],
-           on: {
-             "click": _vm.input
-           }
-         }, [_vm._v("5")]), _c('text', {
-           staticClass: ["btn"],
-           on: {
-             "click": _vm.input
-           }
-         }, [_vm._v("6")]), _c('text', {
-           staticClass: ["btn", "btn-operator"],
-           on: {
-             "click": _vm.input
-           }
-         }, [_vm._v("-")])]), _c('div', {
-           staticClass: ["row"]
-         }, [_c('text', {
-           staticClass: ["btn"],
-           on: {
-             "click": _vm.input
-           }
-         }, [_vm._v("7")]), _c('text', {
-           staticClass: ["btn"],
-           on: {
-             "click": _vm.input
-           }
-         }, [_vm._v("8")]), _c('text', {
-           staticClass: ["btn"],
-           on: {
-             "click": _vm.input
-           }
-         }, [_vm._v("9")]), _c('text', {
-           staticClass: ["btn", "btn-operator"],
-           on: {
-             "click": _vm.input
-           }
-         }, [_vm._v("*")])]), _c('div', {
-           staticClass: ["row"]
-         }, [_c('text', {
-           staticClass: ["btn"],
-           on: {
-             "click": _vm.input
-           }
-         }, [_vm._v("0")]), _c('text', {
-           staticClass: ["btn"],
-           on: {
-             "click": _vm.input
-           }
-         }, [_vm._v(".")]), _c('text', {
-           staticClass: ["btn"],
-           on: {
-             "click": _vm.clear
-           }
-         }, [_vm._v("AC")]), _c('text', {
-           staticClass: ["btn", "btn-operator"],
-           on: {
-             "click": _vm.calculate
-           }
-         }, [_vm._v("=")])])])
-       },staticRenderFns: []}
-       module.exports.render._withStripped = true
-
-/***/ })
-
-/******/ });
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/43564f3b/android/playground/app/src/main/assets/vue/showcase/compositing.js
----------------------------------------------------------------------
diff --git a/android/playground/app/src/main/assets/vue/showcase/compositing.js 
b/android/playground/app/src/main/assets/vue/showcase/compositing.js
deleted file mode 100644
index e2caf9e..0000000
--- a/android/playground/app/src/main/assets/vue/showcase/compositing.js
+++ /dev/null
@@ -1,306 +0,0 @@
-// { "framework": "Vue" }
-
-/******/ (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__) {
-
-       var __vue_exports__, __vue_options__
-       var __vue_styles__ = []
-
-       /* styles */
-       __vue_styles__.push(__webpack_require__(145)
-       )
-
-       /* script */
-       __vue_exports__ = __webpack_require__(146)
-
-       /* template */
-       var __vue_template__ = __webpack_require__(147)
-       __vue_options__ = __vue_exports__ = __vue_exports__ || {}
-       if (
-         typeof __vue_exports__.default === "object" ||
-         typeof __vue_exports__.default === "function"
-       ) {
-       if (Object.keys(__vue_exports__).some(function (key) { return key !== 
"default" && key !== "__esModule" })) {console.error("named exports are not 
supported in *.vue files.")}
-       __vue_options__ = __vue_exports__ = __vue_exports__.default
-       }
-       if (typeof __vue_options__ === "function") {
-         __vue_options__ = __vue_options__.options
-       }
-       __vue_options__.__file = 
"/Users/Hanks/Codes/work/incubator-weex/examples/vue/showcase/compositing.vue"
-       __vue_options__.render = __vue_template__.render
-       __vue_options__.staticRenderFns = __vue_template__.staticRenderFns
-       __vue_options__._scopeId = "data-v-76fdcbaa"
-       __vue_options__.style = __vue_options__.style || {}
-       __vue_styles__.forEach(function (module) {
-         for (var name in module) {
-           __vue_options__.style[name] = module[name]
-         }
-       })
-       if (typeof __register_static_styles__ === "function") {
-         __register_static_styles__(__vue_options__._scopeId, __vue_styles__)
-       }
-
-       module.exports = __vue_exports__
-       module.exports.el = 'true'
-       new Vue(module.exports)
-
-
-/***/ }),
-
-/***/ 145:
-/***/ (function(module, exports) {
-
-       module.exports = {
-         "wrapper": {
-           "alignItems": "center",
-           "opacity": 0.8
-         },
-         "itemWrapper": {
-           "flex": 1,
-           "borderTopRightRadius": 80,
-           "borderBottomRightRadius": 80,
-           "borderTopWidth": 10,
-           "borderTopColor": "#FF0000",
-           "borderStyle": "dashed",
-           "alignItems": "center",
-           "backgroundColor": "#FFFFFF"
-         },
-         "nameWrapper": {
-           "backgroundColor": "rgba(255,0,0,0.5)",
-           "borderRadius": 30,
-           "borderColor": "#000000",
-           "borderWidth": 10
-         },
-         "item": {
-           "marginTop": 120,
-           "backgroundColor": "#CCCCCC",
-           "alignItems": "center"
-         },
-         "itemName": {
-           "fontSize": 28,
-           "color": "#333333",
-           "lineHeight": 42,
-           "textAlign": "left",
-           "marginTop": 24
-         },
-         "itemPhoto": {
-           "marginTop": 18,
-           "width": 220,
-           "height": 220,
-           "marginBottom": 18,
-           "borderRadius": 30,
-           "overflow": "hidden",
-           "backgroundColor": "#0000FF"
-         },
-         "itemDesc": {
-           "fontSize": 24,
-           "marginTop": 12,
-           "marginRight": 12,
-           "marginBottom": 12,
-           "marginLeft": 12,
-           "color": "#999999",
-           "lineHeight": 36,
-           "textAlign": "left"
-         }
-       }
-
-/***/ }),
-
-/***/ 146:
-/***/ (function(module, exports) {
-
-       "use strict";
-
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-
-       module.exports = {
-         data: {},
-         methods: {}
-       };
-
-/***/ }),
-
-/***/ 147:
-/***/ (function(module, exports) {
-
-       module.exports={render:function (){var _vm=this;var 
_h=_vm.$createElement;var _c=_vm._self._c||_h;
-         return _c('div', {
-           staticClass: ["wrapper"],
-           on: {
-             "click": _vm.update
-           }
-         }, [_vm._m(0), _vm._m(1)])
-       },staticRenderFns: [function (){var _vm=this;var 
_h=_vm.$createElement;var _c=_vm._self._c||_h;
-         return _c('div', {
-           staticClass: ["item"],
-           attrs: {
-             "compositing": "true"
-           }
-         }, [_c('div', {
-           staticClass: ["itemWrapper"]
-         }, [_c('div', {
-           staticClass: ["nameWrapper"]
-         }, [_c('text', {
-           staticClass: ["itemName"]
-         }, [_vm._v("Thomas Carlyle")])]), _c('image', {
-           staticClass: ["itemPhoto"],
-           attrs: {
-             "src": 
"https://gw.alicdn.com/tps/TB1Jl1CPFXXXXcJXXXXXXXXXXXX-370-370.jpg";
-           }
-         }), _c('div', {
-           staticClass: ["descWrapper"]
-         }, [_c('text', {
-           staticClass: ["itemDesc"]
-         }, [_vm._v("Genius only means hard-working all one\\'s life")])])])])
-       },function (){var _vm=this;var _h=_vm.$createElement;var 
_c=_vm._self._c||_h;
-         return _c('div', {
-           staticClass: ["item"],
-           attrs: {
-             "compositing": "false"
-           }
-         }, [_c('div', {
-           staticClass: ["itemWrapper"]
-         }, [_c('div', {
-           staticClass: ["nameWrapper"]
-         }, [_c('text', {
-           staticClass: ["itemName"]
-         }, [_vm._v("Thomas Carlyle")])]), _c('image', {
-           staticClass: ["itemPhoto"],
-           attrs: {
-             "src": 
"https://gw.alicdn.com/tps/TB1Jl1CPFXXXXcJXXXXXXXXXXXX-370-370.jpg";
-           }
-         }), _c('div', {
-           staticClass: ["descWrapper"]
-         }, [_c('text', {
-           staticClass: ["itemDesc"]
-         }, [_vm._v("Genius only means hard-working all one\\'s life")])])])])
-       }]}
-       module.exports.render._withStripped = true
-
-/***/ })
-
-/******/ });
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/43564f3b/android/playground/app/src/main/assets/vue/showcase/gesture.js
----------------------------------------------------------------------
diff --git a/android/playground/app/src/main/assets/vue/showcase/gesture.js 
b/android/playground/app/src/main/assets/vue/showcase/gesture.js
deleted file mode 100644
index 858e2ed..0000000
--- a/android/playground/app/src/main/assets/vue/showcase/gesture.js
+++ /dev/null
@@ -1,195 +0,0 @@
-// { "framework": "Vue" }
-
-/******/ (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__) {
-
-       var __vue_exports__, __vue_options__
-       var __vue_styles__ = []
-
-       /* styles */
-       __vue_styles__.push(__webpack_require__(148)
-       )
-
-       /* script */
-       __vue_exports__ = __webpack_require__(149)
-
-       /* template */
-       var __vue_template__ = __webpack_require__(150)
-       __vue_options__ = __vue_exports__ = __vue_exports__ || {}
-       if (
-         typeof __vue_exports__.default === "object" ||
-         typeof __vue_exports__.default === "function"
-       ) {
-       if (Object.keys(__vue_exports__).some(function (key) { return key !== 
"default" && key !== "__esModule" })) {console.error("named exports are not 
supported in *.vue files.")}
-       __vue_options__ = __vue_exports__ = __vue_exports__.default
-       }
-       if (typeof __vue_options__ === "function") {
-         __vue_options__ = __vue_options__.options
-       }
-       __vue_options__.__file = 
"/Users/Hanks/Codes/work/incubator-weex/examples/vue/showcase/gesture.vue"
-       __vue_options__.render = __vue_template__.render
-       __vue_options__.staticRenderFns = __vue_template__.staticRenderFns
-       __vue_options__._scopeId = "data-v-54c2a822"
-       __vue_options__.style = __vue_options__.style || {}
-       __vue_styles__.forEach(function (module) {
-         for (var name in module) {
-           __vue_options__.style[name] = module[name]
-         }
-       })
-       if (typeof __register_static_styles__ === "function") {
-         __register_static_styles__(__vue_options__._scopeId, __vue_styles__)
-       }
-
-       module.exports = __vue_exports__
-       module.exports.el = 'true'
-       new Vue(module.exports)
-
-
-/***/ }),
-
-/***/ 148:
-/***/ (function(module, exports) {
-
-       module.exports = {
-         "ct": {
-           "position": "absolute",
-           "width": 750,
-           "height": 1000,
-           "backgroundColor": "#f7f7f7"
-         }
-       }
-
-/***/ }),
-
-/***/ 149:
-/***/ (function(module, exports) {
-
-       'use strict';
-
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-
-       module.exports = {
-         data: function data() {
-           return {
-             text: 'no press.',
-             top: '0px',
-             left: '0px',
-             flag: false
-           };
-         },
-         methods: {
-           handlePress: function handlePress(e) {
-             this.text = '->longpress(' + e.touch.pageX + ',' + e.touch.pageY 
+ ')id:' + e.touch.identifier;
-           },
-           handleSwipe: function handleSwipe(e) {
-             this.text += '->swipe(' + e.touch.pageX + ',' + e.touch.pageY + 
')id:' + e.touch.identifier;
-           },
-           handlePanStart: function handlePanStart(e) {
-             this.flag = false;
-             this.text = '->panstart(' + e.touch.pageX + ',' + e.touch.pageY + 
')id:' + e.touch.identifier;
-           },
-           handlePanMove: function handlePanMove(e) {
-             if (this.flag) {
-               return;
-             }
-             this.flag = true;
-             this.text += '->panmove(' + e.touch.pageX + ',' + e.touch.pageY + 
')id:' + e.touch.identifier;
-           },
-           handlePanEnd: function handlePanEnd(e) {
-             this.text += '->panend(' + e.touch.pageX + ',' + e.touch.pageY + 
')id:' + e.touch.identifier;
-           }
-         }
-       };
-
-/***/ }),
-
-/***/ 150:
-/***/ (function(module, exports) {
-
-       module.exports={render:function (){var _vm=this;var 
_h=_vm.$createElement;var _c=_vm._self._c||_h;
-         return _c('div', [_c('div', {
-           staticClass: ["ct"],
-           style: {
-             top: _vm.top,
-             left: _vm.left
-           },
-           on: {
-             "longpress": _vm.handlePress,
-             "swipe": _vm.handleSwipe,
-             "panstart": _vm.handlePanStart,
-             "panmove": _vm.handlePanMove,
-             "panend": _vm.handlePanEnd
-           }
-         }, [_c('text', [_vm._v(_vm._s(_vm.text))])])])
-       },staticRenderFns: []}
-       module.exports.render._withStripped = true
-
-/***/ })
-
-/******/ });
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/43564f3b/android/playground/app/src/main/assets/vue/showcase/itemlist.js
----------------------------------------------------------------------
diff --git a/android/playground/app/src/main/assets/vue/showcase/itemlist.js 
b/android/playground/app/src/main/assets/vue/showcase/itemlist.js
deleted file mode 100644
index 9177666..0000000
--- a/android/playground/app/src/main/assets/vue/showcase/itemlist.js
+++ /dev/null
@@ -1,1085 +0,0 @@
-// { "framework": "Vue" }
-
-/******/ (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__) {
-
-       var __vue_exports__, __vue_options__
-       var __vue_styles__ = []
-
-       /* styles */
-       __vue_styles__.push(__webpack_require__(151)
-       )
-
-       /* script */
-       __vue_exports__ = __webpack_require__(152)
-
-       /* template */
-       var __vue_template__ = __webpack_require__(153)
-       __vue_options__ = __vue_exports__ = __vue_exports__ || {}
-       if (
-         typeof __vue_exports__.default === "object" ||
-         typeof __vue_exports__.default === "function"
-       ) {
-       if (Object.keys(__vue_exports__).some(function (key) { return key !== 
"default" && key !== "__esModule" })) {console.error("named exports are not 
supported in *.vue files.")}
-       __vue_options__ = __vue_exports__ = __vue_exports__.default
-       }
-       if (typeof __vue_options__ === "function") {
-         __vue_options__ = __vue_options__.options
-       }
-       __vue_options__.__file = 
"/Users/Hanks/Codes/work/incubator-weex/examples/vue/showcase/itemlist.vue"
-       __vue_options__.render = __vue_template__.render
-       __vue_options__.staticRenderFns = __vue_template__.staticRenderFns
-       __vue_options__._scopeId = "data-v-548f750a"
-       __vue_options__.style = __vue_options__.style || {}
-       __vue_styles__.forEach(function (module) {
-         for (var name in module) {
-           __vue_options__.style[name] = module[name]
-         }
-       })
-       if (typeof __register_static_styles__ === "function") {
-         __register_static_styles__(__vue_options__._scopeId, __vue_styles__)
-       }
-
-       module.exports = __vue_exports__
-       module.exports.el = 'true'
-       new Vue(module.exports)
-
-
-/***/ }),
-
-/***/ 151:
-/***/ (function(module, exports) {
-
-       module.exports = {
-         "flexRow": {
-           "flexDirection": "row"
-         },
-         "flexColumn": {
-           "flexDirection": "column"
-         },
-         "fixed": {
-           "position": "fixed",
-           "bottom": 50,
-           "left": 50,
-           "width": 300,
-           "height": 50,
-           "alignItems": "center",
-           "justifyContent": "center"
-         },
-         "shopImg": {
-           "width": 220,
-           "height": 220
-         },
-         "list": {
-           "flexDirection": "column",
-           "overflow": "hidden",
-           "width": 750,
-           "height": 1200,
-           "backgroundColor": "#dddddd"
-         },
-         "cell": {
-           "backgroundColor": "#dddddd",
-           "flexDirection": "column",
-           "width": 750
-         },
-         "test": {
-           "width": 60,
-           "height": 60
-         },
-         "shopDiv": {
-           "flexDirection": "column",
-           "backgroundColor": "#ffffff",
-           "marginTop": 5,
-           "marginRight": 5,
-           "marginBottom": 5,
-           "marginLeft": 5,
-           "paddingTop": 10,
-           "paddingRight": 10,
-           "paddingBottom": 10,
-           "paddingLeft": 10,
-           "borderWidth": 1,
-           "borderColor": "#cccccc"
-         },
-         "shopRowList": {
-           "flexDirection": "column",
-           "borderWidth": 1,
-           "borderColor": "#cccccc",
-           "marginTop": 5,
-           "marginRight": 5,
-           "marginBottom": 5,
-           "marginLeft": 5,
-           "paddingTop": 10,
-           "paddingRight": 10,
-           "paddingBottom": 10,
-           "paddingLeft": 10,
-           "backgroundColor": "#ffffff"
-         },
-         "shopHeader": {
-           "flexDirection": "row",
-           "width": 720
-         },
-         "shopFooter": {
-           "flexDirection": "row",
-           "width": 720
-         },
-         "smallImg": {
-           "width": 20,
-           "height": 20
-         }
-       }
-
-/***/ }),
-
-/***/ 152:
-/***/ (function(module, exports) {
-
-       'use strict';
-
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-       //
-
-       var modal = weex.requireModule('modal');
-       module.exports = {
-         data: function data() {
-           return {
-             shopList: [{
-               id: 1,
-               scopeValue: 1,
-               PersonPhoto: 
'https://gw.alicdn.com/tps/i3/TB1yeWeIFXXXXX5XFXXuAZJYXXX-210-210.png_60x60.jpg',
-               PersonName: 'Mendeleyev',
-               PersonVisitTime: 'today',
-               shopDesc: 'Genius only means hard-working all one\'s life',
-               shopImgList: [{
-                 shopImgWidth: '220px',
-                 shopImgHeight: '220px',
-                 shopImg: 
'https://gd2.alicdn.com/bao/uploaded/i2/TB1rtOnHpXXXXXLaXXXXXXXXXXX_!!0-item_pic.jpg_220x220.jpg'
-               }, {
-                 shopImgWidth: '220px',
-                 shopImgHeight: '220px',
-                 shopImg: 
'https://gd4.alicdn.com/bao/uploaded/i4/TB15KrfFVXXXXXJXXXXXXXXXXXX_!!0-item_pic.jpg_220x220.jpg'
-               }, {
-                 shopImgWidth: '220px',
-                 shopImgHeight: '220px',
-                 shopImg: 
'https://gd2.alicdn.com/bao/uploaded/i2/TB1t5YBGVXXXXXcaXXXXXXXXXXX_!!0-item_pic.jpg_220x220.jpg'
-               }],
-               shopLikeImg: 
'https://img.alicdn.com/tps/i1/TB1jTxXIVXXXXb8XXXX07tlTXXX-200-200.png_88x88xz.jpg',
-               shopLikeText: '6',
-               shopCommentImg: 
'https://img.alicdn.com/tps/i1/TB1kTKyIVXXXXacXFXX07tlTXXX-200-200.png_88x88xz.jpg',
-               shopCommentText: '97',
-               shopLookImg: 
'https://img.alicdn.com/imgextra/i4/397746073/TB2IseKeFXXXXcVXXXXXXXXXXXX-397746073.png_88x88xz.jpg',
-               shopLookText: '1003',
-               shareImg: 
'https://cbu01.alicdn.com/cms/upload/2015/930/224/2422039_702806130.png_88x88xz.jpg',
-               shareText: "10"
-
-             }, {
-               id: 2,
-               scopeValue: 2,
-               PersonPhoto: 
'https://gw.alicdn.com/tps/i3/TB1yeWeIFXXXXX5XFXXuAZJYXXX-210-210.png_60x60.jpg',
-               PersonName: 'Napoleon',
-               PersonVisitTime: 'yesterday',
-               shopDesc: 'The man who has made up his mind to win will never 
say "impossible "',
-               shopImgList: [{
-                 shopImgWidth: '220px',
-                 shopImgHeight: '220px',
-                 shopImg: 
'https://gd1.alicdn.com/imgextra/i1/2655929383/TB2.qITjpXXXXcIXXXXXXXXXXXX_!!2655929383.jpg_220x220.jpg'
-               }, {
-                 shopImgWidth: '220px',
-                 shopImgHeight: '220px',
-                 shopImg: 
'https://gd3.alicdn.com/imgextra/i3/2655929383/TB2eWwZjpXXXXbHXXXXXXXXXXXX_!!2655929383.jpg_220x220.jpg'
-               }, {
-                 shopImgWidth: '220px',
-                 shopImgHeight: '220px',
-                 shopImg: 
'https://gd2.alicdn.com/imgextra/i2/2655929383/TB2tgQWjpXXXXbZXXXXXXXXXXXX_!!2655929383.jpg_220x220.jpg'
-               }],
-               shopLikeImg: 
'https://img.alicdn.com/tps/i1/TB1jTxXIVXXXXb8XXXX07tlTXXX-200-200.png_88x88xz.jpg',
-               shopLikeText: '6',
-               shopCommentImg: 
'https://img.alicdn.com/tps/i1/TB1kTKyIVXXXXacXFXX07tlTXXX-200-200.png_88x88xz.jpg',
-               shopCommentText: '97',
-               shopLookImg: 
'https://img.alicdn.com/imgextra/i4/397746073/TB2IseKeFXXXXcVXXXXXXXXXXXX-397746073.png_88x88xz.jpg',
-               shopLookText: '1003',
-               shareImg: 
'https://cbu01.alicdn.com/cms/upload/2015/930/224/2422039_702806130.png_88x88xz.jpg',
-               shareText: "10"
-
-             }, {
-               id: 3,
-               scopeValue: 3,
-               PersonPhoto: 
'https://gw.alicdn.com/tps/i3/TB1yeWeIFXXXXX5XFXXuAZJYXXX-210-210.png_60x60.jpg',
-               PersonName: 'Balzac',
-               PersonVisitTime: 'yesterday',
-               shopDesc: 'There is no such thing as a great talent without 
great will - power',
-               shopImgList: [{
-                 shopImgWidth: '220px',
-                 shopImgHeight: '220px',
-                 shopImg: 
'https://gd1.alicdn.com/imgextra/i1/TB1AFz9LXXXXXbrXVXXXXXXXXXX_!!0-item_pic.jpg_220x220.jpg'
-               }, {
-                 shopImgWidth: '220px',
-                 shopImgHeight: '220px',
-                 shopImg: 
'https://gd2.alicdn.com/imgextra/i2/2557954751/TB2is2njXXXXXatXpXXXXXXXXXX_!!2557954751.jpg_220x220.jpg'
-               }, {
-                 shopImgWidth: '220px',
-                 shopImgHeight: '220px',
-                 shopImg: 
'https://gd2.alicdn.com/imgextra/i2/2557954751/TB2PNYGjXXXXXbXXXXXXXXXXXXX_!!2557954751.jpg_220x220.jpg'
-               }],
-               shopLikeImg: 
'https://img.alicdn.com/tps/i1/TB1jTxXIVXXXXb8XXXX07tlTXXX-200-200.png_88x88xz.jpg',
-               shopLikeText: '6',
-               shopCommentImg: 
'https://img.alicdn.com/tps/i1/TB1kTKyIVXXXXacXFXX07tlTXXX-200-200.png_88x88xz.jpg',
-               shopCommentText: '97',
-               shopLookImg: 
'https://img.alicdn.com/imgextra/i4/397746073/TB2IseKeFXXXXcVXXXXXXXXXXXX-397746073.png_88x88xz.jpg',
-               shopLookText: '1003',
-               shareImg: 
'https://cbu01.alicdn.com/cms/upload/2015/930/224/2422039_702806130.png_88x88xz.jpg',
-               shareText: "10"
-
-             }, {
-               id: 4,
-               scopeValue: 4,
-               PersonPhoto: 
'https://gw.alicdn.com/tps/i3/TB1yeWeIFXXXXX5XFXXuAZJYXXX-210-210.png_60x60.jpg',
-               PersonName: 'Thomas Carlyle',
-               PersonVisitTime: '3 day ago',
-               shopDesc: 'Cease to struggle and you cease to live',
-               shopImgList: [{
-                 shopImgWidth: '220px',
-                 shopImgHeight: '220px',
-                 shopImg: 
'https://gd4.alicdn.com/imgextra/i4/69426324/TB2zbwdfXXXXXa4XpXXXXXXXXXX_!!69426324.jpg_220x220.jpg'
-               }, {
-                 shopImgWidth: '220px',
-                 shopImgHeight: '220px',
-                 shopImg: 
'https://gd4.alicdn.com/imgextra/i4/69426324/TB2L7ZAfXXXXXXOXXXXXXXXXXXX_!!69426324.jpg_220x220.jpg'
-               }, {
-                 shopImgWidth: '220px',
-                 shopImgHeight: '220px',
-                 shopImg: 
'https://gd4.alicdn.com/imgextra/i4/69426324/TB2p9wufXXXXXbiXXXXXXXXXXXX_!!69426324.jpg_220x220.jpg'
-               }],
-               shopLikeImg: 
'https://img.alicdn.com/tps/i1/TB1jTxXIVXXXXb8XXXX07tlTXXX-200-200.png_88x88xz.jpg',
-               shopLikeText: '6',
-               shopCommentImg: 
'https://img.alicdn.com/tps/i1/TB1kTKyIVXXXXacXFXX07tlTXXX-200-200.png_88x88xz.jpg',
-               shopCommentText: '97',
-               shopLookImg: 
'https://img.alicdn.com/imgextra/i4/397746073/TB2IseKeFXXXXcVXXXXXXXXXXXX-397746073.png_88x88xz.jpg',
-               shopLookText: '1003',
-               shareImg: 
'https://cbu01.alicdn.com/cms/upload/2015/930/224/2422039_702806130.png_88x88xz.jpg',
-               shareText: "10"
-
-             }, {
-               id: 5,
-               scopeValue: 5,
-               PersonPhoto: 
'https://gw.alicdn.com/tps/i3/TB1yeWeIFXXXXX5XFXXuAZJYXXX-210-210.png_60x60.jpg',
-               PersonName: 'Addison',
-               PersonVisitTime: 'yesterday',
-               shopDesc: 'A strong man will struggle with the storms of fate',
-               shopImgList: [{
-                 shopImgWidth: '220px',
-                 shopImgHeight: '220px',
-                 shopImg: 
'https://gd3.alicdn.com/bao/uploaded/i3/TB1MQ8_KVXXXXaLXVXXXXXXXXXX_!!0-item_pic.jpg_220x220.jpg'
-               }, {
-                 shopImgWidth: '220px',
-                 shopImgHeight: '220px',
-                 shopImg: 
'https://gd2.alicdn.com/imgextra/i2/53218032/TB2bGSqiXXXXXXyXpXXXXXXXXXX_!!53218032.jpg_220x220.jpg'
-               }, {
-                 shopImgWidth: '220px',
-                 shopImgHeight: '220px',
-                 shopImg: 
'https://gd2.alicdn.com/bao/uploaded/i2/TB1kP2zKFXXXXbIXXXXXXXXXXXX_!!0-item_pic.jpg_220x220.jpg'
-               }],
-               shopLikeImg: 
'https://img.alicdn.com/tps/i1/TB1jTxXIVXXXXb8XXXX07tlTXXX-200-200.png_88x88xz.jpg',
-               shopLikeText: '6',
-               shopCommentImg: 
'https://img.alicdn.com/tps/i1/TB1kTKyIVXXXXacXFXX07tlTXXX-200-200.png_88x88xz.jpg',
-               shopCommentText: '97',
-               shopLookImg: 
'https://img.alicdn.com/imgextra/i4/397746073/TB2IseKeFXXXXcVXXXXXXXXXXXX-397746073.png_88x88xz.jpg',
-               shopLookText: '1003',
-               shareImg: 
'https://cbu01.alicdn.com/cms/upload/2015/930/224/2422039_702806130.png_88x88xz.jpg',
-               shareText: "10"
-
-             }, {
-               id: 6,
-               scopeValue: 1,
-               PersonPhoto: 
'https://gw.alicdn.com/tps/i3/TB1yeWeIFXXXXX5XFXXuAZJYXXX-210-210.png_60x60.jpg',
-               PersonName: 'Ruskin',
-               PersonVisitTime: 'yesterday',
-               shopDesc: 'Living without an aim is like sailing without a 
compass',
-               shopImgList: [{
-                 shopImgWidth: '220px',
-                 shopImgHeight: '220px',
-                 shopImg: 
'https://gd4.alicdn.com/bao/uploaded/i4/TB11yFnHXXXXXakaXXXXXXXXXXX_!!0-item_pic.jpg_220x220.jpg'
-               }, {
-                 shopImgWidth: '220px',
-                 shopImgHeight: '220px',
-                 shopImg: 
'https://gd4.alicdn.com/imgextra/i4/32720628/TB2CRJUcXXXXXXwXpXXXXXXXXXX_!!32720628.jpg_220x220.jpg'
-               }, {
-                 shopImgWidth: '220px',
-                 shopImgHeight: '220px',
-                 shopImg: 
'https://gd2.alicdn.com/bao/uploaded/i2/TB17LUzHXXXXXcEaXXXXXXXXXXX_!!0-item_pic.jpg_220x220.jpg'
-               }],
-               shopLikeImg: 
'https://img.alicdn.com/tps/i1/TB1jTxXIVXXXXb8XXXX07tlTXXX-200-200.png_88x88xz.jpg',
-               shopLikeText: '6',
-               shopCommentImg: 
'https://img.alicdn.com/tps/i1/TB1kTKyIVXXXXacXFXX07tlTXXX-200-200.png_88x88xz.jpg',
-               shopCommentText: '97',
-               shopLookImg: 
'https://img.alicdn.com/imgextra/i4/397746073/TB2IseKeFXXXXcVXXXXXXXXXXXX-397746073.png_88x88xz.jpg',
-               shopLookText: '1003',
-               shareImg: 
'https://cbu01.alicdn.com/cms/upload/2015/930/224/2422039_702806130.png_88x88xz.jpg',
-               shareText: "10"
-
-             }, {
-               id: 7,
-               scopeValue: 2,
-               PersonPhoto: 
'https://gw.alicdn.com/tps/i3/TB1yeWeIFXXXXX5XFXXuAZJYXXX-210-210.png_60x60.jpg',
-               PersonName: 'Yiming',
-               PersonVisitTime: 'today',
-               shopDesc: 'Live a noble and honest life. Reviving past times in 
your old age will help you to enjoy your life again',
-               shopImgList: [{
-                 shopImgWidth: '220px',
-                 shopImgHeight: '220px',
-                 shopImg: 
'https://gd4.alicdn.com/bao/uploaded/i4/TB1hvNoJXXXXXaMaXXXXXXXXXXX_!!0-item_pic.jpg_220x220.jpg'
-               }, {
-                 shopImgWidth: '220px',
-                 shopImgHeight: '220px',
-                 shopImg: 
'https://gd4.alicdn.com/imgextra/i4/2058567235/TB2V8iygFXXXXaRXpXXXXXXXXXX_!!2058567235.jpg_220x220.jpg'
-               }, {
-                 shopImgWidth: '220px',
-                 shopImgHeight: '220px',
-                 shopImg: 
'https://gd2.alicdn.com/imgextra/i2/2058567235/TB2im1QgFXXXXX8XXXXXXXXXXXX_!!2058567235.jpg_220x220.jpg'
-               }],
-               shopLikeImg: 
'https://img.alicdn.com/tps/i1/TB1jTxXIVXXXXb8XXXX07tlTXXX-200-200.png_88x88xz.jpg',
-               shopLikeText: '6',
-               shopCommentImg: 
'https://img.alicdn.com/tps/i1/TB1kTKyIVXXXXacXFXX07tlTXXX-200-200.png_88x88xz.jpg',
-               shopCommentText: '97',
-               shopLookImg: 
'https://img.alicdn.com/imgextra/i4/397746073/TB2IseKeFXXXXcVXXXXXXXXXXXX-397746073.png_88x88xz.jpg',
-               shopLookText: '1003',
-               shareImg: 
'https://cbu01.alicdn.com/cms/upload/2015/930/224/2422039_702806130.png_88x88xz.jpg',
-               shareText: "10"
-
-             }, {
-               id: 8,
-               scopeValue: 3,
-               PersonPhoto: 
'https://gw.alicdn.com/tps/i3/TB1yeWeIFXXXXX5XFXXuAZJYXXX-210-210.png_60x60.jpg',
-               PersonName: 'Brown',
-               PersonVisitTime: 'yesterday',
-               shopDesc: 'Behind every successful man there\'s a lot u 
unsuccessful years',
-               shopImgList: [{
-                 shopImgWidth: '220px',
-                 shopImgHeight: '220px',
-                 shopImg: 
'https://gd1.alicdn.com/bao/uploaded/i1/TB18BZ2KFXXXXb8XFXXXXXXXXXX_!!0-item_pic.jpg_220x220.jpg'
-               }, {
-                 shopImgWidth: '220px',
-                 shopImgHeight: '220px',
-                 shopImg: 
'https://gd1.alicdn.com/imgextra/i1/2775383848/TB2r012jVXXXXXHXpXXXXXXXXXX_!!2775383848.jpg_220x220.jpg'
-               }, {
-                 shopImgWidth: '220px',
-                 shopImgHeight: '220px',
-                 shopImg: 
'https://gd3.alicdn.com/imgextra/i3/2775383848/TB2iI9VjVXXXXaoXpXXXXXXXXXX_!!2775383848.jpg_220x220.jpg'
-               }],
-               shopLikeImg: 
'https://img.alicdn.com/tps/i1/TB1jTxXIVXXXXb8XXXX07tlTXXX-200-200.png_88x88xz.jpg',
-               shopLikeText: '6',
-               shopCommentImg: 
'https://img.alicdn.com/tps/i1/TB1kTKyIVXXXXacXFXX07tlTXXX-200-200.png_88x88xz.jpg',
-               shopCommentText: '97',
-               shopLookImg: 
'https://img.alicdn.com/imgextra/i4/397746073/TB2IseKeFXXXXcVXXXXXXXXXXXX-397746073.png_88x88xz.jpg',
-               shopLookText: '1003',
-               shareImg: 
'https://cbu01.alicdn.com/cms/upload/2015/930/224/2422039_702806130.png_88x88xz.jpg',
-               shareText: "10"
-
-             }, {
-               id: 9,
-               scopeValue: 4,
-               PersonPhoto: 
'https://gw.alicdn.com/tps/i3/TB1yeWeIFXXXXX5XFXXuAZJYXXX-210-210.png_60x60.jpg',
-               PersonName: 'YIMING',
-               PersonVisitTime: 'today',
-               shopDesc: 'Enrich your life today,. yesterday is 
history.tomorrow is mystery',
-               shopImgList: [{
-                 shopImgWidth: '220px',
-                 shopImgHeight: '220px',
-                 shopImg: 
'https://gd1.alicdn.com/bao/uploaded/i1/TB1JB.rLpXXXXXLXXXXXXXXXXXX_!!0-item_pic.jpg_220x220.jpg'
-               }, {
-                 shopImgWidth: '220px',
-                 shopImgHeight: '220px',
-                 shopImg: 
'https://gd4.alicdn.com/imgextra/i4/2702739128/TB2JdvmjVXXXXXjXXXXXXXXXXXX_!!2702739128.jpg_220x220.jpg'
-               }, {
-                 shopImgWidth: '220px',
-                 shopImgHeight: '220px',
-                 shopImg: 
'https://gd2.alicdn.com/imgextra/i2/2702739128/TB2A.e6jVXXXXXGXpXXXXXXXXXX_!!2702739128.jpg_220x220.jpg'
-               }],
-               shopLikeImg: 
'https://img.alicdn.com/tps/i1/TB1jTxXIVXXXXb8XXXX07tlTXXX-200-200.png_88x88xz.jpg',
-               shopLikeText: '6',
-               shopCommentImg: 
'https://img.alicdn.com/tps/i1/TB1kTKyIVXXXXacXFXX07tlTXXX-200-200.png_88x88xz.jpg',
-               shopCommentText: '97',
-               shopLookImg: 
'https://img.alicdn.com/imgextra/i4/397746073/TB2IseKeFXXXXcVXXXXXXXXXXXX-397746073.png_88x88xz.jpg',
-               shopLookText: '1003',
-               shareImg: 
'https://cbu01.alicdn.com/cms/upload/2015/930/224/2422039_702806130.png_88x88xz.jpg',
-               shareText: "10"
-
-             }, {
-               id: 10,
-               scopeValue: 5,
-               PersonPhoto: 
'https://gw.alicdn.com/tps/i3/TB1yeWeIFXXXXX5XFXXuAZJYXXX-210-210.png_60x60.jpg',
-               PersonName: 'YIMING',
-               PersonVisitTime: 'yesterday',
-               shopDesc: 'The secret of success is constancy to purpose',
-               shopImgList: [{
-                 shopImgWidth: '220px',
-                 shopImgHeight: '220px',
-                 shopImg: 
'https://gd3.alicdn.com/bao/uploaded/i3/TB17zXOGXXXXXbEXVXXXXXXXXXX_!!0-item_pic.jpg_220x220.jpg'
-               }, {
-                 shopImgWidth: '220px',
-                 shopImgHeight: '220px',
-                 shopImg: 
'https://gd1.alicdn.com/imgextra/i1/2265445951/TB22ACTbFXXXXXBXXXXXXXXXXXX_!!2265445951.jpg_220x220.jpg'
-               }, {
-                 shopImgWidth: '220px',
-                 shopImgHeight: '220px',
-                 shopImg: 
'https://gd3.alicdn.com/imgextra/i3/2265445951/TB2oXqUbFXXXXXIXXXXXXXXXXXX_!!2265445951.jpg_220x220.jpg'
-               }],
-               shopLikeImg: 
'https://img.alicdn.com/tps/i1/TB1jTxXIVXXXXb8XXXX07tlTXXX-200-200.png_88x88xz.jpg',
-               shopLikeText: '6',
-               shopCommentImg: 
'https://img.alicdn.com/tps/i1/TB1kTKyIVXXXXacXFXX07tlTXXX-200-200.png_88x88xz.jpg',
-               shopCommentText: '97',
-               shopLookImg: 
'https://img.alicdn.com/imgextra/i4/397746073/TB2IseKeFXXXXcVXXXXXXXXXXXX-397746073.png_88x88xz.jpg',
-               shopLookText: '1003',
-               shareImg: 
'https://cbu01.alicdn.com/cms/upload/2015/930/224/2422039_702806130.png_88x88xz.jpg',
-               shareText: "10"
-             }]
-           };
-         },
-         methods: {
-           loadmore: function loadmore(e) {
-             modal.toast({
-               'message': 'loadmore',
-               'duration': 2.0
-             });
-           },
-           oncellclick: function oncellclick(id) {
-             modal.toast({
-               'message': 'row ' + id + ' clicked',
-               'duration': 2.0
-             });
-           }
-         }
-
-       };
-
-/***/ }),
-
-/***/ 153:
-/***/ (function(module, exports) {
-
-       module.exports={render:function (){var _vm=this;var 
_h=_vm.$createElement;var _c=_vm._self._c||_h;
-         return _c('list', {
-           staticClass: ["list"],
-           attrs: {
-             "loadmoreoffset": "2000"
-           },
-           on: {
-             "loadmore": _vm.loadmore
-           }
-         }, _vm._l((_vm.shopList), function(item) {
-           return _c('cell', {
-             staticClass: ["cell"],
-             appendAsTree: true,
-             attrs: {
-               "scope": item.scopeValue,
-               "append": "tree"
-             },
-             on: {
-               "click": function($event) {
-                 _vm.oncellclick(item.id)
-               }
-             }
-           }, [_c('div', {
-             staticClass: ["shopDiv"]
-           }, [_c('div', {
-             staticClass: ["shopHeader"],
-             staticStyle: {
-               flexDirection: "row"
-             }
-           }, [_c('div', {
-             staticStyle: {
-               flex: "2",
-               flexDirection: "row"
-             }
-           }, [_c('div', [_c('image', {
-             staticClass: ["test"],
-             attrs: {
-               "src": item.PersonPhoto
-             }
-           })]), _c('div', {
-             staticStyle: {
-               flexDirection: "column",
-               marginLeft: "5px"
-             }
-           }, [_c('div', {
-             staticStyle: {
-               marginTop: "5px"
-             }
-           }, [_c('text', {
-             staticStyle: {
-               fontSize: "20px"
-             }
-           }, [_vm._v(_vm._s(item.PersonName))])]), _c('div', {
-             staticStyle: {
-               marginTop: "5px"
-             }
-           }, [_c('text', {
-             staticStyle: {
-               fontSize: "20",
-               color: "#cccccc"
-             }
-           }, [_vm._v(_vm._s(item.PersonVisitTime))])])])]), _vm._m(0, 
true)]), _c('div', {
-             staticClass: ["shopBody"],
-             staticStyle: {
-               flexDirection: "column"
-             }
-           }, [_c('div', {
-             staticClass: ["descDiv"],
-             staticStyle: {
-               marginTop: "10px",
-               marginLeft: "10px"
-             }
-           }, [_c('text', {
-             staticClass: ["shopDesc"],
-             staticStyle: {
-               fontSize: "25px"
-             }
-           }, [_vm._v(_vm._s(item.shopDesc))])]), _c('div', {
-             staticStyle: {
-               flexDirection: "row"
-             }
-           }, _vm._l((item.shopImgList), function(img) {
-             return _c('div', {
-               staticClass: ["imgDiv"],
-               staticStyle: {
-                 flex: "1",
-                 height: "300px",
-                 flexDirection: "column",
-                 margin: "10px"
-               }
-             }, [_c('div', [_c('image', {
-               staticClass: ["shopImg"],
-               style: {
-                 width: img.shopImgWidth,
-                 height: img.shopImgHeight
-               },
-               attrs: {
-                 "src": img.shopImg
-               }
-             })]), _vm._m(1, true)])
-           }))]), _c('div', {
-             staticClass: ["shopFooter"],
-             staticStyle: {
-               flexDirection: "row",
-               marginTop: "10px",
-               marginLeft: "10px",
-               justifyContent: "flex-end"
-             }
-           }, [_c('div', {
-             staticStyle: {
-               marginRight: "5px"
-             }
-           }, [_c('image', {
-             staticClass: ["shopLikeImg", "smallImg"],
-             attrs: {
-               "src": item.shopLikeImg
-             }
-           })]), _c('div', {
-             staticStyle: {
-               marginRight: "15px"
-             }
-           }, [_c('text', {
-             staticClass: ["shopLikeText"],
-             staticStyle: {
-               fontSize: "20px"
-             }
-           }, [_vm._v(_vm._s(item.shopLikeText))])]), _c('div', {
-             staticStyle: {
-               marginRight: "5px"
-             }
-           }, [_c('image', {
-             staticClass: ["shopCommentImg", "smallImg"],
-             attrs: {
-               "src": item.shopCommentImg
-             }
-           })]), _c('div', {
-             staticStyle: {
-               marginRight: "15px"
-             }
-           }, [_c('text', {
-             staticClass: ["shopCommentText"],
-             staticStyle: {
-               fontSize: "20px"
-             }
-           }, [_vm._v(_vm._s(item.shopCommentText))])]), _c('div', {
-             staticStyle: {
-               marginRight: "5px"
-             }
-           }, [_c('image', {
-             staticClass: ["shopLookImg", "smallImg"],
-             attrs: {
-               "src": item.shopLookImg
-             }
-           })]), _c('div', {
-             staticStyle: {
-               marginRight: "15px"
-             }
-           }, [_c('text', {
-             staticClass: ["shopLookText"],
-             staticStyle: {
-               fontSize: "20px"
-             }
-           }, [_vm._v(_vm._s(item.shopLookText))])]), _c('div', {
-             staticStyle: {
-               marginRight: "5px"
-             }
-           }, [_c('image', {
-             staticClass: ["shareImg", "smallImg"],
-             attrs: {
-               "src": item.shareImg
-             }
-           })]), _c('div', {
-             staticStyle: {
-               marginRight: "20px"
-             }
-           }, [_c('text', {
-             staticClass: ["shareText"],
-             staticStyle: {
-               fontSize: "20px"
-             }
-           }, [_vm._v(_vm._s(item.shareText))])])])])])
-         }))
-       },staticRenderFns: [function (){var _vm=this;var 
_h=_vm.$createElement;var _c=_vm._self._c||_h;
-         return _c('div', {
-           staticStyle: {
-             flex: "5",
-             flexDirection: "row"
-           }
-         }, [_c('div', {
-           staticStyle: {
-             flexDirection: "row",
-             marginLeft: "10px",
-             marginTop: "10px"
-           }
-         }, [_c('div', [_c('image', {
-           staticStyle: {
-             width: "20px",
-             height: "20px"
-           },
-           attrs: {
-             "src": 
"https://img.alicdn.com/tps/i4/TB1zkDeIFXXXXXrXVXX07tlTXXX-200-200.png_88x88xz.jpg";
-           }
-         })]), _c('div', [_c('text', {
-           staticStyle: {
-             fontSize: "20px"
-           }
-         }, [_vm._v("Hope")])])]), _c('div', {
-           staticStyle: {
-             position: "absolute",
-             left: "90px",
-             top: "10px",
-             flexDirection: "row"
-           }
-         }, [_c('div', [_c('image', {
-           staticStyle: {
-             width: "20px",
-             height: "20px"
-           },
-           attrs: {
-             "src": 
"https://img.alicdn.com/tps/i2/TB1hRb1IXXXXXX3XVXXXQaP.pXX-87-87.jpeg";
-           }
-         })]), _c('div', [_c('text', {
-           staticStyle: {
-             fontSize: "20px"
-           }
-         }, [_vm._v("Mem")])])]), _c('div', {
-           staticStyle: {
-             position: "absolute",
-             left: "170px",
-             top: "10px",
-             flexDirection: "row"
-           }
-         }, [_c('div', [_c('image', {
-           staticStyle: {
-             width: "20px",
-             height: "20px"
-           },
-           attrs: {
-             "src": 
"https://img.alicdn.com/tps/i3/TB1DGkJJFXXXXaZXFXX07tlTXXX-200-200.png";
-           }
-         })]), _c('div', [_c('text', {
-           staticStyle: {
-             fontSize: "20px"
-           }
-         }, [_vm._v("auth")])])]), _c('div', {
-           staticStyle: {
-             position: "absolute",
-             left: "250px",
-             top: "10px",
-             flexDirection: "row"
-           }
-         }, [_c('div', [_c('image', {
-           staticStyle: {
-             width: "20px",
-             height: "20px"
-           },
-           attrs: {
-             "src": 
"https://img.alicdn.com/tps/i1/TB1nFvPIXXXXXbUXXXXUAkPJpXX-87-87.png";
-           }
-         })]), _c('div', [_c('text', {
-           staticStyle: {
-             fontSize: "20px"
-           }
-         }, [_vm._v("Friend")])])]), _c('div', {
-           staticStyle: {
-             position: "absolute",
-             left: "330px",
-             top: "10px",
-             flexDirection: "row"
-           }
-         }, [_c('div', [_c('image', {
-           staticStyle: {
-             width: "20px",
-             height: "20px"
-           },
-           attrs: {
-             "src": 
"https://img.alicdn.com/tps/i2/TB1CpD7IXXXXXbSXXXXUAkPJpXX-87-87.png";
-           }
-         })]), _c('div', [_c('text', {
-           staticStyle: {
-             fontSize: "20px"
-           }
-         }, [_vm._v("issue")])])]), _c('div', {
-           staticStyle: {
-             position: "absolute",
-             left: "410px",
-             top: "10px",
-             flexDirection: "row"
-           }
-         }, [_c('div', [_c('image', {
-           staticStyle: {
-             width: "20px",
-             height: "20px"
-           },
-           attrs: {
-             "src": 
"https://gtms02.alicdn.com/tps/i2/TB11ZZfIVXXXXbMXFXXEDhGGXXX-32-32.png";
-           }
-         })]), _c('div', [_c('text', {
-           staticStyle: {
-             fontSize: "20px"
-           }
-         }, [_vm._v("super")])])])])
-       },function (){var _vm=this;var _h=_vm.$createElement;var 
_c=_vm._self._c||_h;
-         return _c('div', {
-           staticStyle: {
-             flex: "1",
-             marginTop: "10px",
-             flexDirection: "row"
-           }
-         }, [_c('div', {
-           staticStyle: {
-             flex: "1",
-             justifyContent: "center",
-             flexDirection: "row"
-           }
-         }, [_c('div', [_c('image', {
-           staticStyle: {
-             width: "20px",
-             height: "20px"
-           },
-           attrs: {
-             "src": 
"https://img.alicdn.com/tps/i1/TB1nFvPIXXXXXbUXXXXUAkPJpXX-87-87.png";
-           }
-         })]), _c('div', {
-           staticStyle: {
-             marginLeft: "5px"
-           }
-         }, [_c('text', {
-           staticStyle: {
-             fontSize: "20px",
-             textAlign: "center"
-           }
-         }, [_vm._v("Up")])])]), _c('div', {
-           staticStyle: {
-             flex: "1",
-             justifyContent: "center",
-             flexDirection: "row"
-           }
-         }, [_c('div', [_c('image', {
-           staticStyle: {
-             width: "20px",
-             height: "20px"
-           },
-           attrs: {
-             "src": 
"https://img.alicdn.com/tps/i2/TB1CpD7IXXXXXbSXXXXUAkPJpXX-87-87.png";
-           }
-         })]), _c('div', {
-           staticStyle: {
-             marginLeft: "5px"
-           }
-         }, [_c('text', {
-           staticStyle: {
-             fontSize: "20px",
-             textAlign: "center"
-           }
-         }, [_vm._v("down")])])])])
-       }]}
-       module.exports.render._withStripped = true
-
-/***/ })
-
-/******/ });
\ No newline at end of file

Reply via email to