@appthen/cli 1.2.8 → 1.2.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (122) hide show
  1. package/.gitignore +1 -0
  2. package/bin/main.js +45 -0
  3. package/dist/index.js +1277 -909
  4. package/package.json +1 -1
  5. package/tests/test-app/.appthen/shadow-space-100001-test-app-e99876b1.json +1406 -0
  6. package/tests/test-app/.appthen/shadow-space-unknown-user-test-app-e99876b1.json +1060 -0
  7. package/tests/test-app/.appthen/space-config.json +8 -0
  8. package/tests/test-app/docs/AI-Workflow.flow +112 -0
  9. package/tests/test-app/docs/Logic-1.flow +16 -0
  10. package/tests/test-app/docs/Logic.flow +16 -0
  11. package/tests/test-app/docs/Project-Blueprint-1.flow +119 -0
  12. package/tests/test-app/docs/Project-Blueprint.flow +119 -0
  13. package/tests/test-app/docs/README.md +3 -0
  14. package/tests/test-app/docs/claude.md +194 -0
  15. package/tests/test-app/docs/page_requirement_analysis.md +149 -0
  16. package/tests/test-app/docs//345/267/245/345/215/225/347/256/241/347/220/206/347/263/273/347/273/237/350/257/246/347/273/206/350/256/276/350/256/241.md +377 -0
  17. package/tests/test-app/src/apis/AddTodoPost.api.ts +42 -0
  18. package/tests/test-app/src/apis/DeleteTodoPost.api.ts +32 -0
  19. package/tests/test-app/src/apis/GetListPost.api.ts +38 -0
  20. package/tests/test-app/src/apis/TicketAttachmentUploadPost.api.ts +42 -0
  21. package/tests/test-app/src/apis/UpdateTodoPost.api.ts +46 -0
  22. package/tests/test-app/src/app.css +15 -0
  23. package/tests/test-app/src/cloud_functions/ticket|attachment|upload.node.ts +86 -0
  24. package/tests/test-app/src/cloud_functions/ticket|comment|add.node.ts +65 -0
  25. package/tests/test-app/src/cloud_functions/types|entity|Ticket.node.ts +88 -0
  26. package/tests/test-app/src/cloud_functions/types|entity|TicketAttachment.node.ts +70 -0
  27. package/tests/test-app/src/cloud_functions/types|entity|TicketCategory.node.ts +56 -0
  28. package/tests/test-app/src/cloud_functions/types|entity|TicketComment.node.ts +62 -0
  29. package/tests/test-app/src/cloud_functions/types|entity|TicketHistory.node.ts +74 -0
  30. package/tests/test-app/src/cloud_functions/types|entity|TicketPriority.node.ts +68 -0
  31. package/tests/test-app/src/cloud_functions/types|entity|TicketStatus.node.ts +63 -0
  32. package/tests/test-app/src/cloud_functions/types|models|CreateTicketParams.node.ts +20 -0
  33. package/tests/test-app/src/cloud_functions/types|models|TicketListParams.node.ts +30 -0
  34. package/tests/test-app/src/cloud_functions/types|models|UpdateTicketParams.node.ts +22 -0
  35. package/tests/test-app/src/components/Button.js +11 -0
  36. package/tests/test-app/src/components/MouduleDemoNzp.tsx +40 -0
  37. package/tests/test-app/src/components/Timeline.tsx +145 -0
  38. package/tests/test-app/src/index.ts +2 -0
  39. package/tests/test-app/src/modules/work_order_module/apis/TicketCommentAddPost.api.ts +48 -0
  40. package/tests/test-app/src/modules/work_order_module/apis/TicketCreatePost.api.ts +52 -0
  41. package/tests/test-app/src/modules/work_order_module/apis/TicketDeleteDelete.api.ts +39 -0
  42. package/tests/test-app/src/modules/work_order_module/apis/TicketDetailGet.api.ts +39 -0
  43. package/tests/test-app/src/modules/work_order_module/apis/TicketListGet.api.ts +61 -0
  44. package/tests/test-app/src/modules/work_order_module/apis/TicketUpdatePut.api.ts +57 -0
  45. package/tests/test-app/src/modules/work_order_module/apis/TrainDoorFaultListGet.ts +76 -0
  46. package/tests/test-app/src/modules/work_order_module/apis/TrainDoorListGet.ts +76 -0
  47. package/tests/test-app/src/modules/work_order_module/apis/TrainDoorOperationRecordsGet.ts +284 -0
  48. package/tests/test-app/src/modules/work_order_module/apis/TrainDoorStatisticsGet.ts +96 -0
  49. package/tests/test-app/src/modules/work_order_module/cloud_function/category|list.node.ts +40 -0
  50. package/tests/test-app/src/modules/work_order_module/cloud_function/priority|list.node.ts +26 -0
  51. package/tests/test-app/src/modules/work_order_module/cloud_function/status|list.node.ts +26 -0
  52. package/tests/test-app/src/modules/work_order_module/cloud_function/ticket|create.node.ts +54 -0
  53. package/tests/test-app/src/modules/work_order_module/cloud_function/ticket|delete.node.ts +55 -0
  54. package/tests/test-app/src/modules/work_order_module/cloud_function/ticket|detail.node.ts +65 -0
  55. package/tests/test-app/src/modules/work_order_module/cloud_function/ticket|list.node.ts +85 -0
  56. package/tests/test-app/src/modules/work_order_module/cloud_function/ticket|update.node.ts +73 -0
  57. package/tests/test-app/src/modules/work_order_module/data_model/Ticket.m.ts +85 -0
  58. package/tests/test-app/src/modules/work_order_module/data_model/TicketCategory.m.ts +53 -0
  59. package/tests/test-app/src/modules/work_order_module/data_model/TicketStatus.m.ts +60 -0
  60. package/tests/test-app/src/modules/work_order_module//345/267/245/345/215/225/347/263/273/347/273/237/344/272/247/345/223/201/350/256/276/350/256/241/346/226/207/346/241/243.md +301 -0
  61. package/tests/test-app/src/modules/work_order_module//345/267/245/345/215/225/347/263/273/347/273/237/345/274/200/345/217/221/344/273/273/345/212/241/345/210/206/345/267/245/346/226/207/346/241/243.md +345 -0
  62. package/tests/test-app/src/pages/SLAManagement.tsx +668 -0
  63. package/tests/test-app/src/pages/TicketCreate.tsx +27 -0
  64. package/tests/test-app/src/pages/TicketDetail.tsx +27 -0
  65. package/tests/test-app/src/pages/TicketList.tsx +27 -0
  66. package/tests/test-app/src/pages/TicketManagementPage.tsx +1238 -0
  67. package/tests/test-app/src/pages/VisualAIIDEUpgrade.tsx +245 -0
  68. package/tests/test-app/src/pages/appthen_guide/ComponentTreeUnderstanding.tsx +26 -0
  69. package/tests/test-app/src/pages/appthen_guide/DataBindingLearning.tsx +26 -0
  70. package/tests/test-app/src/pages/back-end/adminRootLayout.tsx +155 -0
  71. package/tests/test-app/src/pages/back-end/adminRootLayout10.tsx +157 -0
  72. package/tests/test-app/src/pages/back-end/adminRootLayout2.tsx +156 -0
  73. package/tests/test-app/src/pages/back-end/adminRootLayout3.tsx +156 -0
  74. package/tests/test-app/src/pages/back-end/adminRootLayout4.tsx +157 -0
  75. package/tests/test-app/src/pages/back-end/adminRootLayout5.tsx +157 -0
  76. package/tests/test-app/src/pages/back-end/adminRootLayout6.tsx +157 -0
  77. package/tests/test-app/src/pages/back-end/adminRootLayout7.tsx +157 -0
  78. package/tests/test-app/src/pages/back-end/adminRootLayout8.tsx +157 -0
  79. package/tests/test-app/src/pages/back-end/adminRootLayout9.tsx +157 -0
  80. package/tests/test-app/src/pages/back-end/backgroundManagementSystem.css +5 -0
  81. package/tests/test-app/src/pages/back-end/backgroundManagementSystem.tsx +1745 -0
  82. package/tests/test-app/src/pages/component/WorkOrderCard.tsx +140 -0
  83. package/tests/test-app/src/pages/cover.tsx +42 -0
  84. package/tests/test-app/src/pages/data_dashboard/blueBrightGreenTechnologyWind.css +181 -0
  85. package/tests/test-app/src/pages/data_dashboard/blueBrightGreenTechnologyWind.tsx +225 -0
  86. package/tests/test-app/src/pages/data_dashboard/blueLargeScreen.css +181 -0
  87. package/tests/test-app/src/pages/data_dashboard/blueLargeScreen.tsx +138 -0
  88. package/tests/test-app/src/pages/data_dashboard/component_library/BlueBrightGreenBorder.tsx +47 -0
  89. package/tests/test-app/src/pages/data_dashboard/component_library/FullScreenContainer.tsx +133 -0
  90. package/tests/test-app/src/pages/description_of_mock_interface.md +32 -0
  91. package/tests/test-app/src/pages/digitalLargeScreen.css +181 -0
  92. package/tests/test-app/src/pages/digitalLargeScreen.tsx +1417 -0
  93. package/tests/test-app/src/pages/mobile_terminal/PersonalCenter.css +3 -0
  94. package/tests/test-app/src/pages/mobile_terminal/PersonalCenter.tsx +362 -0
  95. package/tests/test-app/src/pages/mobile_terminal/WorkOrderHomepage.tsx +337 -0
  96. package/tests/test-app/src/pages/mobile_terminal/newWorkOrder.tsx +224 -0
  97. package/tests/test-app/src/pages/mobile_terminal/tabbar.tsx +67 -0
  98. package/tests/test-app/src/pages/mobile_terminal/uiHandsOnPractice.tsx +638 -0
  99. package/tests/test-app/src/pages/mobile_terminal/workOrderDetails.tsx +346 -0
  100. package/tests/test-app/src/pages/mobile_terminal/workOrderPage.tsx +345 -0
  101. package/tests/test-app/src/pages/testPage.css +3 -0
  102. package/tests/test-app/src/pages/testPage.tsx +158 -0
  103. package/tests/test-app/src/pages/web_version/website.css +205 -0
  104. package/tests/test-app/src/pages/web_version/website.tsx +1066 -0
  105. package/tests/test-app/src/pages//345/276/205/345/212/236.apidoc.json +336 -0
  106. package/tests/test-app/src/project.json +1120 -0
  107. package/tests/test-app/src/store/global.store.ts +10 -0
  108. package/tests/test-app/src/types/CreateTicketParams.m.ts +20 -0
  109. package/tests/test-app/src/types/SLAPolicy.ts +50 -0
  110. package/tests/test-app/src/types/Ticket.ts +68 -0
  111. package/tests/test-app/src/types/TicketAttachment.m.ts +67 -0
  112. package/tests/test-app/src/types/TicketComment.m.ts +59 -0
  113. package/tests/test-app/src/types/TicketEvaluation.ts +44 -0
  114. package/tests/test-app/src/types/TicketHistory.m.ts +71 -0
  115. package/tests/test-app/src/types/TicketListParams.m.ts +30 -0
  116. package/tests/test-app/src/types/TicketPriority.m.ts +65 -0
  117. package/tests/test-app/src/types/TicketRecord.ts +47 -0
  118. package/tests/test-app/src/types/TrainDoor.ts +284 -0
  119. package/tests/test-app/src/types/UpdateTicketParams.m.ts +22 -0
  120. package/tests/test-app/src/utils/__afterRequest.util.ts +3 -0
  121. package/tests/test-app/src/utils/__beforeRequest.util.ts +10 -0
  122. package/tests/test-app/src/utils/testGlobalAction.util.ts +7 -0
