1

dsl.json

-{"view":{"name":"加载页-合并","nodeType":"Div","uuid":"6d605298-7b6f-44a2-ae12-016d515165fb","children":[{"name":"loading","properties":{"attrs":{},"style":{"width":"750","height":"1624","position":"absolute"},"className":"loading"},"uuid":"b325d068-5750-48c1-8447-29b6f572e955","nodeType":"Div","viewType":"Page","children":[{"name":"loading_bg","properties":{"attrs":{"source":"asset://486d644d-196a-4d71-99fe-bbaf06ecacbf"},"style":{"width":"750","height":"1624","position":"absolute"},"className":"loading_bg"},"uuid":"caa1574c-edd4-4b5c-8332-18002df91464","nodeType":"Image","viewType":"Page","children":[]},{"name":"loading_front","properties":{"attrs":{"source":"asset://042d5356-2585-46db-889d-664a8100598e"},"style":{"width":"679","height":"163","left":"27","top":"693","position":"absolute"},"className":"loading_front"},"uuid":"0fadc807-1e4c-45df-9cb8-db801c1a5426","nodeType":"Image","viewType":"Page","children":[]},{"name":"loading_progress","properties":{"attrs":{"source":"asset://97cb2a19-7bb9-4b41-ad0d-2b0f757b97ad"},"style":{"width":"557","height":"37","left":"88","top":"755","position":"absolute"},"className":"loading_progress"},"uuid":"19f75998-1403-415a-a816-090af61cfc2e","nodeType":"Image","viewType":"Page","children":[]},{"name":"loading_icon","properties":{"attrs":{"source":"asset://c2df1a83-e9ea-4627-b376-1ac7f3e87b5c"},"style":{"width":"101","height":"133","left":"336","top":"623","position":"absolute"},"className":"loading_icon"},"uuid":"fe96070d-8add-43d9-8575-a519d4981222","nodeType":"Image","viewType":"Page","children":[]}]},{"name":"select","properties":{"attrs":{},"style":{"width":"656","height":"1140","left":"47","top":"228","position":"absolute"},"className":"select"},"uuid":"298ea3b7-efbb-42ac-adea-ee68aa1db627","nodeType":"Div","viewType":"Component","children":[{"name":"select_role1","properties":{"attrs":{"source":"asset://8872d3a6-1d19-4a83-a07d-ae084b8a1392"},"style":{"width":"535","height":"614","left":"68","top":"229","position":"absolute"},"className":"select_role1"},"uuid":"76f06526-a55d-4f2a-b817-d450126bdf54","nodeType":"Image","viewType":"Component","children":[]},{"name":"select_role2","properties":{"attrs":{"source":"asset://61eeafb1-d01e-4f8c-b7a8-5ee9432efb9b"},"style":{"width":"535","height":"614","left":"68","top":"229","position":"absolute"},"className":"select_role2"},"uuid":"cb643df1-dd96-4249-ac24-04136f106467","nodeType":"Image","viewType":"Component","children":[]},{"name":"select_role3","properties":{"attrs":{"source":"asset://9da0a542-17dc-4c4c-bcc3-2ee8fba66ffa"},"style":{"width":"535","height":"614","left":"68","top":"229","position":"absolute"},"className":"select_role3"},"uuid":"f26ff0c9-78dc-47b8-970b-dfe5a6938464","nodeType":"Image","viewType":"Component","children":[]},{"name":"select_bg","properties":{"attrs":{"source":"asset://710e2c56-2ed1-4b25-a5c7-787edde76ded"},"style":{"width":"502","height":"998","left":"77","position":"absolute"},"className":"select_bg"},"uuid":"b7fef7c6-cc6d-4147-baa2-1b836b23f5cf","nodeType":"Image","viewType":"Component","children":[]},{"name":"select_btn","properties":{"attrs":{"source":"asset://2f3d6f0d-0695-4acf-ae87-4e6743772531"},"style":{"width":"446","height":"99","left":"105","top":"1041","position":"absolute"},"className":"select_btn"},"uuid":"553dac18-d798-4eeb-a64e-dd850711d44e","nodeType":"Image","viewType":"Component","children":[]},{"name":"select_btndisabled","properties":{"attrs":{"source":"asset://fa7ec292-bf36-4ca1-bf04-2e2360176044"},"style":{"width":"446","height":"99","left":"105","top":"1041","position":"absolute"},"className":"select_btndisabled"},"uuid":"b5ffc84d-26e8-4c5a-aa13-b450672682e2","nodeType":"Image","viewType":"Component","children":[]},{"name":"select_right","properties":{"attrs":{"source":"asset://5b40f5cf-2a46-4a68-9a79-40c8179ce379"},"style":{"width":"42","height":"97","left":"614","top":"491","position":"absolute"},"className":"select_right"},"uuid":"c98966a6-06b5-4262-98b9-aca82095b372","nodeType":"Image","viewType":"Component","children":[]},{"name":"select_left","properties":{"attrs":{"source":"asset://a4412ebd-65be-4908-8894-b0aea8cbd4cf"},"style":{"width":"42","height":"97","top":"491","position":"absolute"},"className":"select_left"},"uuid":"01088a9b-53d1-43f3-b09d-3eabfe156c0f","nodeType":"Image","viewType":"Component","children":[]}]},{"name":"main","properties":{"attrs":{},"style":{"width":"752","height":"1666","position":"absolute"},"className":"main"},"uuid":"7d70e354-c6e9-47c8-a482-4101c0a75401","nodeType":"Div","viewType":"Page","children":[{"name":"main_bg","properties":{"attrs":{"source":"asset://2e7a6b79-7bb1-4997-861d-e079aa4ad1a8"},"style":{"width":"750","height":"1624","position":"absolute"},"className":"main_bg"},"uuid":"122bc8da-cec5-4044-93ea-d998cc08bac3","nodeType":"Image","viewType":"Page","children":[]},{"name":"main_guide1","properties":{"attrs":{},"style":{"width":"752","height":"1666","position":"absolute"},"className":"main_guide1"},"uuid":"f6b7ef96-d25e-4889-9489-9db8418203d5","nodeType":"Div","viewType":"Page","children":[{"name":"main_guide1_bg2","properties":{"attrs":{"source":"asset://757ae62a-5b3f-46be-981d-52450f1982ed"},"style":{"width":"752","height":"1666","position":"absolute"},"className":"main_guide1_bg2"},"uuid":"0cee1480-587c-4b8b-8e39-5921f24b8e18","nodeType":"Image","viewType":"Page","children":[]},{"name":"main_guide1_pop","properties":{"attrs":{},"style":{"width":"633","height":"416","left":"44","top":"461","position":"absolute"},"className":"main_guide1_pop"},"uuid":"f303b985-9d70-4b2c-958d-9e0ac7c0c850","nodeType":"Div","viewType":"Page","children":[{"name":"main_guide1_bg1","properties":{"attrs":{"source":"asset://fa7ff91c-079e-4da1-b556-0e2a1b1aa0b6"},"style":{"width":"633","height":"416","position":"absolute"},"className":"main_guide1_bg1"},"uuid":"a215905f-bfcb-4169-91f6-39f1e00b07e7","nodeType":"Image","viewType":"Page","children":[]},{"name":"main_guide1_txt","properties":{"attrs":{"text":"\n              亲爱的朋友，欢迎来到e趣小镇，我是您的小镇管家小e！ 首先赠送你10000欢趣豆 下面跟着我一起了解e趣小镇吧！\n            "},"style":{"width":"417","height":"173","left":"117","top":"90","position":"absolute","fontSize":"30","color":"#434343"},"className":"main_guide1_txt"},"uuid":"05a474b7-cf01-4512-9a36-10892d426003","nodeType":"Label","viewType":"Page","children":[]}]}]},{"name":"main_guide2","properties":{"attrs":{"source":"asset://72d109c4-9799-4900-8758-99b507366007"},"style":{"width":"750","height":"1624","position":"absolute"},"className":"main_guide2"},"uuid":"9d824876-91f3-4c75-9ef3-cb92284f79a7","nodeType":"Image","viewType":"Page","children":[]},{"name":"main_guide3","properties":{"attrs":{"source":"asset://213be104-04d9-41c7-bfdb-2b457c162d84"},"style":{"width":"750","height":"1624","position":"absolute"},"className":"main_guide3"},"uuid":"d0f0eccb-269e-46eb-b0e3-b87d90eb0d7c","nodeType":"Image","viewType":"Page","children":[]},{"name":"main_guide4","properties":{"attrs":{"source":"asset://632edd4c-7875-4ec2-8592-16584b2247eb"},"style":{"width":"750","height":"1624","position":"absolute"},"className":"main_guide4"},"uuid":"09e35495-0b40-479b-b618-936953cd4cdc","nodeType":"Image","viewType":"Page","children":[]},{"name":"main_guide5","properties":{"attrs":{"source":"asset://aa6fa348-12df-4a78-90b9-8204c0d1faf7"},"style":{"width":"750","height":"1624","position":"absolute"},"className":"main_guide5"},"uuid":"764d1a9a-7d72-47dd-ab92-3cba1d381e6e","nodeType":"Image","viewType":"Page","children":[]},{"name":"main_guide6","properties":{"attrs":{"source":"asset://7e94a414-4046-4479-a11b-f9c5356ec4e3"},"style":{"width":"750","height":"1624","position":"absolute"},"className":"main_guide6"},"uuid":"45839b03-22eb-4290-8f6a-c1911b3d74fb","nodeType":"Image","viewType":"Page","children":[]},{"name":"main_guide7","properties":{"attrs":{"source":"asset://ea2becb6-0e9d-48a6-9a8e-a00ffaf316e5"},"style":{"width":"750","height":"1624","position":"absolute"},"className":"main_guide7"},"uuid":"1efa84e0-f5e6-4bdf-aab8-5f7488502391","nodeType":"Image","viewType":"Page","children":[]},{"name":"main_guide8","properties":{"attrs":{"source":"asset://9955baa7-3554-4e96-b487-86a9bd3481b2"},"style":{"width":"750","height":"1624","position":"absolute"},"className":"main_guide8"},"uuid":"cabf6418-85dd-429e-a018-99d0ebfe724c","nodeType":"Image","viewType":"Page","children":[]},{"name":"main_guide9","properties":{"attrs":{"source":"asset://0a28b718-6599-45d6-b3d4-98c65c67a2e9"},"style":{"width":"750","height":"1624","position":"absolute"},"className":"main_guide9"},"uuid":"257ed10a-e663-4eae-a9b9-76cdaa5a330f","nodeType":"Image","viewType":"Page","children":[]},{"name":"main_skip","properties":{"attrs":{"source":"asset://889d6f1e-3707-42b5-a7f2-891643888ce7"},"style":{"width":"107","height":"35","left":"321","top":"1394","position":"absolute"},"className":"main_skip"},"uuid":"40faf764-6304-462f-b91b-53c5aaf04321","nodeType":"Image","viewType":"Page","children":[]}]}]},"assets":[{"name":"loading_bg","ext":".png","uuid":"486d644d-196a-4d71-99fe-bbaf06ecacbf","url":"https://yun.duiba.com.cn/spark/assets/4a232be651feab99b4fba76a9a8359a19eb46219.png"},{"name":"loading_front","ext":".png","uuid":"042d5356-2585-46db-889d-664a8100598e","url":"https://yun.duiba.com.cn/spark/assets/da77308a053bd24455373152d12640cdd56215c8.png"},{"name":"loading_progress","ext":".png","uuid":"97cb2a19-7bb9-4b41-ad0d-2b0f757b97ad","url":"https://yun.duiba.com.cn/spark/assets/be3668797d9e5bbce50bc3c2a905dbe7d65dc8f0.png"},{"name":"loading_icon","ext":".png","uuid":"c2df1a83-e9ea-4627-b376-1ac7f3e87b5c","url":"https://yun.duiba.com.cn/spark/assets/3e280b88318ca603cfd973f81b2238628e543931.png"},{"name":"select_role1","ext":".png","uuid":"8872d3a6-1d19-4a83-a07d-ae084b8a1392","url":"https://yun.duiba.com.cn/spark/assets/a472b8e4620d270846a408f395c3e1730ab1702b.png"},{"name":"select_role2","ext":".png","uuid":"61eeafb1-d01e-4f8c-b7a8-5ee9432efb9b","url":"https://yun.duiba.com.cn/spark/assets/4e7e7d6d84a2b0697386d9d6ebaaa254bafbfce6.png"},{"name":"select_role3","ext":".png","uuid":"9da0a542-17dc-4c4c-bcc3-2ee8fba66ffa","url":"https://yun.duiba.com.cn/spark/assets/19c3952050d8203f91b483682ab749593888f23a.png"},{"name":"select_bg","ext":".png","uuid":"710e2c56-2ed1-4b25-a5c7-787edde76ded","url":"https://yun.duiba.com.cn/spark/assets/8dae232af6bfbd024c22c0a87ccedbe0bc074dbf.png"},{"name":"select_btn","ext":".png","uuid":"2f3d6f0d-0695-4acf-ae87-4e6743772531","url":"https://yun.duiba.com.cn/spark/assets/f1497e894283a475a51ba7091153098473de0c18.png"},{"name":"select_btnDisabled","ext":".png","uuid":"fa7ec292-bf36-4ca1-bf04-2e2360176044","url":"https://yun.duiba.com.cn/spark/assets/14dcb4053590c85443fe791b45962d8bbec976aa.png"},{"name":"select_right","ext":".png","uuid":"5b40f5cf-2a46-4a68-9a79-40c8179ce379","url":"https://yun.duiba.com.cn/spark/assets/f8db480155fc2b5f83131906e3b2e9652f3f86cf.png"},{"name":"select_left","ext":".png","uuid":"a4412ebd-65be-4908-8894-b0aea8cbd4cf","url":"https://yun.duiba.com.cn/spark/assets/968a38a8592e2235d32cbaff6d2771131cc128b6.png"},{"ext":".jpg","url":"https://yun.duiba.com.cn/spark/assets/cda7473e061e594e0056d2a32d8b33eb4cdd4d07.jpg","uuid":"2e7a6b79-7bb1-4997-861d-e079aa4ad1a8","name":"main_bg"},{"name":"main_guide1_bg2","ext":".png","uuid":"757ae62a-5b3f-46be-981d-52450f1982ed","url":"https://yun.duiba.com.cn/spark/assets/e2a684ec52090c679fc0036c4a0f652627319acb.png"},{"name":"main_guide1_bg1","ext":".png","uuid":"fa7ff91c-079e-4da1-b556-0e2a1b1aa0b6","url":"https://yun.duiba.com.cn/spark/assets/7c5df4363359c155b916f9b6a3307eca43444623.png"},{"name":"main_guide2","ext":".png","uuid":"72d109c4-9799-4900-8758-99b507366007","url":"https://yun.duiba.com.cn/spark/assets/e6db61fa3f4c604261ddba2f5cafc1419c67384b.png"},{"name":"main_guide3","ext":".png","uuid":"213be104-04d9-41c7-bfdb-2b457c162d84","url":"https://yun.duiba.com.cn/spark/assets/55c4497b2f5233b0987bb6599fe4078d691116fb.png"},{"name":"main_guide4","ext":".png","uuid":"632edd4c-7875-4ec2-8592-16584b2247eb","url":"https://yun.duiba.com.cn/spark/assets/123e23b93a29d12a4c559bcd483ac2f795acdadd.png"},{"name":"main_guide5","ext":".png","uuid":"aa6fa348-12df-4a78-90b9-8204c0d1faf7","url":"https://yun.duiba.com.cn/spark/assets/b2fab192ce7b68368f5c48948d22b61855ce2d49.png"},{"name":"main_guide6","ext":".png","uuid":"7e94a414-4046-4479-a11b-f9c5356ec4e3","url":"https://yun.duiba.com.cn/spark/assets/4e5a87639122a6b63193300b892cb0e5cfedd505.png"},{"name":"main_guide7","ext":".png","uuid":"ea2becb6-0e9d-48a6-9a8e-a00ffaf316e5","url":"https://yun.duiba.com.cn/spark/assets/b0442dcdbf56c9e969d1143a358a3ba5684230ad.png"},{"name":"main_guide8","ext":".png","uuid":"9955baa7-3554-4e96-b487-86a9bd3481b2","url":"https://yun.duiba.com.cn/spark/assets/0ce1a06259f441d03b89542082424efc48317127.png"},{"name":"main_guide9","ext":".png","uuid":"0a28b718-6599-45d6-b3d4-98c65c67a2e9","url":"https://yun.duiba.com.cn/spark/assets/201d659e069cfcd91b94d0d471a669c5bc69d240.png"},{"name":"main_skip","ext":".png","uuid":"889d6f1e-3707-42b5-a7f2-891643888ce7","url":"https://yun.duiba.com.cn/spark/assets/59baa937ed198c85f628e514881fea915ec5a34b.png"}],"animations":[],"dependencies":{},"customModules":{},"type":"save dsljson"}
+{"view":{"name":"加载页-合并","nodeType":"Div","uuid":"6d605298-7b6f-44a2-ae12-016d515165fb","children":[{"name":"loading","properties":{"attrs":{},"style":{"width":"750","height":"1624","position":"absolute"},"className":"loading"},"uuid":"b325d068-5750-48c1-8447-29b6f572e955","nodeType":"Div","viewType":"Page","children":[{"name":"loading_bg","properties":{"attrs":{"source":"asset://486d644d-196a-4d71-99fe-bbaf06ecacbf"},"style":{"width":"750","height":"1624","position":"absolute"},"className":"loading_bg"},"uuid":"caa1574c-edd4-4b5c-8332-18002df91464","nodeType":"Image","viewType":"Page","children":[]},{"name":"loading_front","properties":{"attrs":{"source":"asset://042d5356-2585-46db-889d-664a8100598e"},"style":{"width":"679","height":"163","left":"27","top":"693","position":"absolute"},"className":"loading_front"},"uuid":"0fadc807-1e4c-45df-9cb8-db801c1a5426","nodeType":"Image","viewType":"Page","children":[]},{"name":"loading_progress","properties":{"attrs":{"source":"asset://97cb2a19-7bb9-4b41-ad0d-2b0f757b97ad"},"style":{"width":"557","height":"37","left":"88","top":"755","position":"absolute"},"className":"loading_progress"},"uuid":"19f75998-1403-415a-a816-090af61cfc2e","nodeType":"Image","viewType":"Page","children":[]},{"name":"loading_icon","properties":{"attrs":{"source":"asset://c2df1a83-e9ea-4627-b376-1ac7f3e87b5c"},"style":{"width":"101","height":"133","left":"336","top":"623","position":"absolute"},"className":"loading_icon"},"uuid":"fe96070d-8add-43d9-8575-a519d4981222","nodeType":"Image","viewType":"Page","children":[]}]},{"name":"select","properties":{"attrs":{},"style":{"width":"656","height":"1140","left":"47","top":"228","position":"absolute"},"className":"select"},"uuid":"298ea3b7-efbb-42ac-adea-ee68aa1db627","nodeType":"Div","viewType":"Component","children":[{"name":"select_role1","properties":{"attrs":{"source":"asset://8872d3a6-1d19-4a83-a07d-ae084b8a1392"},"style":{"width":"535","height":"614","left":"68","top":"229","position":"absolute"},"className":"select_role1"},"uuid":"76f06526-a55d-4f2a-b817-d450126bdf54","nodeType":"Image","viewType":"Component","children":[]},{"name":"select_role2","properties":{"attrs":{"source":"asset://61eeafb1-d01e-4f8c-b7a8-5ee9432efb9b"},"style":{"width":"535","height":"614","left":"68","top":"229","position":"absolute"},"className":"select_role2"},"uuid":"cb643df1-dd96-4249-ac24-04136f106467","nodeType":"Image","viewType":"Component","children":[]},{"name":"select_role3","properties":{"attrs":{"source":"asset://9da0a542-17dc-4c4c-bcc3-2ee8fba66ffa"},"style":{"width":"535","height":"614","left":"68","top":"229","position":"absolute"},"className":"select_role3"},"uuid":"f26ff0c9-78dc-47b8-970b-dfe5a6938464","nodeType":"Image","viewType":"Component","children":[]},{"name":"select_bg","properties":{"attrs":{"source":"asset://710e2c56-2ed1-4b25-a5c7-787edde76ded"},"style":{"width":"502","height":"998","left":"77","position":"absolute"},"className":"select_bg"},"uuid":"b7fef7c6-cc6d-4147-baa2-1b836b23f5cf","nodeType":"Image","viewType":"Component","children":[]},{"name":"select_btn","properties":{"attrs":{"source":"asset://2f3d6f0d-0695-4acf-ae87-4e6743772531"},"style":{"width":"446","height":"99","left":"105","top":"1041","position":"absolute"},"className":"select_btn"},"uuid":"553dac18-d798-4eeb-a64e-dd850711d44e","nodeType":"Image","viewType":"Component","children":[]},{"name":"select_btndisabled","properties":{"attrs":{"source":"asset://fa7ec292-bf36-4ca1-bf04-2e2360176044"},"style":{"width":"446","height":"99","left":"105","top":"1041","position":"absolute"},"className":"select_btndisabled"},"uuid":"b5ffc84d-26e8-4c5a-aa13-b450672682e2","nodeType":"Image","viewType":"Component","children":[]},{"name":"select_right","properties":{"attrs":{"source":"asset://5b40f5cf-2a46-4a68-9a79-40c8179ce379"},"style":{"width":"42","height":"97","left":"614","top":"491","position":"absolute"},"className":"select_right"},"uuid":"c98966a6-06b5-4262-98b9-aca82095b372","nodeType":"Image","viewType":"Component","children":[]},{"name":"select_left","properties":{"attrs":{"source":"asset://a4412ebd-65be-4908-8894-b0aea8cbd4cf"},"style":{"width":"42","height":"97","top":"491","position":"absolute"},"className":"select_left"},"uuid":"01088a9b-53d1-43f3-b09d-3eabfe156c0f","nodeType":"Image","viewType":"Component","children":[]}]},{"name":"main","properties":{"attrs":{},"style":{"width":"752","height":"1666","position":"absolute"},"className":"main"},"uuid":"7d70e354-c6e9-47c8-a482-4101c0a75401","nodeType":"Div","viewType":"Page","children":[{"name":"svga-placeholder","properties":{"attrs":{},"style":{},"className":"svga-placeholder"},"uuid":"c718b8c3-43da-43d0-8422-91459c8f29a9","nodeType":"Div","viewType":"Page","children":[]},{"name":"main_bg","properties":{"attrs":{"source":"asset://2e7a6b79-7bb1-4997-861d-e079aa4ad1a8"},"style":{"width":"750","height":"1624","position":"absolute"},"className":"main_bg"},"uuid":"122bc8da-cec5-4044-93ea-d998cc08bac3","nodeType":"Image","viewType":"Page","children":[]},{"name":"main_guide1","properties":{"attrs":{},"style":{"width":"752","height":"1666","position":"absolute"},"className":"main_guide1"},"uuid":"f6b7ef96-d25e-4889-9489-9db8418203d5","nodeType":"Div","viewType":"Page","children":[{"name":"main_guide1_bg2","properties":{"attrs":{"source":"asset://757ae62a-5b3f-46be-981d-52450f1982ed"},"style":{"width":"752","height":"1666","position":"absolute"},"className":"main_guide1_bg2"},"uuid":"0cee1480-587c-4b8b-8e39-5921f24b8e18","nodeType":"Image","viewType":"Page","children":[]},{"name":"main_guide1_pop","properties":{"attrs":{},"style":{"width":"633","height":"416","left":"44","top":"461","position":"absolute"},"className":"main_guide1_pop"},"uuid":"f303b985-9d70-4b2c-958d-9e0ac7c0c850","nodeType":"Div","viewType":"Page","children":[{"name":"main_guide1_bg1","properties":{"attrs":{"source":"asset://fa7ff91c-079e-4da1-b556-0e2a1b1aa0b6"},"style":{"width":"633","height":"416","position":"absolute"},"className":"main_guide1_bg1"},"uuid":"a215905f-bfcb-4169-91f6-39f1e00b07e7","nodeType":"Image","viewType":"Page","children":[]},{"name":"main_guide1_txt","properties":{"attrs":{"text":"\n              亲爱的朋友，欢迎来到e趣小镇，我是您的小镇管家小e！ 首先赠送你10000欢趣豆 下面跟着我一起了解e趣小镇吧！\n            "},"style":{"width":"417","height":"173","left":"117","top":"90","position":"absolute","fontSize":"30","color":"#434343"},"className":"main_guide1_txt"},"uuid":"05a474b7-cf01-4512-9a36-10892d426003","nodeType":"Label","viewType":"Page","children":[]}]}]},{"name":"main_guide2","properties":{"attrs":{"source":"asset://72d109c4-9799-4900-8758-99b507366007"},"style":{"width":"750","height":"1624","position":"absolute"},"className":"main_guide2"},"uuid":"9d824876-91f3-4c75-9ef3-cb92284f79a7","nodeType":"Image","viewType":"Page","children":[]},{"name":"main_guide3","properties":{"attrs":{"source":"asset://213be104-04d9-41c7-bfdb-2b457c162d84"},"style":{"width":"750","height":"1624","position":"absolute"},"className":"main_guide3"},"uuid":"d0f0eccb-269e-46eb-b0e3-b87d90eb0d7c","nodeType":"Image","viewType":"Page","children":[]},{"name":"main_guide4","properties":{"attrs":{"source":"asset://632edd4c-7875-4ec2-8592-16584b2247eb"},"style":{"width":"750","height":"1624","position":"absolute"},"className":"main_guide4"},"uuid":"09e35495-0b40-479b-b618-936953cd4cdc","nodeType":"Image","viewType":"Page","children":[]},{"name":"main_guide5","properties":{"attrs":{"source":"asset://aa6fa348-12df-4a78-90b9-8204c0d1faf7"},"style":{"width":"750","height":"1624","position":"absolute"},"className":"main_guide5"},"uuid":"764d1a9a-7d72-47dd-ab92-3cba1d381e6e","nodeType":"Image","viewType":"Page","children":[]},{"name":"main_guide6","properties":{"attrs":{"source":"asset://7e94a414-4046-4479-a11b-f9c5356ec4e3"},"style":{"width":"750","height":"1624","position":"absolute"},"className":"main_guide6"},"uuid":"45839b03-22eb-4290-8f6a-c1911b3d74fb","nodeType":"Image","viewType":"Page","children":[]},{"name":"main_guide7","properties":{"attrs":{"source":"asset://ea2becb6-0e9d-48a6-9a8e-a00ffaf316e5"},"style":{"width":"750","height":"1624","position":"absolute"},"className":"main_guide7"},"uuid":"1efa84e0-f5e6-4bdf-aab8-5f7488502391","nodeType":"Image","viewType":"Page","children":[]},{"name":"main_guide8","properties":{"attrs":{"source":"asset://9955baa7-3554-4e96-b487-86a9bd3481b2"},"style":{"width":"750","height":"1624","position":"absolute"},"className":"main_guide8"},"uuid":"cabf6418-85dd-429e-a018-99d0ebfe724c","nodeType":"Image","viewType":"Page","children":[]},{"name":"main_guide9","properties":{"attrs":{"source":"asset://0a28b718-6599-45d6-b3d4-98c65c67a2e9"},"style":{"width":"750","height":"1624","position":"absolute"},"className":"main_guide9"},"uuid":"257ed10a-e663-4eae-a9b9-76cdaa5a330f","nodeType":"Image","viewType":"Page","children":[]},{"name":"main_skip","properties":{"attrs":{"source":"asset://889d6f1e-3707-42b5-a7f2-891643888ce7"},"style":{"width":"107","height":"35","left":"321","top":"1394","position":"absolute"},"className":"main_skip"},"uuid":"40faf764-6304-462f-b91b-53c5aaf04321","nodeType":"Image","viewType":"Page","children":[]}]}]},"assets":[{"name":"loading_bg","ext":".png","uuid":"486d644d-196a-4d71-99fe-bbaf06ecacbf","url":"https://yun.duiba.com.cn/spark/assets/4a232be651feab99b4fba76a9a8359a19eb46219.png"},{"name":"loading_front","ext":".png","uuid":"042d5356-2585-46db-889d-664a8100598e","url":"https://yun.duiba.com.cn/spark/assets/da77308a053bd24455373152d12640cdd56215c8.png"},{"name":"loading_progress","ext":".png","uuid":"97cb2a19-7bb9-4b41-ad0d-2b0f757b97ad","url":"https://yun.duiba.com.cn/spark/assets/be3668797d9e5bbce50bc3c2a905dbe7d65dc8f0.png"},{"name":"loading_icon","ext":".png","uuid":"c2df1a83-e9ea-4627-b376-1ac7f3e87b5c","url":"https://yun.duiba.com.cn/spark/assets/3e280b88318ca603cfd973f81b2238628e543931.png"},{"name":"select_role1","ext":".png","uuid":"8872d3a6-1d19-4a83-a07d-ae084b8a1392","url":"https://yun.duiba.com.cn/spark/assets/a472b8e4620d270846a408f395c3e1730ab1702b.png"},{"name":"select_role2","ext":".png","uuid":"61eeafb1-d01e-4f8c-b7a8-5ee9432efb9b","url":"https://yun.duiba.com.cn/spark/assets/4e7e7d6d84a2b0697386d9d6ebaaa254bafbfce6.png"},{"name":"select_role3","ext":".png","uuid":"9da0a542-17dc-4c4c-bcc3-2ee8fba66ffa","url":"https://yun.duiba.com.cn/spark/assets/19c3952050d8203f91b483682ab749593888f23a.png"},{"name":"select_bg","ext":".png","uuid":"710e2c56-2ed1-4b25-a5c7-787edde76ded","url":"https://yun.duiba.com.cn/spark/assets/8dae232af6bfbd024c22c0a87ccedbe0bc074dbf.png"},{"name":"select_btn","ext":".png","uuid":"2f3d6f0d-0695-4acf-ae87-4e6743772531","url":"https://yun.duiba.com.cn/spark/assets/f1497e894283a475a51ba7091153098473de0c18.png"},{"name":"select_btnDisabled","ext":".png","uuid":"fa7ec292-bf36-4ca1-bf04-2e2360176044","url":"https://yun.duiba.com.cn/spark/assets/14dcb4053590c85443fe791b45962d8bbec976aa.png"},{"name":"select_right","ext":".png","uuid":"5b40f5cf-2a46-4a68-9a79-40c8179ce379","url":"https://yun.duiba.com.cn/spark/assets/f8db480155fc2b5f83131906e3b2e9652f3f86cf.png"},{"name":"select_left","ext":".png","uuid":"a4412ebd-65be-4908-8894-b0aea8cbd4cf","url":"https://yun.duiba.com.cn/spark/assets/968a38a8592e2235d32cbaff6d2771131cc128b6.png"},{"ext":".jpg","url":"https://yun.duiba.com.cn/spark/assets/cda7473e061e594e0056d2a32d8b33eb4cdd4d07.jpg","uuid":"2e7a6b79-7bb1-4997-861d-e079aa4ad1a8","name":"main_bg"},{"name":"main_guide1_bg2","ext":".png","uuid":"757ae62a-5b3f-46be-981d-52450f1982ed","url":"https://yun.duiba.com.cn/spark/assets/e2a684ec52090c679fc0036c4a0f652627319acb.png"},{"name":"main_guide1_bg1","ext":".png","uuid":"fa7ff91c-079e-4da1-b556-0e2a1b1aa0b6","url":"https://yun.duiba.com.cn/spark/assets/7c5df4363359c155b916f9b6a3307eca43444623.png"},{"name":"main_guide2","ext":".png","uuid":"72d109c4-9799-4900-8758-99b507366007","url":"https://yun.duiba.com.cn/spark/assets/e6db61fa3f4c604261ddba2f5cafc1419c67384b.png"},{"name":"main_guide3","ext":".png","uuid":"213be104-04d9-41c7-bfdb-2b457c162d84","url":"https://yun.duiba.com.cn/spark/assets/55c4497b2f5233b0987bb6599fe4078d691116fb.png"},{"name":"main_guide4","ext":".png","uuid":"632edd4c-7875-4ec2-8592-16584b2247eb","url":"https://yun.duiba.com.cn/spark/assets/123e23b93a29d12a4c559bcd483ac2f795acdadd.png"},{"name":"main_guide5","ext":".png","uuid":"aa6fa348-12df-4a78-90b9-8204c0d1faf7","url":"https://yun.duiba.com.cn/spark/assets/b2fab192ce7b68368f5c48948d22b61855ce2d49.png"},{"name":"main_guide6","ext":".png","uuid":"7e94a414-4046-4479-a11b-f9c5356ec4e3","url":"https://yun.duiba.com.cn/spark/assets/4e5a87639122a6b63193300b892cb0e5cfedd505.png"},{"name":"main_guide7","ext":".png","uuid":"ea2becb6-0e9d-48a6-9a8e-a00ffaf316e5","url":"https://yun.duiba.com.cn/spark/assets/b0442dcdbf56c9e969d1143a358a3ba5684230ad.png"},{"name":"main_guide8","ext":".png","uuid":"9955baa7-3554-4e96-b487-86a9bd3481b2","url":"https://yun.duiba.com.cn/spark/assets/0ce1a06259f441d03b89542082424efc48317127.png"},{"name":"main_guide9","ext":".png","uuid":"0a28b718-6599-45d6-b3d4-98c65c67a2e9","url":"https://yun.duiba.com.cn/spark/assets/201d659e069cfcd91b94d0d471a669c5bc69d240.png"},{"name":"main_skip","ext":".png","uuid":"889d6f1e-3707-42b5-a7f2-891643888ce7","url":"https://yun.duiba.com.cn/spark/assets/59baa937ed198c85f628e514881fea915ec5a34b.png"}],"animations":[],"dependencies":{},"customModules":{},"type":"save dsljson"}

