index.js 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. import list from '../../components/list';
  2. Page({
  3. ...list,
  4. data: {
  5. listData: {
  6. onItemTap: 'handleListItemTap',
  7. header: 'list1',
  8. data: [
  9. {
  10. title: '标题文字',
  11. extra: '基本使用'
  12. },
  13. {
  14. thumb: 'https://zos.alipayobjects.com/rmsportal/NTuILTPhmSpJdydEVwoO.png',
  15. title: '标题图片',
  16. arrow: 'horizontal',
  17. },
  18. {
  19. title: '标题文字',
  20. arrow: 'horizontal',
  21. extra: '带箭头'
  22. },
  23. {
  24. thumb: 'https://zos.alipayobjects.com/rmsportal/NTuILTPhmSpJdydEVwoO.png',
  25. title: '标题文字',
  26. arrow: 'horizontal',
  27. extra: '完整使用'
  28. },
  29. {
  30. title: '标题文字不换行很长很长很长很长很长很长很长很长很长很长',
  31. arrow: 'horizontal',
  32. },
  33. {
  34. title: '标题文字换行很长很长很长很长很长很长很长很长很长很长',
  35. arrow: 'horizontal',
  36. textMode: 'wrap'
  37. },
  38. {
  39. title: '标题文字很长很长很长很长很长很长很长很长很长很长很长很长很长很长',
  40. extra: '没有箭头',
  41. textMode: 'wrap'
  42. },
  43. {
  44. title: '标题文字很长很长很长很长很长很长很长很长很长很长很长很长很长很长',
  45. extra: '子元素垂直对齐',
  46. textMode: 'wrap',
  47. align: 'top'
  48. },
  49. ]
  50. },
  51. },
  52. handleListItemTap(e) {
  53. my.showToast({
  54. content: `第${e.currentTarget.dataset.index}个Item`,
  55. success: (res) => {
  56. },
  57. });
  58. }
  59. })