package/tests/test-app/src/pages/mobile_terminal/uiHandsOnPractice.tsx ADDED
@@ -0,0 +1,638 @@
1
+ /**
2
+ * UI上手练习(整页)
3
+ * @type Page
4
+ * @screen 1200w
5
+ * @frames app
6
+ */
7
+ import React from 'react';
8
+ import { AtIcon, HeaderBar, Image, ImageBackground, Page, ScrollView, Text, View } from 'cross-ui';
9
+
10
+
11
+ class IProps {}
12
+
13
+ /*
14
+ * 数据与接口请求定义
15
+ */
16
+ class IState {}
17
+
18
+ class Document extends React.Component<IProps, IState> {
19
+ state = {};
20
+
21
+ render() {
22
+ return (
23
+ <Page className="flex flex-row">
24
+ <View className="flex flex-col items-center pt-[20px] pb-[20px] bg-[#2c2c2c] pl-[20px] pr-[20px]">
25
+ <View className="w-[375px] h-full flex flex-col bg-[#ffffff]">
26
+ <HeaderBar
27
+ backgroundColor="#518bff"
28
+ mode="dark"
29
+ showBack={false}
30
+ title="临摹案例"
31
+ titleAlign="center"
32
+ translucent={false}
33
+ />
34
+ <ScrollView className="">
35
+ <View className="flex flex-row pl-[10px] pr-[10px] h-[60px]">
36
+ <View className="flex flex-col justify-center items-center pl-[10px] pr-[10px]">
37
+ <View>
38
+ <Text className="text-xl text-[#333333] font-bold">
39
+ 推荐
40
+ </Text>
41
+ </View>
42
+ <View className="mt-[5px]">
43
+ <View
44
+ __hidePh={true}
45
+ className="w-[14px] h-[4px] bg-[#ff3c3c] rounded-sm"
46
+ />
47
+ </View>
48
+ </View>
49
+ <View className="flex flex-col justify-center items-center pl-[10px] pr-[10px]">
50
+ <View>
51
+ <Text className="text-base text-[#424242] font-normal">
52
+ 精品课
53
+ </Text>
54
+ </View>
55
+ <View className="mt-[5px]">
56
+ <View
57
+ __hidePh={true}
58
+ className="w-[14px] h-[4px] bg-[#ffffff] rounded-sm"
59
+ />
60
+ </View>
61
+ </View>
62
+ <View className="flex flex-col justify-center items-center pl-[10px] pr-[10px]">
63
+ <View>
64
+ <Text className="text-base text-[#424242] font-normal">
65
+ 免费课
66
+ </Text>
67
+ </View>
68
+ <View className="mt-[5px]">
69
+ <View
70
+ __hidePh={true}
71
+ className="w-[14px] h-[4px] bg-[#ffffff] rounded-sm"
72
+ />
73
+ </View>
74
+ </View>
75
+ <View className="flex flex-col justify-center items-center pl-[10px] pr-[10px]">
76
+ <View>
77
+ <Text className="text-base text-[#424242] font-normal">
78
+ 话题
79
+ </Text>
80
+ </View>
81
+ <View className="mt-[5px]">
82
+ <View
83
+ __hidePh={true}
84
+ className="w-[14px] h-[4px] bg-[#ffffff] rounded-sm"
85
+ />
86
+ </View>
87
+ </View>
88
+ <View className="flex flex-col justify-center items-center pl-[10px] pr-[10px]">
89
+ <View>
90
+ <Text className="text-base text-[#424242] font-normal">
91
+ 听书
92
+ </Text>
93
+ </View>
94
+ <View className="mt-[5px]">
95
+ <View
96
+ __hidePh={true}
97
+ className="w-[14px] h-[4px] bg-[#ffffff] rounded-sm"
98
+ />
99
+ </View>
100
+ </View>
101
+ <View className="flex flex-col justify-center items-center pl-[10px] pr-[10px]">
102
+ <View>
103
+ <Text className="text-base text-[#424242] font-normal">
104
+ 直播
105
+ </Text>
106
+ </View>
107
+ <View className="mt-[5px]">
108
+ <View
109
+ __hidePh={true}
110
+ className="w-[14px] h-[4px] bg-[#ffffff] rounded-sm"
111
+ />
112
+ </View>
113
+ </View>
114
+ </View>
115
+ <View className="pl-[15px] pr-[15px]">
116
+ <View className="bg-[#fff] flex flex-row rounded-xl shadow-[0 6px 12px 0 rgba(0,0,0,0.15)]">
117
+ <View className="relative">
118
+ <View className="flex flex-row absolute top-[0px] left-[0px] items-center">
119
+ <View className="flex flex-row bg-[#fe0000] pt-[5px] pb-[5px] pl-[5px] pr-[5px] rounded-tl-[12px] rounded-br-[12px]">
120
+ <View className="mr-[5px]">
121
+ <AtIcon
122
+ color="#ffffff"
123
+ size={12}
124
+ svg="&#60;svg xmlns=&#34;http://www.w3.org/2000/svg&#34; xmlns:xlink=&#34;http://www.w3.org/1999/xlink&#34; fill=&#34;none&#34; version=&#34;1.1&#34; width=&#34;100%&#34; height=&#34;100%&#34; viewBox=&#34;0 0 19 19&#34;&#62;&#60;g&#62;&#60;g&#62;&#60;path d=&#34;M15.3734,1.61526C15.3734,0.723451,16.1868,0,17.1867,0C18.1867,0,18.9988,0.723448,19,1.61526L19,17.3847C19,18.2765,18.1867,19,17.1867,19C16.1868,19,15.3734,18.2766,15.3734,17.3847L15.3734,1.61526ZM1.81328,3.16577C0.812148,3.16577,0,3.88922,0,4.78103L0,17.3847C0,18.2765,0.812148,18.9999,1.81328,18.9999C2.81441,18.9999,3.62537,18.2765,3.62537,17.3847L3.62537,4.78103C3.62417,3.888,2.81441,3.16577,1.81328,3.16577ZM9.5353,6.70996C8.53416,6.70996,7.72202,7.43341,7.72202,8.32522L7.72202,17.3848C7.72202,18.2766,8.53416,19.0001,9.5353,19.0001C10.5364,19.0001,11.3462,18.2766,11.3462,17.3848L11.3462,8.32522C11.3462,7.43341,10.5364,6.70996,9.5353,6.70996Z&#34; fill-rule=&#34;evenodd&#34; fill=&#34;currentColor&#34; fill-opacity=&#34;1&#34;/&#62;&#60;/g&#62;&#60;/g&#62;&#60;/svg&#62;"
125
+ />
126
+ </View>
127
+ <View>
128
+ <Text className="text-xs text-[#ffffff]">直播中</Text>
129
+ </View>
130
+ </View>
131
+ <View className="ml-[5px]">
132
+ <Text className="text-xs text-[#ffffff]">1789在看</Text>
133
+ </View>
134
+ </View>
135
+ <Image
136
+ src="https://cdn.appthen.com/Fn_KQjvehpEJxb5fLasA6MIubaTz"
137
+ remote={false}
138
+ fit={false}
139
+ className="w-[134px] h-[165px] rounded-tl-[12px] rounded-bl-[12px]"
140
+ />
141
+ </View>
142
+ <View className="flex-1 pl-[12px] pr-[12px] flex-col flex pb-[8px]">
143
+ <View className="mt-[12px]">
144
+ <Text className="text-base text-[#333]">
145
+ 新用户福利直播
146
+ </Text>
147
+ </View>
148
+ <View className="mt-[12px] flex-1">
149
+ <Text
150
+ numberOfLines={3}
151
+ className="text-xs text-[#999999] [lineHeight:16px]"
152
+ >
153
+ 小白必看！新手如何炒股票不被割韭菜？/书单推荐/股票基金避坑理财课靠谱吗？
154
+ </Text>
155
+ </View>
156
+ <View className="bg-[#f9f9f9] rounded-[5px] flex flex-row pt-[4px] pl-[4px] pb-[4px] items-center">
157
+ <View>
158
+ <Image
159
+ src="https://cdn.appthen.com/FkD5pdNtKu0K96YR3krlcp-9G7Pv"
160
+ remote={false}
161
+ fit={false}
162
+ className="w-[45px] h-[45px]"
163
+ />
164
+ </View>
165
+ <View className="flex-1 pl-[10px]">
166
+ <View>
167
+ <Text className="text-xs text-[#333]">
168
+ 7天小白理财训练营
169
+ </Text>
170
+ </View>
171
+ <View className="mt-[5px]">
172
+ <Text className="text-lg text-[#fe0000] font-bold">
173
+ 69.0
174
+ </Text>
175
+ </View>
176
+ </View>
177
+ </View>
178
+ </View>
179
+ </View>
180
+ </View>
181
+ <View className="flex flex-row mt-[10px] mb-[10px]">
182
+ <View className="w-[20%] flex flex-col items-center justify-center">
183
+ <View className="flex flex-col justify-center items-center pl-[5px] pt-[5px] pb-[5px] pr-[5px]">
184
+ <View className="h-[50px]">
185
+ <Image
186
+ src="https://cdn.appthen.com/FgL1GLHOhqIMt1k9t4Rl2Q4kxIbx"
187
+ remote={false}
188
+ fit={false}
189
+ className="w-[50px] h-[50px]"
190
+ />
191
+ </View>
192
+ <View className="mt-[10px]">
193
+ <Text className="text-xs text-[#333]">资产测评</Text>
194
+ </View>
195
+ </View>
196
+ </View>
197
+ <View className="flex flex-col items-center justify-center flex-1">
198
+ <View className="flex flex-col justify-center items-center pl-[5px] pt-[5px] pb-[5px] pr-[5px]">
199
+ <View className="h-[50px]">
200
+ <Image
201
+ src="https://cdn.appthen.com/Fosr46VY-UXmYb-tn5z8GgqdVCwI"
202
+ remote={false}
203
+ fit={false}
204
+ className="w-[50px] h-[50px]"
205
+ />
206
+ </View>
207
+ <View className="mt-[10px]">
208
+ <Text className="text-xs text-[#333]">训练营</Text>
209
+ </View>
210
+ </View>
211
+ </View>
212
+ <View className="w-[20%] flex flex-col items-center justify-center">
213
+ <View className="flex flex-col justify-center items-center pl-[5px] pt-[5px] pb-[5px] pr-[5px]">
214
+ <View className="h-[50px]">
215
+ <Image
216
+ src="https://cdn.appthen.com/FlQ_Hn5DRuYn5kZtuG6fkwu7g--i"
217
+ remote={false}
218
+ fit={false}
219
+ className="w-[50px] h-[50px]"
220
+ />
221
+ </View>
222
+ <View className="mt-[10px]">
223
+ <Text className="text-xs text-[#333]">免费听书</Text>
224
+ </View>
225
+ </View>
226
+ </View>
227
+ <View className="w-[20%] flex flex-col items-center justify-center">
228
+ <View className="flex flex-col justify-center items-center pl-[5px] pt-[5px] pb-[5px] pr-[5px]">
229
+ <View className="h-[50px]">
230
+ <Image
231
+ src="https://cdn.appthen.com/FnLpqqo8qxcSbzPfZvEYRriCqqER"
232
+ remote={false}
233
+ fit={false}
234
+ className="w-[50px] h-[50px]"
235
+ />
236
+ </View>
237
+ <View className="mt-[10px]">
238
+ <Text className="text-xs text-[#333]">签到</Text>
239
+ </View>
240
+ </View>
241
+ </View>
242
+ <View className="w-[20%] flex flex-col items-center justify-center">
243
+ <View className="flex flex-col justify-center items-center pl-[5px] pt-[5px] pb-[5px] pr-[5px]">
244
+ <View className="h-[50px]">
245
+ <Image
246
+ src="https://cdn.appthen.com/FlhAoADKmGyp3XLdcMlgB4jZKG2v"
247
+ remote={false}
248
+ fit={false}
249
+ className="w-[50px] h-[50px]"
250
+ />
251
+ </View>
252
+ <View className="mt-[10px]">
253
+ <Text className="text-xs text-[#333]">邀请有礼</Text>
254
+ </View>
255
+ </View>
256
+ </View>
257
+ </View>
258
+ <View className="pl-[15px] pr-[15px]">
259
+ <View className="bg-[#fff3e6] rounded-xl pt-[6px] pr-[6px] pb-[6px] pl-[6px]">
260
+ <View
261
+ __hidePh={true}
262
+ className="h-full bg-[#fffaf7] rounded-lg pb-[15px]"
263
+ >
264
+ <View className="flex flex-col items-center">
265
+ <ImageBackground
266
+ src="https://cdn.appthen.com/FkzwSAo8V-QkOteuLhV4BYj0i9L2"
267
+ className="w-[151px] h-[31px] flex flex-col mt-[-6px]"
268
+ >
269
+ <View className="flex-1 flex flex-col justify-center items-center">
270
+ <Text className="text-base text-[#ffffff]">
271
+ 你的学习清单
272
+ </Text>
273
+ </View>
274
+ </ImageBackground>
275
+ </View>
276
+ <View className="flex flex-row items-end justify-center mt-[15px]">
277
+ <Text className="text-sm text-[#333]">
278
+ 距离任务结束还剩
279
+ </Text>
280
+ <Text className="text-base text-[#fe0000] ml-[3px] mr-[3px]">
281
+ 6
282
+ </Text>
283
+ <Text className="text-sm text-[#333]">天</Text>
284
+ <Text className="text-base text-[#fe0000] ml-[3px] mr-[3px]">
285
+ 20
286
+ </Text>
287
+ <Text className="text-sm text-[#333]">时</Text>
288
+ <Text className="text-base text-[#fe0000] ml-[3px] mr-[3px]">
289
+ 38
290
+ </Text>
291
+ <Text className="text-sm text-[#333]">分</Text>
292
+ </View>
293
+ <View className="flex flex-row mt-[15px] mb-[15px] pl-[5px] pr-[5px]">
294
+ <View className="flex-1 flex flex-col justify-center items-center">
295
+ <ImageBackground
296
+ src="https://cdn.appthen.com/FmbyFEeIJoIwsX4_lwoxjVlL7LbX"
297
+ className="w-[88px] h-[103px] rounded flex flex-col"
298
+ >
299
+ <View className="flex flex-col flex-1">
300
+ <View className="flex-1 flex flex-col justify-center items-center">
301
+ <Image
302
+ src="https://cdn.appthen.com/Fthcf0opNaWXSvo27KQ6UCojFuLs"
303
+ remote={false}
304
+ fit={false}
305
+ className="w-[33px] h-[33px]"
306
+ />
307
+ </View>
308
+ <View className="h-[20px] bg-[#000000] rounded-bl-[4px] rounded-br-[4px] flex flex-col justify-center items-center">
309
+ <Text className="text-xs text-[#f8e71c]">
310
+ 已学50%
311
+ </Text>
312
+ </View>
313
+ </View>
314
+ </ImageBackground>
315
+ </View>
316
+ <View className="flex-1 flex flex-col justify-center items-center">
317
+ <ImageBackground
318
+ src="https://cdn.appthen.com/FmbyFEeIJoIwsX4_lwoxjVlL7LbX"
319
+ className="w-[88px] h-[103px] rounded flex flex-col"
320
+ >
321
+ <View className="flex flex-col flex-1">
322
+ <View className="flex-1 flex flex-col justify-center items-center">
323
+ <Image
324
+ src="https://cdn.appthen.com/Fthcf0opNaWXSvo27KQ6UCojFuLs"
325
+ remote={false}
326
+ fit={false}
327
+ className="w-[33px] h-[33px]"
328
+ />
329
+ </View>
330
+ <View className="h-[20px] bg-[#000000] rounded-bl-[4px] rounded-br-[4px] flex flex-col justify-center items-center">
331
+ <Text className="text-xs text-[#f8e71c]">
332
+ 已学50%
333
+ </Text>
334
+ </View>
335
+ </View>
336
+ </ImageBackground>
337
+ </View>
338
+ <View className="flex-1 flex flex-col justify-center items-center">
339
+ <ImageBackground
340
+ src="https://cdn.appthen.com/FmbyFEeIJoIwsX4_lwoxjVlL7LbX"
341
+ className="w-[88px] h-[103px] rounded flex flex-col"
342
+ >
343
+ <View className="flex flex-col flex-1">
344
+ <View className="flex-1 flex flex-col justify-center items-center">
345
+ <Image
346
+ src="https://cdn.appthen.com/Fthcf0opNaWXSvo27KQ6UCojFuLs"
347
+ remote={false}
348
+ fit={false}
349
+ className="w-[33px] h-[33px]"
350
+ />
351
+ </View>
352
+ <View className="[opacity:0] h-[20px] bg-[#000000] rounded-bl-[4px] rounded-br-[4px] flex flex-col justify-center items-center">
353
+ <Text className="text-xs text-[#f8e71c]">
354
+ 已学50%
355
+ </Text>
356
+ </View>
357
+ </View>
358
+ </ImageBackground>
359
+ </View>
360
+ </View>
361
+ <View className="flex flex-row pl-[12px] items-center">
362
+ <View className="flex flex-row">
363
+ <View>
364
+ <Image
365
+ src="https://cdn.appthen.com/FsLiBzU9jN5G0IxgVQU48FcLvGwf"
366
+ remote={false}
367
+ fit={false}
368
+ className="w-[18px] h-[18px]"
369
+ />
370
+ </View>
371
+ <View className="ml-[-3px]">
372
+ <Image
373
+ src="https://cdn.appthen.com/FsLiBzU9jN5G0IxgVQU48FcLvGwf"
374
+ remote={false}
375
+ fit={false}
376
+ className="w-[18px] h-[18px]"
377
+ />
378
+ </View>
379
+ <View className="ml-[-3px]">
380
+ <Image
381
+ src="https://cdn.appthen.com/FsLiBzU9jN5G0IxgVQU48FcLvGwf"
382
+ remote={false}
383
+ fit={false}
384
+ className="w-[18px] h-[18px]"
385
+ />
386
+ </View>
387
+ <View className="ml-[-3px]">
388
+ <Image
389
+ src="https://cdn.appthen.com/FsLiBzU9jN5G0IxgVQU48FcLvGwf"
390
+ remote={false}
391
+ fit={false}
392
+ className="w-[18px] h-[18px]"
393
+ />
394
+ </View>
395
+ <View className="ml-[-3px]">
396
+ <Image
397
+ src="https://cdn.appthen.com/FsLiBzU9jN5G0IxgVQU48FcLvGwf"
398
+ remote={false}
399
+ fit={false}
400
+ className="w-[18px] h-[18px]"
401
+ />
402
+ </View>
403
+ </View>
404
+ <View className="flex flex-row ml-[10px]">
405
+ <Text className="text-xs text-[#fe0000]">2345</Text>
406
+ <Text className="text-xs text-[#333]">
407
+ 人正在和你一起完成任务
408
+ </Text>
409
+ </View>
410
+ </View>
411
+ </View>
412
+ </View>
413
+ </View>
414
+ <View className="pl-[15px] pr-[15px] mt-[15px]">
415
+ <View className="bg-[#fff] flex flex-row items-center pt-[12px] pl-[12px] pb-[12px] pr-[12px] rounded-xl border border-[#ebebeb] border-solid shadow-[0 4px 12px 0 rgba(0,0,0,0.1)]">
416
+ <View className="flex-1">
417
+ <View>
418
+ <Text className="text-base text-[#333]">听懂财经</Text>
419
+ </View>
420
+ <View className="mt-[10px]">
421
+ <Text className="text-xs text-[#424242]">
422
+ 解盘晚餐20210429
423
+ </Text>
424
+ </View>
425
+ </View>
426
+ <View className="flex flex-row items-center">
427
+ <View className="pt-[8px] pr-[8px] pb-[8px] pl-[8px]">
428
+ <AtIcon
429
+ color="#999999"
430
+ size={24}
431
+ svg="&#60;svg xmlns=&#34;http://www.w3.org/2000/svg&#34; xmlns:xlink=&#34;http://www.w3.org/1999/xlink&#34; fill=&#34;none&#34; version=&#34;1.1&#34; width=&#34;100%&#34; height=&#34;100%&#34; viewBox=&#34;0 0 26 35&#34;&#62;&#60;g transform=&#34;matrix(-1,0,0,1,50,0)&#34;&#62;&#60;g&#62;&#60;path d=&#34;M24,2L24,34Q24,34.1531,24.045824,34.2992Q24.091647000000002,34.4454,24.179095,34.5711Q24.23534,34.6519,24.306278,34.7202Q24.377215,34.7886,24.460119,34.8417Q24.543024,34.8949,24.634709,34.9309Q24.726394,34.9669,24.823336,34.9843Q24.9202782,35.0017,25.0187523,34.9998Q25.117226,34.998,25.213448,34.977Q25.30967,34.9559,25.399941,34.9165Q25.490212,34.8771,25.571064,34.8209L48.5711,18.8209Q48.7184,18.7184,48.8209,18.5711Q48.8771,18.4902,48.9165,18.3999Q48.9559,18.3097,48.977000000000004,18.2134Q48.998000000000005,18.1172,48.9998,18.0188Q49.0017,17.920299999999997,48.984300000000005,17.8233Q48.966899999999995,17.726399999999998,48.9309,17.634700000000002Q48.8949,17.543,48.8417,17.4601Q48.7886,17.377200000000002,48.7202,17.3063Q48.6519,17.235300000000002,48.5711,17.1791L25.571064,1.179095Q25.445359,1.091647,25.299245,1.045824Q25.153131,1,25,1Q24.9015086,1,24.80491,1.019215Q24.708311,1.03843,24.617317,1.076121Q24.526322,1.113812,24.44443,1.16853Q24.362537,1.223249,24.292893,1.2928929999999998Q24.223249,1.362537,24.16853,1.44443Q24.113812,1.526322,24.076121,1.617317Q24.038429999999998,1.7083110000000001,24.019215,1.80491Q24,1.9015086,24,2ZM26,32.086200000000005L46.2489,18L26,3.9138200000000003L26,32.086200000000005Z&#34; fill-rule=&#34;evenodd&#34; fill=&#34;currentColor&#34; fill-opacity=&#34;1&#34;/&#62;&#60;/g&#62;&#60;g&#62;&#60;path d=&#34;M48,33.4688L48,0L50,0L50,33.4688L48,33.4688Z&#34; fill-rule=&#34;evenodd&#34; fill=&#34;currentColor&#34; fill-opacity=&#34;1&#34;/&#62;&#60;/g&#62;&#60;/g&#62;&#60;/svg&#62;"
432
+ className="w-[12px] h-[17px]"
433
+ />
434
+ </View>
435
+ <View className="pt-[8px] pr-[8px] pb-[8px] pl-[8px] ml-[5px] mr-[5px]">
436
+ <AtIcon
437
+ color="#999999"
438
+ size={28}
439
+ svg="&#60;svg xmlns=&#34;http://www.w3.org/2000/svg&#34; xmlns:xlink=&#34;http://www.w3.org/1999/xlink&#34; fill=&#34;none&#34; version=&#34;1.1&#34; width=&#34;100%&#34; height=&#34;100%&#34; viewBox=&#34;0 0 56 55.017578125&#34;&#62;&#60;g&#62;&#60;g&#62;&#60;ellipse cx=&#34;28&#34; cy=&#34;27.508771896362305&#34; rx=&#34;27&#34; ry=&#34;26.508771896362305&#34; fill-opacity=&#34;0&#34; stroke-opacity=&#34;1&#34; stroke=&#34;currentColor&#34; fill=&#34;none&#34; stroke-width=&#34;2&#34;/&#62;&#60;/g&#62;&#60;g&#62;&#60;path d=&#34;M20.11403465270996,36.3509098236084L20.11403465270996,17.6842098236084L23.11403465270996,17.6842098236084L23.11403465270996,36.3509098236084L20.11403465270996,36.3509098236084Z&#34; fill-rule=&#34;evenodd&#34; fill=&#34;currentColor&#34; fill-opacity=&#34;1&#34;/&#62;&#60;/g&#62;&#60;g&#62;&#60;path d=&#34;M31.903507232666016,36.3509098236084L31.903507232666016,17.6842098236084L34.903507232666016,17.6842098236084L34.903507232666016,36.3509098236084L31.903507232666016,36.3509098236084Z&#34; fill-rule=&#34;evenodd&#34; fill=&#34;currentColor&#34; fill-opacity=&#34;1&#34;/&#62;&#60;/g&#62;&#60;/g&#62;&#60;/svg&#62;"
440
+ />
441
+ </View>
442
+ <View className="pt-[8px] pr-[8px] pb-[8px] pl-[8px]">
443
+ <AtIcon
444
+ color="#999999"
445
+ size={24}
446
+ svg="&#60;svg xmlns=&#34;http://www.w3.org/2000/svg&#34; xmlns:xlink=&#34;http://www.w3.org/1999/xlink&#34; fill=&#34;none&#34; version=&#34;1.1&#34; width=&#34;100%&#34; height=&#34;100%&#34; viewBox=&#34;0 0 26 35&#34;&#62;&#60;g&#62;&#60;g&#62;&#60;path d=&#34;M0,2L0,34Q0,34.1531,0.045823999999999976,34.2992Q0.09164700000000003,34.4454,0.179095,34.5711Q0.23534,34.6519,0.30627800000000005,34.7202Q0.37721499999999997,34.7886,0.46011899999999994,34.8417Q0.543024,34.8949,0.634709,34.9309Q0.726394,34.9669,0.8233360000000001,34.9843Q0.9202782,35.0017,1.0187523,34.9998Q1.117226,34.998,1.213448,34.977Q1.3096700000000001,34.9559,1.399941,34.9165Q1.490212,34.8771,1.571064,34.8209L24.5711,18.8209Q24.7184,18.7184,24.8209,18.5711Q24.8771,18.4902,24.9165,18.3999Q24.9559,18.3097,24.977,18.2134Q24.998,18.1172,24.9998,18.0188Q25.0017,17.920299999999997,24.9843,17.8233Q24.9669,17.726399999999998,24.9309,17.634700000000002Q24.8949,17.543,24.8417,17.4601Q24.7886,17.377200000000002,24.7202,17.3063Q24.6519,17.235300000000002,24.5711,17.1791L1.571064,1.179095Q1.445359,1.091647,1.299245,1.045824Q1.153131,1,1,1Q0.9015086,1,0.80491,1.019215Q0.708311,1.03843,0.617317,1.076121Q0.526322,1.113812,0.44443,1.16853Q0.362537,1.223249,0.29289299999999996,1.2928929999999998Q0.22324900000000003,1.362537,0.16852999999999996,1.44443Q0.11381200000000002,1.526322,0.076121,1.617317Q0.038429999999999964,1.7083110000000001,0.019214999999999982,1.80491Q0,1.9015086,0,2ZM2,32.086200000000005L22.2489,18L2,3.9138200000000003L2,32.086200000000005Z&#34; fill-rule=&#34;evenodd&#34; fill=&#34;currentColor&#34; fill-opacity=&#34;1&#34;/&#62;&#60;/g&#62;&#60;g&#62;&#60;path d=&#34;M24,33.4688L24,0L26,0L26,33.4688L24,33.4688Z&#34; fill-rule=&#34;evenodd&#34; fill=&#34;currentColor&#34; fill-opacity=&#34;1&#34;/&#62;&#60;/g&#62;&#60;/g&#62;&#60;/svg&#62;"
447
+ className="w-[12px] h-[17px]"
448
+ />
449
+ </View>
450
+ </View>
451
+ </View>
452
+ </View>
453
+ <View className="pl-[15px] pr-[15px] mt-[15px] mb-[5px]">
454
+ <View className="bg-[#fff] flex flex-row items-center">
455
+ <View className="flex-1">
456
+ <Text className="text-xl text-[#333] font-bold">
457
+ 今日直播
458
+ </Text>
459
+ </View>
460
+ <View className="pt-[10px] pl-[10px] pb-[10px] pr-[10px]">
461
+ <Text className="text-[15px] text-[#424242] font-normal">
462
+ 全部
463
+ </Text>
464
+ </View>
465
+ </View>
466
+ </View>
467
+ <View className="flex flex-col h-[222px] pb-[20px]">
468
+ <ScrollView scrollX={true}>
469
+ <View className="flex flex-row pl-[15px] mb-[20px]">
470
+ <View className="pr-[15px]">
471
+ <View className="pb-[15px] rounded-[10px] shadow-[0 4px 12px 0 rgba(0,0,0,0.1)] flex-col flex w-[251px]">
472
+ <View className="flex-1">
473
+ <Image
474
+ src="https://cdn.appthen.com/FjIuOivz4AZl7PLItcfqHLn6DSEZ"
475
+ remote={false}
476
+ fit={false}
477
+ className="h-[100px] rounded-tl-[10px] rounded-tr-[10px] w-[251px]"
478
+ />
479
+ </View>
480
+ <View className="mt-[10px] ml-[10px] mb-[10px] mr-[10px]">
481
+ <Text className="text-base text-[#424242] [lineHeight:20px]">
482
+ 基金一季度报新鲜出炉，如何跟好“抄作业”
483
+ </Text>
484
+ </View>
485
+ <View className="flex flex-row ml-[10px] mr-[10px] items-center">
486
+ <View>
487
+ <View className="flex flex-row">
488
+ <Text className="text-[11px] text-[#424242]">
489
+ 直播预告：
490
+ </Text>
491
+ <Text className="text-[11px] text-[#424242]">
492
+ 今天20:00
493
+ </Text>
494
+ </View>
495
+ <View className="flex flex-row items-center mt-[5px]">
496
+ <View className="mr-[8px]">
497
+ <AtIcon
498
+ color="#999999"
499
+ size={10}
500
+ svg="&#60;svg xmlns=&#34;http://www.w3.org/2000/svg&#34; xmlns:xlink=&#34;http://www.w3.org/1999/xlink&#34; fill=&#34;none&#34; version=&#34;1.1&#34; width=&#34;100%&#34; height=&#34;100%&#34; viewBox=&#34;0 0 17.243377685546875 14.21441650390625&#34;&#62;&#60;g&#62;&#60;g&#62;&#60;path d=&#34;M17.2187,13.3789C17.1639,10.8227,15.0907,8.63843,12.1312,7.65289C13.4965,6.8711,14.3903,5.65656,14.3903,4.27618C14.3903,1.915,11.8154,0,8.63892,0C5.46136,0,2.45461,2.09822,2.45461,4.46017C2.45461,5.8374,3.77482,6.86478,5.13372,7.64658C2.20002,8.61788,0.140733,10.7698,0.0397672,13.2937C0.025794,13.3426,0,13.3884,0,13.4397L0.0107632,13.5061C0.0107632,13.897,0.437211,14.2144,0.964664,14.2144C1.48996,14.2144,1.91856,13.897,1.91749,13.5069L1.91643,13.4974L1.93682,13.4974L1.93682,13.4942C1.93682,10.8132,4.79103,8.64237,8.36173,8.5326C8.45518,8.53577,8.54327,8.55392,8.63888,8.55392C8.73233,8.55392,8.82042,8.53577,8.91389,8.5326C12.4524,8.64158,15.2819,10.7761,15.3313,13.4248C15.3313,13.4303,15.327,13.4342,15.327,13.4397L15.3356,13.5061C15.3356,13.897,15.7631,14.2144,16.2895,14.2144C16.8169,14.2144,17.2434,13.897,17.2434,13.5061L17.2359,13.4397C17.2359,13.4176,17.2208,13.4003,17.2187,13.3789ZM4.79532,4.26659C4.79532,2.6951,6.50869,1.42212,8.62062,1.42212C10.7358,1.42212,12.4491,2.69509,12.4491,4.26659C12.4491,5.83807,10.7358,7.11104,8.62062,7.11104C6.50868,7.11104,4.79532,5.83807,4.79532,4.26659Z&#34; fill-rule=&#34;evenodd&#34; fill=&#34;currentColor&#34; fill-opacity=&#34;1&#34;/&#62;&#60;/g&#62;&#60;/g&#62;&#60;/svg&#62;"
501
+ />
502
+ </View>
503
+ <Text className="text-[11px] text-[#999999]">
504
+ 27867人已报名
505
+ </Text>
506
+ </View>
507
+ </View>
508
+ <View className="flex-1 flex flex-row justify-end">
509
+ <View className="pt-[6px] pb-[6px] pr-[20px] pl-[20px] bg-[#fe0000] rounded-[15px]">
510
+ <Text className="text-xs text-[#ffffff]">
511
+ 立即预约
512
+ </Text>
513
+ </View>
514
+ </View>
515
+ </View>
516
+ </View>
517
+ </View>
518
+ <View className="pr-[15px]">
519
+ <View className="pb-[15px] rounded-[10px] shadow-[0 4px 12px 0 rgba(0,0,0,0.1)] flex-col flex w-[251px]">
520
+ <View className="flex-1">
521
+ <Image
522
+ src="https://cdn.appthen.com/FjIuOivz4AZl7PLItcfqHLn6DSEZ"
523
+ remote={false}
524
+ fit={false}
525
+ className="h-[100px] rounded-tl-[10px] rounded-tr-[10px] w-[251px]"
526
+ />
527
+ </View>
528
+ <View className="mt-[10px] ml-[10px] mb-[10px] mr-[10px]">
529
+ <Text className="text-base text-[#424242] [lineHeight:20px]">
530
+ 基金一季度报新鲜出炉，如何跟好“抄作业”
531
+ </Text>
532
+ </View>
533
+ <View className="flex flex-row ml-[10px] mr-[10px] items-center">
534
+ <View>
535
+ <View className="flex flex-row">
536
+ <Text className="text-[11px] text-[#424242]">
537
+ 直播预告：
538
+ </Text>
539
+ <Text className="text-[11px] text-[#424242]">
540
+ 今天20:00
541
+ </Text>
542
+ </View>
543
+ <View className="flex flex-row items-center mt-[5px]">
544
+ <View className="mr-[8px]">
545
+ <AtIcon
546
+ color="#999999"
547
+ size={10}
548
+ svg="&#60;svg xmlns=&#34;http://www.w3.org/2000/svg&#34; xmlns:xlink=&#34;http://www.w3.org/1999/xlink&#34; fill=&#34;none&#34; version=&#34;1.1&#34; width=&#34;100%&#34; height=&#34;100%&#34; viewBox=&#34;0 0 17.243377685546875 14.21441650390625&#34;&#62;&#60;g&#62;&#60;g&#62;&#60;path d=&#34;M17.2187,13.3789C17.1639,10.8227,15.0907,8.63843,12.1312,7.65289C13.4965,6.8711,14.3903,5.65656,14.3903,4.27618C14.3903,1.915,11.8154,0,8.63892,0C5.46136,0,2.45461,2.09822,2.45461,4.46017C2.45461,5.8374,3.77482,6.86478,5.13372,7.64658C2.20002,8.61788,0.140733,10.7698,0.0397672,13.2937C0.025794,13.3426,0,13.3884,0,13.4397L0.0107632,13.5061C0.0107632,13.897,0.437211,14.2144,0.964664,14.2144C1.48996,14.2144,1.91856,13.897,1.91749,13.5069L1.91643,13.4974L1.93682,13.4974L1.93682,13.4942C1.93682,10.8132,4.79103,8.64237,8.36173,8.5326C8.45518,8.53577,8.54327,8.55392,8.63888,8.55392C8.73233,8.55392,8.82042,8.53577,8.91389,8.5326C12.4524,8.64158,15.2819,10.7761,15.3313,13.4248C15.3313,13.4303,15.327,13.4342,15.327,13.4397L15.3356,13.5061C15.3356,13.897,15.7631,14.2144,16.2895,14.2144C16.8169,14.2144,17.2434,13.897,17.2434,13.5061L17.2359,13.4397C17.2359,13.4176,17.2208,13.4003,17.2187,13.3789ZM4.79532,4.26659C4.79532,2.6951,6.50869,1.42212,8.62062,1.42212C10.7358,1.42212,12.4491,2.69509,12.4491,4.26659C12.4491,5.83807,10.7358,7.11104,8.62062,7.11104C6.50868,7.11104,4.79532,5.83807,4.79532,4.26659Z&#34; fill-rule=&#34;evenodd&#34; fill=&#34;currentColor&#34; fill-opacity=&#34;1&#34;/&#62;&#60;/g&#62;&#60;/g&#62;&#60;/svg&#62;"
549
+ />
550
+ </View>
551
+ <Text className="text-[11px] text-[#999999]">
552
+ 27867人已报名
553
+ </Text>
554
+ </View>
555
+ </View>
556
+ <View className="flex-1 flex flex-row justify-end">
557
+ <View className="pt-[6px] pb-[6px] pr-[20px] pl-[20px] bg-[#fe0000] rounded-[15px]">
558
+ <Text className="text-xs text-[#ffffff]">
559
+ 立即预约
560
+ </Text>
561
+ </View>
562
+ </View>
563
+ </View>
564
+ </View>
565
+ </View>
566
+ <View className="pr-[15px]">
567
+ <View className="pb-[15px] rounded-[10px] shadow-[0 4px 12px 0 rgba(0,0,0,0.1)] flex-col flex w-[251px]">
568
+ <View className="flex-1">
569
+ <Image
570
+ src="https://cdn.appthen.com/FjIuOivz4AZl7PLItcfqHLn6DSEZ"
571
+ remote={false}
572
+ fit={false}
573
+ className="h-[100px] rounded-tl-[10px] rounded-tr-[10px] w-[251px]"
574
+ />
575
+ </View>
576
+ <View className="mt-[10px] ml-[10px] mb-[10px] mr-[10px]">
577
+ <Text className="text-base text-[#424242] [lineHeight:20px]">
578
+ 基金一季度报新鲜出炉，如何跟好“抄作业”
579
+ </Text>
580
+ </View>
581
+ <View className="flex flex-row ml-[10px] mr-[10px] items-center">
582
+ <View>
583
+ <View className="flex flex-row">
584
+ <Text className="text-[11px] text-[#424242]">
585
+ 直播预告：
586
+ </Text>
587
+ <Text className="text-[11px] text-[#424242]">
588
+ 今天20:00
589
+ </Text>
590
+ </View>
591
+ <View className="flex flex-row items-center mt-[5px]">
592
+ <View className="mr-[8px]">
593
+ <AtIcon
594
+ color="#999999"
595
+ size={10}
596
+ svg="&#60;svg xmlns=&#34;http://www.w3.org/2000/svg&#34; xmlns:xlink=&#34;http://www.w3.org/1999/xlink&#34; fill=&#34;none&#34; version=&#34;1.1&#34; width=&#34;100%&#34; height=&#34;100%&#34; viewBox=&#34;0 0 17.243377685546875 14.21441650390625&#34;&#62;&#60;g&#62;&#60;g&#62;&#60;path d=&#34;M17.2187,13.3789C17.1639,10.8227,15.0907,8.63843,12.1312,7.65289C13.4965,6.8711,14.3903,5.65656,14.3903,4.27618C14.3903,1.915,11.8154,0,8.63892,0C5.46136,0,2.45461,2.09822,2.45461,4.46017C2.45461,5.8374,3.77482,6.86478,5.13372,7.64658C2.20002,8.61788,0.140733,10.7698,0.0397672,13.2937C0.025794,13.3426,0,13.3884,0,13.4397L0.0107632,13.5061C0.0107632,13.897,0.437211,14.2144,0.964664,14.2144C1.48996,14.2144,1.91856,13.897,1.91749,13.5069L1.91643,13.4974L1.93682,13.4974L1.93682,13.4942C1.93682,10.8132,4.79103,8.64237,8.36173,8.5326C8.45518,8.53577,8.54327,8.55392,8.63888,8.55392C8.73233,8.55392,8.82042,8.53577,8.91389,8.5326C12.4524,8.64158,15.2819,10.7761,15.3313,13.4248C15.3313,13.4303,15.327,13.4342,15.327,13.4397L15.3356,13.5061C15.3356,13.897,15.7631,14.2144,16.2895,14.2144C16.8169,14.2144,17.2434,13.897,17.2434,13.5061L17.2359,13.4397C17.2359,13.4176,17.2208,13.4003,17.2187,13.3789ZM4.79532,4.26659C4.79532,2.6951,6.50869,1.42212,8.62062,1.42212C10.7358,1.42212,12.4491,2.69509,12.4491,4.26659C12.4491,5.83807,10.7358,7.11104,8.62062,7.11104C6.50868,7.11104,4.79532,5.83807,4.79532,4.26659Z&#34; fill-rule=&#34;evenodd&#34; fill=&#34;currentColor&#34; fill-opacity=&#34;1&#34;/&#62;&#60;/g&#62;&#60;/g&#62;&#60;/svg&#62;"
597
+ />
598
+ </View>
599
+ <Text className="text-[11px] text-[#999999]">
600
+ 27867人已报名
601
+ </Text>
602
+ </View>
603
+ </View>
604
+ <View className="flex-1 flex flex-row justify-end">
605
+ <View className="pt-[6px] pb-[6px] pr-[20px] pl-[20px] bg-[#fe0000] rounded-[15px]">
606
+ <Text className="text-xs text-[#ffffff]">
607
+ 立即预约
608
+ </Text>
609
+ </View>
610
+ </View>
611
+ </View>
612
+ </View>
613
+ </View>
614
+ </View>
615
+ </ScrollView>
616
+ </View>
617
+ </ScrollView>
618
+ </View>
619
+ </View>
620
+ <View className="flex-1 pt-[20px] pb-[20px] bg-[#303030] flex flex-col items-center">
621
+ <View className="w-[375px] h-full bg-[#ffffff] flex flex-col">
622
+ <HeaderBar
623
+ backgroundColor="#6895ff"
624
+ mode="dark"
625
+ showBack={false}
626
+ title="实操区域"
627
+ titleAlign="center"
628
+ translucent={false}
629
+ />
630
+ <ScrollView />
631
+ </View>
632
+ </View>
633
+ </Page>
634
+ );
635
+ }
636
+ }
637
+
638
+ export default Document;