project/package-lock.json

@@ -763,6 +763,11 @@
         "has-flag": "^3.0.0"
       }
     },
+    "svgaplayerweb": {
+      "version": "2.3.1",
+      "resolved": "http://npm.dui88.com:80/svgaplayerweb/-/svgaplayerweb-2.3.1.tgz",
+      "integrity": "sha1-Au3BavFiCvn1dKU254E/wlE55Hs="
+    },
     "symbol-observable": {
       "version": "1.2.0",
       "resolved": "http://npm.dui88.com:80/symbol-observable/-/symbol-observable-1.2.0.tgz",

project/package.json

@@ -8,8 +8,11 @@
     "tb": "spark build --type taobao"
   },
   "dependencies": {
+    "@spark/api-base": "^1.0.11",
+    "@spark/projectx": "^1.0.3",
     "axios": "^0.19.2",
     "css-loader": "^3.6.0",
+    "duiba-utils": "^1.0.2",
     "fyge-tbmini": "^1.3.1",
     "postcss-loader": "^3.0.0",
     "prettier": "^2.0.5",
@@ -19,11 +22,9 @@
     "react-redux": "^5.0.7",
     "redux": "^4.0.0",
     "redux-thunk": "^2.3.0",
-    "style-loader": "^1.2.1",
     "spark-utils": "^0.0.12",
-    "duiba-utils": "^1.0.2",
-    "@spark/api-base": "^1.0.11",
-    "@spark/projectx": "^1.0.3"
+    "style-loader": "^1.2.1",
+    "svgaplayerweb": "^2.3.1"
   },
   "devDependencies": {
     "mockjs": "^1.1.0"

project/readme.md

+"teddi-svga": "git+ssh://git@gitlab2.dui88.com:wildfirecode13/teddi-svga.git"
\ No newline at end of file

project/sparkrc.js

@@ -4,6 +4,6 @@ module.exports = {
 	TEMP_DIR: "./.temp",
 	ENTRY: "src/app.jsx",
 	TEMPLATE: "./public/index.html",
-	MOCK_STATUS: true,
+	MOCK_STATUS: false,
 	PX2REM: true
 };

project/src/pages/main/main.jsx

@@ -5,6 +5,7 @@ import resList from '../../resconfig/resList'; //import API from '../../api';
 
 import './main.less';
 import Select from '../../components/select/select.jsx';
+import { getSVGA, loadSVGA } from '../../svga.js';
 
 class Main extends Component {
   constructor(props) {
@@ -18,12 +19,19 @@ class Main extends Component {
     222222;
   };
 
+  componentDidMount() {
+    const url = 'https://yun.duiba.com.cn/aurora/assets/dffd145ab76b633d180db947d813ec0fd4fd602f.svga'; // loadSVGA(url); //
+
+    getSVGA(url, '.svga-placeholder');
+  }
+
   getElement() {}
 
   render() {
     const { guide } = this.state;
     return (
       <div className="main " uuid="7d70e354-c6e9-47c8-a482-4101c0a75401">
+        <div className="svga-placeholder" uuid="c718b8c3-43da-43d0-8422-91459c8f29a9" />
         <img
           className="main_bg "
           uuid="122bc8da-cec5-4044-93ea-d998cc08bac3"

project/src/pages/main/main.less

@@ -2,6 +2,8 @@
   width: 752px;
   height: 1666px;
   position: absolute;
+  .svga-placeholder {
+  }
   .main_bg {
     width: 750px;
     height: 1624px;
@@ -85,6 +87,4 @@
     top: 1394px;
     position: absolute;
   }
-  .hello456 {
-  }
 }

project/src/svga.js

+const  SVGA = require("svgaplayerweb");
+
+var svgaParser = new SVGA.Parser();
+
+/**
+ * 快速加载svga资源，但不装载
+ * @param url 资源URL
+ */
+export const loadSVGA = (url) => {
+    return new Promise((resolve, reject) => {
+        svgaParser.load(url, (videoItem) => {
+            resolve(videoItem)
+        }, (err) => {
+            reject(err)
+        })
+    })
+}
+/**
+ * 快速装载一个svga动画
+ * @param url 资源URL
+ * @param className 挂载元素的class name
+ * @param loops 播放次数。默认为空，循环播放。
+ * @param clearsAfterStop 
+ */
+export const getSVGA = async (url, className, loops, clearsAfterStop) => {
+    const videoItem = await loadSVGA(url);
+    var svga = new SVGA.Player(className);
+    // if (loops)
+    //     svga.loops = loops;
+    // if (clearsAfterStop)
+    //     svga.clearsAfterStop = clearsAfterStop;
+    svga.setVideoItem(videoItem);
+    svga.startAnimation();
+    return svga
+}
\ No newline at end of file