amass/react-live2d
1
0
Fork 0
mirror of https://github.com/chendishen/react-live2d.git synced 2024-11-22 03:44:22 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Merge https://github.com/chendishen/react-live2d

Browse Source
This commit is contained in:
chendishen 2020-10-30 10:02:53 +08:00
commit 65e2fdeb46
1 changed files with 25 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
README.md
View File

@ -84,46 +84,44 @@ const App = () => (
## 🔨 Usage for SSR ## 🔨 Usage for SSR
##### 如：create-next-app ##### 如：create-next-app
项目根目录创建components文件夹，并在其中创建Header.js 创建文件`./pages/_document.js`
```jsx ```jsx
import React from 'react' import Document, { Html, Head, Main, NextScript } from 'next/document'
import Head from 'next/head'
const Header = () => ( class MyDocument extends Document {
<div className="header"> static async getInitialProps(ctx) {
<Head> const initialProps = await Document.getInitialProps(ctx)
<title></title> return { ...initialProps }
<meta name="viewport" content="initial-scale=1.0, width=device-width" /> }
<script>
{
`
with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://publicjs.supmiao.com/live2dcubismcore.min.js'];
`
}
</script>
</Head>
</div>
)
export default Header render() {
return (
<Html>
{/* <Head /> */}
<Head>
<script src = "http://publicjs.supmiao.com/live2dcubismcore.min.js"></script>
</Head>
<body>
<Main />
<NextScript />
</body>
</Html>
)
}
}
export default MyDocument
``` ```
```jsx ```jsx
import dynamic from 'next/dynamic' import dynamic from 'next/dynamic'
const DynamicComponentWithNoSSR = dynamic(import('../components/Header'), {
ssr: false
})
const ReactLive2d = dynamic(import('react-live2d'), { const ReactLive2d = dynamic(import('react-live2d'), {
ssr: false ssr: false
}) })
export default function Home() ( export default function Home() (
<> <>
<DynamicComponentWithNoSSR></DynamicComponentWithNoSSR>
<ReactLive2d <ReactLive2d
width = { 300} width = { 300}
height = { 500} height = { 500}
@ -180,4 +178,4 @@ api 文档 （待完善，如有需要功能欢迎提[issue](https://github.com/
当menuList 传入非空数组时，其中的字段： 当menuList 传入非空数组时，其中的字段：
| 成员 | 说明 | 类型 | 默认值 | | 成员 | 说明 | 类型 | 默认值 |
| :-----: | ----- | ----- | ----- | | :-----: | ----- | ----- | ----- |
| Mtab | 切换看板娘 | String | 'Mtab' | | Mtab | 切换看板娘 | String | 'Mtab' |