| /* |
| * Licensed to the Apache Software Foundation (ASF) under one |
| * or more contributor license agreements. See the NOTICE file |
| * distributed with this work for additional information |
| * regarding copyright ownership. The ASF licenses this file |
| * to you under the Apache License, Version 2.0 (the |
| * "License"); you may not use this file except in compliance |
| * with the License. You may obtain a copy of the License at |
| * |
| * http://www.apache.org/licenses/LICENSE-2.0 |
| * |
| * Unless required by applicable law or agreed to in writing, |
| * software distributed under the License is distributed on an |
| * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY |
| * KIND, either express or implied. See the License for the |
| * specific language governing permissions and limitations |
| * under the License. |
| */ |
| register('taobao-item', { |
| |
| data: function() { |
| return { |
| itemId: '', |
| title: '', |
| pictureUrl: '' |
| }; |
| }, |
| methods: { |
| gotoDetail: function() { |
| this.$openURL('https://item.taobao.com/item.htm?id=' + this.itemId); |
| } |
| } |
| |
| , |
| style: { |
| "thumb": { |
| "width": 200, |
| "height": 200 |
| }, |
| "title": { |
| "flex": 1, |
| "color": "#ff0000", |
| "fontSize": 48, |
| "fontWeight": "bold", |
| "backgroundColor": "#eeeeee" |
| } |
| }, |
| template: { |
| "type": "container", |
| "events": { |
| "click": "gotoDetail" |
| }, |
| "children": [{ |
| "type": "image", |
| "classList": [ |
| "thumb" |
| ], |
| "attr": { |
| "src": function() { |
| return this.pictureUrl |
| } |
| } |
| }, { |
| "type": "text", |
| "classList": [ |
| "title" |
| ], |
| "attr": { |
| "value": function() { |
| return this.title |
| } |
| } |
| }] |
| } |
| }) |
| |
| // module |
| |
| register('backward1', { |
| |
| data: function() { |
| return { |
| itemList: [{ |
| itemId: '520421163634', |
| title: 'title1', |
| pictureUrl: 'https://gd2.alicdn.com/bao/uploaded/i2/T14H1LFwBcXXXXXXXX_!!0-item_pic.jpg' |
| }, { |
| itemId: '522076777462', |
| title: 'title2', |
| pictureUrl: 'https://gd1.alicdn.com/bao/uploaded/i1/TB1PXJCJFXXXXciXFXXXXXXXXXX_!!0-item_pic.jpg' |
| }] |
| }; |
| } |
| |
| , |
| style: {}, |
| template: { |
| "type": "container", |
| "style": { |
| "flexDirection": "column" |
| }, |
| "children": [{ |
| "type": "taobao-item", |
| "repeat": function() { |
| return this.itemList |
| } |
| }] |
| } |
| }) |
| |
| // require module |
| |
| render('backward1', {}) |