index.ts 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181
  1. import { Slide } from '@/types/slides'
  2. export const slides: Slide[] = [
  3. {
  4. id: 'xsxa123',
  5. elements: [
  6. {
  7. id: 'sdasaxs',
  8. type: 'chart',
  9. left: 680,
  10. top: 20,
  11. width: 300,
  12. height: 300,
  13. chartType: 'line',
  14. data: {
  15. labels: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri'],
  16. series: [
  17. [5, 2, 4, 2, 10],
  18. ],
  19. },
  20. },
  21. {
  22. id: '1213asa',
  23. type: 'table',
  24. left: 20,
  25. top: 20,
  26. width: 400,
  27. height: 108,
  28. colWidths: [0.25, 0.25, 0.25, 0.25],
  29. outline: {
  30. width: 1,
  31. style: 'solid',
  32. color: '#999',
  33. },
  34. data: [
  35. [
  36. { id: '1', colspan: 1, rowspan: 1, text: '1' },
  37. { id: '2', colspan: 1, rowspan: 1, text: '2' },
  38. { id: '3', colspan: 1, rowspan: 1, text: '3' },
  39. { id: '4', colspan: 1, rowspan: 1, text: '4' },
  40. ],
  41. [
  42. { id: '6', colspan: 1, rowspan: 1, text: '6' },
  43. { id: '7', colspan: 1, rowspan: 1, text: '7' },
  44. { id: '8', colspan: 1, rowspan: 1, text: '8' },
  45. { id: '9', colspan: 1, rowspan: 1, text: '9' },
  46. ],
  47. [
  48. { id: '11', colspan: 1, rowspan: 1, text: '11' },
  49. { id: '12', colspan: 1, rowspan: 1, text: '12' },
  50. { id: '13', colspan: 1, rowspan: 1, text: '13' },
  51. { id: '14', colspan: 1, rowspan: 1, text: '14' },
  52. ],
  53. ],
  54. },
  55. ],
  56. },
  57. {
  58. id: 'xxx1',
  59. background: {
  60. type: 'solid',
  61. color: '#fff',
  62. },
  63. elements: [
  64. {
  65. id: 'xxx1',
  66. type: 'text',
  67. left: 190,
  68. top: 50,
  69. width: 320,
  70. height: 104,
  71. rotate: 0,
  72. shadow: {
  73. h: 1,
  74. v: 1,
  75. blur: 3,
  76. color: 'rgba(10, 10, 10, .5)'
  77. },
  78. opacity: 1,
  79. lock: false,
  80. content: '<p style=\'text-align: center;\'><span style=\'font-size: 28px;\'><span style=\'color: rgb(232, 107, 153); font-weight: bold;\'>一段测试文字</span>,字号固定为<span style=\'font-weight: bold; font-style: italic; text-decoration-line: underline;\'>28px</span></span></p>',
  81. },
  82. {
  83. id: 'xxx3',
  84. type: 'image',
  85. left: 80,
  86. top: 250,
  87. width: 180,
  88. height: 180,
  89. rotate: 0,
  90. outline: {
  91. width: 4,
  92. style: 'solid',
  93. color: '#333'
  94. },
  95. clip: {
  96. range: [[30, 0], [100, 70]],
  97. shape: 'ellipse'
  98. },
  99. fixedRatio: false,
  100. lock: false,
  101. src: 'https://img.lessonplan.cn/IMG/Show/ppt/3ab74e91-c34f-499d-9711-166e423d4dd6/1573622467064v2-7aa3ce420052983d91c6d01b47a7441d_hd.jpg',
  102. },
  103. {
  104. id: 'xxx2',
  105. type: 'image',
  106. left: 750,
  107. top: 320,
  108. width: 150,
  109. height: 150,
  110. rotate: 0,
  111. fixedRatio: true,
  112. lock: false,
  113. src: 'https://img.lessonplan.cn/IMG/Show/ppt/3ab74e91-c34f-499d-9711-166e423d4dd6/62d9adb3-e7a6-4dc4-a352-095cffb49f08/b1be1a2f-f893-47d3-a8a3-eac7d04d395f/1596159381259v2-b2c69096d25ae16bf6ca09e30add3e65_hd.jpg',
  114. },
  115. ],
  116. animations: [
  117. {
  118. elId: 'xxx1',
  119. type: 'rotateIn',
  120. duration: 1000,
  121. },
  122. {
  123. elId: 'xxx2',
  124. type: 'zoomIn',
  125. duration: 1000,
  126. },
  127. ],
  128. },
  129. {
  130. id: 'sajd172',
  131. elements: [
  132. {
  133. id: 'yyx1',
  134. type: 'text',
  135. left: 590,
  136. top: 90,
  137. width: 220,
  138. height: 188,
  139. rotate: 0,
  140. opacity: 1,
  141. lock: false,
  142. content: '<div>😀 😐 😶 😜 🔔 ⭐ ⚡ 🔥 👍 💡 🔰 🎀 🎁 🥇 🏅 🏆 🎈 🎉 💎 🚧 ⛔ 📢 ⌛ ⏰ 🕒 🧩 🎵 📎 🔒 🔑 ⛳ 📌 📍 💬 📅 📈 📋 📜 📁 📱 💻 💾 🌏 🚚 🚡 🚢💧 🌐 🧭 💰 💳 🛒</div>',
  143. },
  144. {
  145. id: 'xsfdas',
  146. type: 'line',
  147. width: 2,
  148. left: 100,
  149. top: 400,
  150. end: [0, 0],
  151. start: [300, 120],
  152. style: 'solid',
  153. color: '#888',
  154. points: ['', 'arrow'],
  155. },
  156. {
  157. id: 'xxx7',
  158. type: 'shape',
  159. left: 130,
  160. top: 50,
  161. width: 150,
  162. height: 150,
  163. rotate: 0,
  164. fill: '#eebc29',
  165. opacity: 0.9,
  166. fixedRatio: false,
  167. lock: false,
  168. viewBox: 1024,
  169. path: 'M721.35111111 475.59111111H302.64888889c-5.00622222 0-9.10222222 4.096-9.10222222 9.10222222v54.61333334c0 5.00622222 4.096 9.10222222 9.10222222 9.10222222h418.70222222c5.00622222 0 9.10222222-4.096 9.10222222-9.10222222v-54.61333334c0-5.00622222-4.096-9.10222222-9.10222222-9.10222222z M512 2.27555555C230.51377778 2.27555555 2.27555555 230.51377778 2.27555555 512s228.23822222 509.72444445 509.72444445 509.72444445 509.72444445-228.23822222 509.72444445-509.72444445S793.48622222 2.27555555 512 2.27555555z m0 932.97777778c-233.69955555 0-423.25333333-189.55377778-423.25333333-423.25333333s189.55377778-423.25333333 423.25333333-423.25333333 423.25333333 189.55377778 423.25333333 423.25333333-189.55377778 423.25333333-423.25333333 423.25333333z',
  170. }
  171. ],
  172. animations: [
  173. {
  174. elId: 'yyx1',
  175. type: 'flipInX',
  176. duration: 1000,
  177. },
  178. ],
  179. },
  180. ]