ttk-app-core
Version:
enterprise develop framework
158 lines (157 loc) • 4.89 kB
JavaScript
export function getMeta() {
return {
name: 'root',
component: 'Layout',
className: 'ttk-edf-app-list-search',
children: {
name: 'contaienr',
component: '::div',
className: 'ttk-edf-app-list-search-container',
children: [{
name: 'header',
component: '::div',
className: 'ttk-edf-app-list-search-container-header',
children: [{
name: 'headertitle',
component: '::h3',
children: '应用商店'
}, {
name: 'searchcontainer',
component: '::div',
children: [{
name: 'searchbar',
component: 'Input.Search',
enterButton: "Search",
size: "large",
className: 'ttk-edf-app-list-search-container-header-search',
placeholder: '请输入',
onSearch: '{{function(value){$searchChange(value)}}}',
onChange: '{{function(e){$searchChange(e.target.value)}}}'
}, {
name: 'shopping',
component: '::span',
className: "ttk-edf-app-list-search-container-header-shopping",
children:[{
name:'shoppingico',
component: 'Icon',
type: 'shopping-cart',
title: '下载'
},{
name:'download',
component:'::span',
children:'下载'
}]
}]
}]
}, {
name: 'filter',
component: '::div',
className: 'ttk-edf-app-list-search-container-filter',
children: [{
name: 'filter1',
component: '::div',
className: 'ttk-edf-app-list-search-container-filter-1',
children: [{
name: 'filterlabel',
component: '::div',
className: 'ttk-edf-app-list-search-container-filter-1-label',
children: '所属类目:'
}, {
name: 'filtercontainer',
component: '::div',
className: 'ttk-edf-app-list-search-container-filter-1-container',
children: '{{$renderFilter1(data.filter)}}'
}]
}, {
name: 'filter1',
component: '::div',
className: 'ttk-edf-app-list-search-container-filter-1',
children: [{
name: 'filterlabel',
component: '::div',
className: 'ttk-edf-app-list-search-container-filter-1-label',
children: '所属科目:'
}, {
name: 'filtercontainer',
component: '::div',
className: 'ttk-edf-app-list-search-container-filter-1-container',
children: '{{$renderFilter2(data.filter)}}'
}]
}]
}, {
name: 'content',
component: '::div',
className: 'ttk-edf-app-list-search-container-content',
children: {
name: 'contentcontainer',
component: '::div',
children: '{{$renderContent()}}'
}
}]
}
}
}
export function getInitState() {
return {
data: {
filter: [],
listData: [{
title: 'ttk',
img: '图片1',
content: '那时候我只会想自己想要什么，从不想自己拥有什么',
time: '2 分钟之前',
member: [1, 2, 'a', 'e']
}, {
title: 'React',
content: 'React 是一个用于构建用户界面的 JAVASCRIPT 库。',
time: '30 分钟之前',
member: ['a', 2, 3, 'g']
}, {
title: 'Vue',
content: 'Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。',
time: '1 小时之前',
member: ['c', 3, 'a', '5']
}, {
title: 'Mpvue',
content: 'Mpvue一个基于Vue的微信小程序前端框架。',
time: '2 小时之前',
member: ['d', 4, 3, 'c', '2']
}, {
title: 'Angular',
content: '学会用Angular构建应用，然后把这些代码和能力复用在多种多种不同平台的应用上。',
time: '5 小时之前',
member: ['e', 5, 3, 'a']
}, {
title: 'Bootstrap',
content: '简洁、直观、强悍的前端开发框架，让web开发更迅速、简单。',
time: '6 小时之前',
member: ['f', 6, 3, 'b']
}, {
title: 'Express',
content: '基于 Node.js 平台，快速、开放、极简的 web 开发框架。',
time: '10 小时之前',
member: ['g', 7, 3, 'a']
}, {
title: 'koa',
content: 'koa 是由 Express 原班人马打造的，致力于成为一个更小、更富有表现力、更健壮的 Web 框架。 ',
time: '12 小时之前',
member: ['a', 8, 3, 4]
}, {
title: 'StackOverFlow',
content: 'Stack Overflow是一个与程序相关的IT技术问答网站。',
time: '13 小时之前',
member: ['b', 3, 2, 1]
}, {
title: 'Lodash',
content: 'Lodash是一个一致性、模块化、高性能的 JavaScript 实用工具库。',
time: '21 小时之前',
member: ['c', 2, 3, 6]
}, {
title: 'moment',
content: 'Moment.js 是一个 JavaScript 日期处理类库,用于解析、检验、操作、以及显示日期的库。',
time: '24 小时之前',
member: ['d', 4, 3, 'e']
}]
}
}
}