chore(examples): update examples (#923)

pull/928/head
gzg1023 4 years ago committed by GitHub
parent 4c6a4704a8
commit 7020652d1d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

@ -45,7 +45,7 @@ const hTriangle = (id, degRotation) =>
transform: 'rotate(' + degRotation + ')', transform: 'rotate(' + degRotation + ')',
'stroke-width': 3 'stroke-width': 3
}, },
on: { click: [triangleClick, id] } on: { click: () => { triangleClick(id) } }
}) })
const view = (data) => const view = (data) =>
@ -62,9 +62,9 @@ const view = (data) =>
hTriangle('blue', 300) hTriangle('blue', 300)
]) ])
]), ]),
h('button', { on: { click: [handleRotate, 60] } }, 'Rotate Clockwise'), h('button', { on: { click: () => { handleRotate(60) } } }, 'Rotate Clockwise'),
h('button', { on: { click: [handleRotate, -60] } }, 'Rotate Anticlockwise'), h('button', { on: { click: () => { handleRotate(-60) } } }, 'Rotate Anticlockwise'),
h('button', { on: { click: [handleReset, 0] } }, 'Reset') h('button', { on: { click: () => { handleReset(0) } } }, 'Reset')
]) ])
window.addEventListener('DOMContentLoaded', () => { window.addEventListener('DOMContentLoaded', () => {

@ -58,7 +58,7 @@ const detailView = (movie) =>
h('div.hero.header-title', { hero: { id: movie.title } }, movie.title), h('div.hero.header-title', { hero: { id: movie.title } }, movie.title),
h('div.spacer'), h('div.spacer'),
h('div.close', { h('div.close', {
on: { click: [select, undefined] }, on: { click: () => { select(undefined) } },
style: { style: {
transform: 'scale(0)', transform: 'scale(0)',
delayed: { transform: 'scale(1)' }, delayed: { transform: 'scale(1)' },
@ -113,7 +113,7 @@ const overviewView = (movies) =>
} }
}, movies.map((movie) => }, movies.map((movie) =>
h('div.row', { h('div.row', {
on: { click: [select, movie] }, on: { click: () => { select(movie) } },
}, [ }, [
h('div.hero.rank', [ h('div.hero.rank', [
h('span.hero', { hero: { id: 'rank' + movie.rank } }, movie.rank) h('span.hero', { hero: { id: 'rank' + movie.rank } }, movie.rank)

@ -80,7 +80,7 @@ function movieView (movie) {
h('div', { style: { fontWeight: 'bold' } }, movie.rank), h('div', { style: { fontWeight: 'bold' } }, movie.rank),
h('div', movie.title), h('div', movie.title),
h('div', movie.desc), h('div', movie.desc),
h('div.btn.rm-btn', { on: { click: [remove, movie] } }, 'x'), h('div.btn.rm-btn', { on: { click: () => { remove(movie) } } }, 'x'),
]) ])
} }
@ -103,9 +103,9 @@ function view (data) {
h('a.btn.add', { on: { click: add } }, 'Add'), h('a.btn.add', { on: { click: add } }, 'Add'),
'Sort by: ', 'Sort by: ',
h('span.btn-group', [ h('span.btn-group', [
h('a.btn.rank', { class: { active: sortBy === 'rank' }, on: { click: [changeSort, 'rank'] } }, 'Rank'), h('a.btn.rank', { class: { active: sortBy === 'rank' }, on: { click: () => { changeSort('rank') } } }, 'Rank'),
h('a.btn.title', { class: { active: sortBy === 'title' }, on: { click: [changeSort, 'title'] } }, 'Title'), h('a.btn.title', { class: { active: sortBy === 'title' }, on: { click: () => { changeSort('title') } } }, 'Title'),
h('a.btn.desc', { class: { active: sortBy === 'desc' }, on: { click: [changeSort, 'desc'] } }, 'Description'), h('a.btn.desc', { class: { active: sortBy === 'desc' }, on: { click: () => { changeSort('desc') } } }, 'Description'),
]), ]),
]), ]),
h('div.list', { style: { height: totalHeight + 'px' } }, data.map(movieView)), h('div.list', { style: { height: totalHeight + 'px' } }, data.map(movieView)),

Loading…
Cancel
Save