UNPKG

hel-tpl-remote-react-comps-ts

Version:

最简单的远程react组件模板(ts) codesandbox: https://codesandbox.io/s/demo-load-remote-react-comp-2bnpl0?file=/src/App.js

51 lines (42 loc) 806 B
/* @helstart hel-tpl-remote-react-comps-ts @helend */ /* TODO: use webpack style plugin to mark where the style content comes from */ body { background-color: blue; } .App { text-align: center; border: 23px solid red; } .MarkRemotComp { background-color: red; } .App-logo { height: 40vmin; pointer-events: none; } @media (prefers-reduced-motion: no-preference) { .App-logo { animation: App-logo-spin infinite 20s linear; } } .App-header { background-color: #282c34; min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: calc(10px + 2vmin); color: white; } .App-link { color: #61dafb; } @keyframes App-logo-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }