1/* 2 * Copyright (c) 2021 Huawei Device Co., Ltd. 3 * Licensed under the Apache License, Version 2.0 (the "License"); 4 * you may not use this file except in compliance with the License. 5 * You may obtain a copy of the License at 6 * 7 * http://www.apache.org/licenses/LICENSE-2.0 8 * 9 * Unless required by applicable law or agreed to in writing, software 10 * distributed under the License is distributed on an "AS IS" BASIS, 11 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 12 * See the License for the specific language governing permissions and 13 * limitations under the License. 14 */ 15 16{ 17 "data": { 18 "musics": [ 19 { 20 "name": "Song1", 21 "singer": "player1" 22 }, 23 { 24 "name": "Song2", 25 "singer": "player2" 26 }, 27 { 28 "name": "Song3", 29 "singer": "player3" 30 }, 31 { 32 "name": "Song4", 33 "singer": "player4" 34 }, 35 { 36 "name": "Song5", 37 "singer": "player5" 38 }, 39 { 40 "name": "Song6", 41 "singer": "player6" 42 }, 43 { 44 "name": "Song7", 45 "singer": "player7" 46 }, 47 { 48 "name": "Song8", 49 "singer": "player8" 50 } 51 ] 52 }, 53 "render": "function (vm) { var _vm = vm || this; var i18ns = []; i18ns.push( _vm.$t('strings.dizziness') ); return _c('div', {'staticClass' : [\"wrapper\"]} , [_l((function () {return _vm.musics}),function(value,$idx){return _c('div', {'staticClass' : [\"music-list-item\"]} , [_c('div', {'staticStyle' : {'height' : 400,'width' : 454,'flexDirection' : \"column\"}, } , [_c('text', {'attrs' : {'value' : function () {return _vm.$t('value.name')}},'staticClass' : [\"content\"]} ),_c('text', {'attrs' : {'value' : function () {return value.name}},'staticClass' : [\"content\"]} ),_c('text', {'attrs' : {'value' : i18ns[0]},'staticClass' : [\"content\"]} ),_c('text', {'attrs' : {'value' : function () {return value.singer}},'staticClass' : [\"content\"]} )] )] )})] ) }", 54 "styleSheet": { 55 "classSelectors": { 56 "content": { 57 "fontSize": 30, 58 "height": 50, 59 "textAlign": "center", 60 "width": 454 61 }, 62 "music-list-item": { 63 "height": 300, 64 "width": 454 65 }, 66 "wrapper": { 67 "flexDirection": "column", 68 "height": 3000, 69 "width": 454 70 } 71 } 72 } 73}