npm - @appthen/cli - Versions diffs - 1.2.10 → 1.2.12 - Mend

@appthen/cli 1.2.10 → 1.2.12

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 (173) hide show

package/tests/test-app/src/pages/mobile_terminal/uiHandsOnPractice.tsx ADDED Viewed

@@ -0,0 +1,638 @@
+/**
+ * UI上手练习
+ * @type Page
+ * @screen 1200w
+ * @frames app
+ */
+import React from 'react';
+import { AtIcon, HeaderBar, Image, ImageBackground, Page, ScrollView, Text, View } from 'cross-ui';
+class IProps {}
+/*
+ * 数据与接口请求定义
+ */
+class IState {}
+class Document extends React.Component<IProps, IState> {
+  state = {};
+  render() {
+    return (
+      <Page className="flex flex-row">
+        <View className="flex flex-col items-center pt-[20px] pb-[20px] bg-[#2c2c2c] pl-[20px] pr-[20px]">
+          <View className="w-[375px] h-full flex flex-col bg-[#ffffff]">
+            <HeaderBar
+              backgroundColor="#518bff"
+              mode="dark"
+              showBack={false}
+              title="临摹案例"
+              titleAlign="center"
+              translucent={false}
+            />
+            <ScrollView className="">
+              <View className="flex flex-row pl-[10px] pr-[10px] h-[60px]">
+                <View className="flex flex-col justify-center items-center pl-[10px] pr-[10px]">
+                  <View>
+                    <Text className="text-xl text-[#333333] font-bold">
+                      推荐
+                    </Text>
+                  </View>
+                  <View className="mt-[5px]">
+                    <View
+                      __hidePh={true}
+                      className="w-[14px] h-[4px] bg-[#ff3c3c] rounded-sm"
+                    />
+                  </View>
+                </View>
+                <View className="flex flex-col justify-center items-center pl-[10px] pr-[10px]">
+                  <View>
+                    <Text className="text-base text-[#424242] font-normal">
+                      精品课
+                    </Text>
+                  </View>
+                  <View className="mt-[5px]">
+                    <View
+                      __hidePh={true}
+                      className="w-[14px] h-[4px] bg-[#ffffff] rounded-sm"
+                    />
+                  </View>
+                </View>
+                <View className="flex flex-col justify-center items-center pl-[10px] pr-[10px]">
+                  <View>
+                    <Text className="text-base text-[#424242] font-normal">
+                      免费课
+                    </Text>
+                  </View>
+                  <View className="mt-[5px]">
+                    <View
+                      __hidePh={true}
+                      className="w-[14px] h-[4px] bg-[#ffffff] rounded-sm"
+                    />
+                  </View>
+                </View>
+                <View className="flex flex-col justify-center items-center pl-[10px] pr-[10px]">
+                  <View>
+                    <Text className="text-base text-[#424242] font-normal">
+                      话题
+                    </Text>
+                  </View>
+                  <View className="mt-[5px]">
+                    <View
+                      __hidePh={true}
+                      className="w-[14px] h-[4px] bg-[#ffffff] rounded-sm"
+                    />
+                  </View>
+                </View>
+                <View className="flex flex-col justify-center items-center pl-[10px] pr-[10px]">
+                  <View>
+                    <Text className="text-base text-[#424242] font-normal">
+                      听书
+                    </Text>
+                  </View>
+                  <View className="mt-[5px]">
+                    <View
+                      __hidePh={true}
+                      className="w-[14px] h-[4px] bg-[#ffffff] rounded-sm"
+                    />
+                  </View>
+                </View>
+                <View className="flex flex-col justify-center items-center pl-[10px] pr-[10px]">
+                  <View>
+                    <Text className="text-base text-[#424242] font-normal">
+                      直播
+                    </Text>
+                  </View>
+                  <View className="mt-[5px]">
+                    <View
+                      __hidePh={true}
+                      className="w-[14px] h-[4px] bg-[#ffffff] rounded-sm"
+                    />
+                  </View>
+                </View>
+              </View>
+              <View className="pl-[15px] pr-[15px]">
+                <View className="bg-[#fff] flex flex-row rounded-xl shadow-[0 6px 12px 0 rgba(0,0,0,0.15)]">
+                  <View className="relative">
+                    <View className="flex flex-row absolute top-[0px] left-[0px] items-center">
+                      <View className="flex flex-row bg-[#fe0000] pt-[5px] pb-[5px] pl-[5px] pr-[5px] rounded-tl-[12px] rounded-br-[12px]">
+                        <View className="mr-[5px]">
+                          <AtIcon
+                            color="#ffffff"
+                            size={12}
+                            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;"
+                          />
+                        </View>
+                        <View>
+                          <Text className="text-xs text-[#ffffff]">直播中</Text>
+                        </View>
+                      </View>
+                      <View className="ml-[5px]">
+                        <Text className="text-xs text-[#ffffff]">1789在看</Text>
+                      </View>
+                    </View>
+                    <Image
+                      src="https://cdn.appthen.com/Fn_KQjvehpEJxb5fLasA6MIubaTz"
+                      remote={false}
+                      fit={false}
+                      className="w-[134px] h-[165px] rounded-tl-[12px] rounded-bl-[12px]"
+                    />
+                  </View>
+                  <View className="flex-1 pl-[12px] pr-[12px] flex-col flex pb-[8px]">
+                    <View className="mt-[12px]">
+                      <Text className="text-base text-[#333]">
+                        新用户福利直播
+                      </Text>
+                    </View>
+                    <View className="mt-[12px] flex-1">
+                      <Text
+                        numberOfLines={3}
+                        className="text-xs text-[#999999] [lineHeight:16px]"
+                      >
+                        小白必看！新手如何炒股票不被割韭菜？/书单推荐/股票基金避坑理财课靠谱吗？
+                      </Text>
+                    </View>
+                    <View className="bg-[#f9f9f9] rounded-[5px] flex flex-row pt-[4px] pl-[4px] pb-[4px] items-center">
+                      <View>
+                        <Image
+                          src="https://cdn.appthen.com/FkD5pdNtKu0K96YR3krlcp-9G7Pv"
+                          remote={false}
+                          fit={false}
+                          className="w-[45px] h-[45px]"
+                        />
+                      </View>
+                      <View className="flex-1 pl-[10px]">
+                        <View>
+                          <Text className="text-xs text-[#333]">
+                            7天小白理财训练营
+                          </Text>
+                        </View>
+                        <View className="mt-[5px]">
+                          <Text className="text-lg text-[#fe0000] font-bold">
+                            69.0
+                          </Text>
+                        </View>
+                      </View>
+                    </View>
+                  </View>
+                </View>
+              </View>
+              <View className="flex flex-row mt-[10px] mb-[10px]">
+                <View className="w-[20%] flex flex-col items-center justify-center">
+                  <View className="flex flex-col justify-center items-center pl-[5px] pt-[5px] pb-[5px] pr-[5px]">
+                    <View className="h-[50px]">
+                      <Image
+                        src="https://cdn.appthen.com/FgL1GLHOhqIMt1k9t4Rl2Q4kxIbx"
+                        remote={false}
+                        fit={false}
+                        className="w-[50px] h-[50px]"
+                      />
+                    </View>
+                    <View className="mt-[10px]">
+                      <Text className="text-xs text-[#333]">资产测评</Text>
+                    </View>
+                  </View>
+                </View>
+                <View className="flex flex-col items-center justify-center flex-1">
+                  <View className="flex flex-col justify-center items-center pl-[5px] pt-[5px] pb-[5px] pr-[5px]">
+                    <View className="h-[50px]">
+                      <Image
+                        src="https://cdn.appthen.com/Fosr46VY-UXmYb-tn5z8GgqdVCwI"
+                        remote={false}
+                        fit={false}
+                        className="w-[50px] h-[50px]"
+                      />
+                    </View>
+                    <View className="mt-[10px]">
+                      <Text className="text-xs text-[#333]">训练营</Text>
+                    </View>
+                  </View>
+                </View>
+                <View className="w-[20%] flex flex-col items-center justify-center">
+                  <View className="flex flex-col justify-center items-center pl-[5px] pt-[5px] pb-[5px] pr-[5px]">
+                    <View className="h-[50px]">
+                      <Image
+                        src="https://cdn.appthen.com/FlQ_Hn5DRuYn5kZtuG6fkwu7g--i"
+                        remote={false}
+                        fit={false}
+                        className="w-[50px] h-[50px]"
+                      />
+                    </View>
+                    <View className="mt-[10px]">
+                      <Text className="text-xs text-[#333]">免费听书</Text>
+                    </View>
+                  </View>
+                </View>
+                <View className="w-[20%] flex flex-col items-center justify-center">
+                  <View className="flex flex-col justify-center items-center pl-[5px] pt-[5px] pb-[5px] pr-[5px]">
+                    <View className="h-[50px]">
+                      <Image
+                        src="https://cdn.appthen.com/FnLpqqo8qxcSbzPfZvEYRriCqqER"
+                        remote={false}
+                        fit={false}
+                        className="w-[50px] h-[50px]"
+                      />
+                    </View>
+                    <View className="mt-[10px]">
+                      <Text className="text-xs text-[#333]">签到</Text>
+                    </View>
+                  </View>
+                </View>
+                <View className="w-[20%] flex flex-col items-center justify-center">
+                  <View className="flex flex-col justify-center items-center pl-[5px] pt-[5px] pb-[5px] pr-[5px]">
+                    <View className="h-[50px]">
+                      <Image
+                        src="https://cdn.appthen.com/FlhAoADKmGyp3XLdcMlgB4jZKG2v"
+                        remote={false}
+                        fit={false}
+                        className="w-[50px] h-[50px]"
+                      />
+                    </View>
+                    <View className="mt-[10px]">
+                      <Text className="text-xs text-[#333]">邀请有礼</Text>
+                    </View>
+                  </View>
+                </View>
+              </View>
+              <View className="pl-[15px] pr-[15px]">
+                <View className="bg-[#fff3e6] rounded-xl pt-[6px] pr-[6px] pb-[6px] pl-[6px]">
+                  <View
+                    __hidePh={true}
+                    className="h-full bg-[#fffaf7] rounded-lg pb-[15px]"
+                  >
+                    <View className="flex flex-col items-center">
+                      <ImageBackground
+                        src="https://cdn.appthen.com/FkzwSAo8V-QkOteuLhV4BYj0i9L2"
+                        className="w-[151px] h-[31px] flex flex-col mt-[-6px]"
+                      >
+                        <View className="flex-1 flex flex-col justify-center items-center">
+                          <Text className="text-base text-[#ffffff]">
+                            你的学习清单
+                          </Text>
+                        </View>
+                      </ImageBackground>
+                    </View>
+                    <View className="flex flex-row items-end justify-center mt-[15px]">
+                      <Text className="text-sm text-[#333]">
+                        距离任务结束还剩
+                      </Text>
+                      <Text className="text-base text-[#fe0000] ml-[3px] mr-[3px]">
+                        6
+                      </Text>
+                      <Text className="text-sm text-[#333]">天</Text>
+                      <Text className="text-base text-[#fe0000] ml-[3px] mr-[3px]">
+                        20
+                      </Text>
+                      <Text className="text-sm text-[#333]">时</Text>
+                      <Text className="text-base text-[#fe0000] ml-[3px] mr-[3px]">
+                        38
+                      </Text>
+                      <Text className="text-sm text-[#333]">分</Text>
+                    </View>
+                    <View className="flex flex-row mt-[15px] mb-[15px] pl-[5px] pr-[5px]">
+                      <View className="flex-1 flex flex-col justify-center items-center">
+                        <ImageBackground
+                          src="https://cdn.appthen.com/FmbyFEeIJoIwsX4_lwoxjVlL7LbX"
+                          className="w-[88px] h-[103px] rounded flex flex-col"
+                        >
+                          <View className="flex flex-col flex-1">
+                            <View className="flex-1 flex flex-col justify-center items-center">
+                              <Image
+                                src="https://cdn.appthen.com/Fthcf0opNaWXSvo27KQ6UCojFuLs"
+                                remote={false}
+                                fit={false}
+                                className="w-[33px] h-[33px]"
+                              />
+                            </View>
+                            <View className="h-[20px] bg-[#000000] rounded-bl-[4px] rounded-br-[4px] flex flex-col justify-center items-center">
+                              <Text className="text-xs text-[#f8e71c]">
+                                已学50%
+                              </Text>
+                            </View>
+                          </View>
+                        </ImageBackground>
+                      </View>
+                      <View className="flex-1 flex flex-col justify-center items-center">
+                        <ImageBackground
+                          src="https://cdn.appthen.com/FmbyFEeIJoIwsX4_lwoxjVlL7LbX"
+                          className="w-[88px] h-[103px] rounded flex flex-col"
+                        >
+                          <View className="flex flex-col flex-1">
+                            <View className="flex-1 flex flex-col justify-center items-center">
+                              <Image
+                                src="https://cdn.appthen.com/Fthcf0opNaWXSvo27KQ6UCojFuLs"
+                                remote={false}
+                                fit={false}
+                                className="w-[33px] h-[33px]"
+                              />
+                            </View>
+                            <View className="h-[20px] bg-[#000000] rounded-bl-[4px] rounded-br-[4px] flex flex-col justify-center items-center">
+                              <Text className="text-xs text-[#f8e71c]">
+                                已学50%
+                              </Text>
+                            </View>
+                          </View>
+                        </ImageBackground>
+                      </View>
+                      <View className="flex-1 flex flex-col justify-center items-center">
+                        <ImageBackground
+                          src="https://cdn.appthen.com/FmbyFEeIJoIwsX4_lwoxjVlL7LbX"
+                          className="w-[88px] h-[103px] rounded flex flex-col"
+                        >
+                          <View className="flex flex-col flex-1">
+                            <View className="flex-1 flex flex-col justify-center items-center">
+                              <Image
+                                src="https://cdn.appthen.com/Fthcf0opNaWXSvo27KQ6UCojFuLs"
+                                remote={false}
+                                fit={false}
+                                className="w-[33px] h-[33px]"
+                              />
+                            </View>
+                            <View className="[opacity:0] h-[20px] bg-[#000000] rounded-bl-[4px] rounded-br-[4px] flex flex-col justify-center items-center">
+                              <Text className="text-xs text-[#f8e71c]">
+                                已学50%
+                              </Text>
+                            </View>
+                          </View>
+                        </ImageBackground>
+                      </View>
+                    </View>
+                    <View className="flex flex-row pl-[12px] items-center">
+                      <View className="flex flex-row">
+                        <View>
+                          <Image
+                            src="https://cdn.appthen.com/FsLiBzU9jN5G0IxgVQU48FcLvGwf"
+                            remote={false}
+                            fit={false}
+                            className="w-[18px] h-[18px]"
+                          />
+                        </View>
+                        <View className="ml-[-3px]">
+                          <Image
+                            src="https://cdn.appthen.com/FsLiBzU9jN5G0IxgVQU48FcLvGwf"
+                            remote={false}
+                            fit={false}
+                            className="w-[18px] h-[18px]"
+                          />
+                        </View>
+                        <View className="ml-[-3px]">
+                          <Image
+                            src="https://cdn.appthen.com/FsLiBzU9jN5G0IxgVQU48FcLvGwf"
+                            remote={false}
+                            fit={false}
+                            className="w-[18px] h-[18px]"
+                          />
+                        </View>
+                        <View className="ml-[-3px]">
+                          <Image
+                            src="https://cdn.appthen.com/FsLiBzU9jN5G0IxgVQU48FcLvGwf"
+                            remote={false}
+                            fit={false}
+                            className="w-[18px] h-[18px]"
+                          />
+                        </View>
+                        <View className="ml-[-3px]">
+                          <Image
+                            src="https://cdn.appthen.com/FsLiBzU9jN5G0IxgVQU48FcLvGwf"
+                            remote={false}
+                            fit={false}
+                            className="w-[18px] h-[18px]"
+                          />
+                        </View>
+                      </View>
+                      <View className="flex flex-row ml-[10px]">
+                        <Text className="text-xs text-[#fe0000]">2345</Text>
+                        <Text className="text-xs text-[#333]">
+                          人正在和你一起完成任务
+                        </Text>
+                      </View>
+                    </View>
+                  </View>
+                </View>
+              </View>
+              <View className="pl-[15px] pr-[15px] mt-[15px]">
+                <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)]">
+                  <View className="flex-1">
+                    <View>
+                      <Text className="text-base text-[#333]">听懂财经</Text>
+                    </View>
+                    <View className="mt-[10px]">
+                      <Text className="text-xs text-[#424242]">
+                        解盘晚餐20210429
+                      </Text>
+                    </View>
+                  </View>
+                  <View className="flex flex-row items-center">
+                    <View className="pt-[8px] pr-[8px] pb-[8px] pl-[8px]">
+                      <AtIcon
+                        color="#999999"
+                        size={24}
+                        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;"
+                        className="w-[12px] h-[17px]"
+                      />
+                    </View>
+                    <View className="pt-[8px] pr-[8px] pb-[8px] pl-[8px] ml-[5px] mr-[5px]">
+                      <AtIcon
+                        color="#999999"
+                        size={28}
+                        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;"
+                      />
+                    </View>
+                    <View className="pt-[8px] pr-[8px] pb-[8px] pl-[8px]">
+                      <AtIcon
+                        color="#999999"
+                        size={24}
+                        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;"
+                        className="w-[12px] h-[17px]"
+                      />
+                    </View>
+                  </View>
+                </View>
+              </View>
+              <View className="pl-[15px] pr-[15px] mt-[15px] mb-[5px]">
+                <View className="bg-[#fff] flex flex-row items-center">
+                  <View className="flex-1">
+                    <Text className="text-xl text-[#333] font-bold">
+                      今日直播
+                    </Text>
+                  </View>
+                  <View className="pt-[10px] pl-[10px] pb-[10px] pr-[10px]">
+                    <Text className="text-[15px] text-[#424242] font-normal">
+                      全部
+                    </Text>
+                  </View>
+                </View>
+              </View>
+              <View className="flex flex-col h-[222px] pb-[20px]">
+                <ScrollView scrollX={true}>
+                  <View className="flex flex-row pl-[15px] mb-[20px]">
+                    <View className="pr-[15px]">
+                      <View className="pb-[15px] rounded-[10px] shadow-[0 4px 12px 0 rgba(0,0,0,0.1)] flex-col flex w-[251px]">
+                        <View className="flex-1">
+                          <Image
+                            src="https://cdn.appthen.com/FjIuOivz4AZl7PLItcfqHLn6DSEZ"
+                            remote={false}
+                            fit={false}
+                            className="h-[100px] rounded-tl-[10px] rounded-tr-[10px] w-[251px]"
+                          />
+                        </View>
+                        <View className="mt-[10px] ml-[10px] mb-[10px] mr-[10px]">
+                          <Text className="text-base text-[#424242] [lineHeight:20px]">
+                            基金一季度报新鲜出炉，如何跟好“抄作业”
+                          </Text>
+                        </View>
+                        <View className="flex flex-row ml-[10px] mr-[10px] items-center">
+                          <View>
+                            <View className="flex flex-row">
+                              <Text className="text-[11px] text-[#424242]">
+                                直播预告：
+                              </Text>
+                              <Text className="text-[11px] text-[#424242]">
+                                今天20:00
+                              </Text>
+                            </View>
+                            <View className="flex flex-row items-center mt-[5px]">
+                              <View className="mr-[8px]">
+                                <AtIcon
+                                  color="#999999"
+                                  size={10}
+                                  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;"
+                                />
+                              </View>
+                              <Text className="text-[11px] text-[#999999]">
+                                27867人已报名
+                              </Text>
+                            </View>
+                          </View>
+                          <View className="flex-1 flex flex-row justify-end">
+                            <View className="pt-[6px] pb-[6px] pr-[20px] pl-[20px] bg-[#fe0000] rounded-[15px]">
+                              <Text className="text-xs text-[#ffffff]">
+                                立即预约
+                              </Text>
+                            </View>
+                          </View>
+                        </View>
+                      </View>
+                    </View>
+                    <View className="pr-[15px]">
+                      <View className="pb-[15px] rounded-[10px] shadow-[0 4px 12px 0 rgba(0,0,0,0.1)] flex-col flex w-[251px]">
+                        <View className="flex-1">
+                          <Image
+                            src="https://cdn.appthen.com/FjIuOivz4AZl7PLItcfqHLn6DSEZ"
+                            remote={false}
+                            fit={false}
+                            className="h-[100px] rounded-tl-[10px] rounded-tr-[10px] w-[251px]"
+                          />
+                        </View>
+                        <View className="mt-[10px] ml-[10px] mb-[10px] mr-[10px]">
+                          <Text className="text-base text-[#424242] [lineHeight:20px]">
+                            基金一季度报新鲜出炉，如何跟好“抄作业”
+                          </Text>
+                        </View>
+                        <View className="flex flex-row ml-[10px] mr-[10px] items-center">
+                          <View>
+                            <View className="flex flex-row">
+                              <Text className="text-[11px] text-[#424242]">
+                                直播预告：
+                              </Text>
+                              <Text className="text-[11px] text-[#424242]">
+                                今天20:00
+                              </Text>
+                            </View>
+                            <View className="flex flex-row items-center mt-[5px]">
+                              <View className="mr-[8px]">
+                                <AtIcon
+                                  color="#999999"
+                                  size={10}
+                                  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;"
+                                />
+                              </View>
+                              <Text className="text-[11px] text-[#999999]">
+                                27867人已报名
+                              </Text>
+                            </View>
+                          </View>
+                          <View className="flex-1 flex flex-row justify-end">
+                            <View className="pt-[6px] pb-[6px] pr-[20px] pl-[20px] bg-[#fe0000] rounded-[15px]">
+                              <Text className="text-xs text-[#ffffff]">
+                                立即预约
+                              </Text>
+                            </View>
+                          </View>
+                        </View>
+                      </View>
+                    </View>
+                    <View className="pr-[15px]">
+                      <View className="pb-[15px] rounded-[10px] shadow-[0 4px 12px 0 rgba(0,0,0,0.1)] flex-col flex w-[251px]">
+                        <View className="flex-1">
+                          <Image
+                            src="https://cdn.appthen.com/FjIuOivz4AZl7PLItcfqHLn6DSEZ"
+                            remote={false}
+                            fit={false}
+                            className="h-[100px] rounded-tl-[10px] rounded-tr-[10px] w-[251px]"
+                          />
+                        </View>
+                        <View className="mt-[10px] ml-[10px] mb-[10px] mr-[10px]">
+                          <Text className="text-base text-[#424242] [lineHeight:20px]">
+                            基金一季度报新鲜出炉，如何跟好“抄作业”
+                          </Text>
+                        </View>
+                        <View className="flex flex-row ml-[10px] mr-[10px] items-center">
+                          <View>
+                            <View className="flex flex-row">
+                              <Text className="text-[11px] text-[#424242]">
+                                直播预告：
+                              </Text>
+                              <Text className="text-[11px] text-[#424242]">
+                                今天20:00
+                              </Text>
+                            </View>
+                            <View className="flex flex-row items-center mt-[5px]">
+                              <View className="mr-[8px]">
+                                <AtIcon
+                                  color="#999999"
+                                  size={10}
+                                  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;"
+                                />
+                              </View>
+                              <Text className="text-[11px] text-[#999999]">
+                                27867人已报名
+                              </Text>
+                            </View>
+                          </View>
+                          <View className="flex-1 flex flex-row justify-end">
+                            <View className="pt-[6px] pb-[6px] pr-[20px] pl-[20px] bg-[#fe0000] rounded-[15px]">
+                              <Text className="text-xs text-[#ffffff]">
+                                立即预约
+                              </Text>
+                            </View>
+                          </View>
+                        </View>
+                      </View>
+                    </View>
+                  </View>
+                </ScrollView>
+              </View>
+            </ScrollView>
+          </View>
+        </View>
+        <View className="flex-1 pt-[20px] pb-[20px] bg-[#303030] flex flex-col items-center">
+          <View className="w-[375px] h-full bg-[#ffffff] flex flex-col">
+            <HeaderBar
+              backgroundColor="#6895ff"
+              mode="dark"
+              showBack={false}
+              title="实操区域"
+              titleAlign="center"
+              translucent={false}
+            />
+            <ScrollView />
+          </View>
+        </View>
+      </Page>
+    );
+  }
+}
+export default Document;