Commit de8eb42f0f11be7e76cd9b3ce0ad16766b93921a
1 parent
cfc13669
🐱 feat(*): 更新组件库版本
Showing
5 changed files
with
11 additions
and
169 deletions
package.json
@@ -23,7 +23,7 @@ | @@ -23,7 +23,7 @@ | ||
23 | "dist/" | 23 | "dist/" |
24 | ], | 24 | ], |
25 | "dependencies": { | 25 | "dependencies": { |
26 | - "@feewee/h5app-common": "^0.1.5", | 26 | + "@feewee/h5app-common": "^0.1.7", |
27 | "@modern-js/plugin-tailwindcss": "2.48.5", | 27 | "@modern-js/plugin-tailwindcss": "2.48.5", |
28 | "@modern-js/runtime": "2.48.5", | 28 | "@modern-js/runtime": "2.48.5", |
29 | "ahooks": "^3.7.11", | 29 | "ahooks": "^3.7.11", |
pnpm-lock.yaml
@@ -6,8 +6,8 @@ settings: | @@ -6,8 +6,8 @@ settings: | ||
6 | 6 | ||
7 | dependencies: | 7 | dependencies: |
8 | '@feewee/h5app-common': | 8 | '@feewee/h5app-common': |
9 | - specifier: ^0.1.5 | ||
10 | - version: 0.1.5(react-dom@18.2.0)(react@18.2.0)(tailwindcss@3.4.3) | 9 | + specifier: ^0.1.7 |
10 | + version: 0.1.7(react-dom@18.2.0)(react@18.2.0) | ||
11 | '@modern-js/plugin-tailwindcss': | 11 | '@modern-js/plugin-tailwindcss': |
12 | specifier: 2.48.5 | 12 | specifier: 2.48.5 |
13 | version: 2.48.5(@modern-js/runtime@2.48.5)(tailwindcss@3.4.3) | 13 | version: 2.48.5(@modern-js/runtime@2.48.5)(tailwindcss@3.4.3) |
@@ -1829,20 +1829,18 @@ packages: | @@ -1829,20 +1829,18 @@ packages: | ||
1829 | - supports-color | 1829 | - supports-color |
1830 | dev: true | 1830 | dev: true |
1831 | 1831 | ||
1832 | - /@feewee/h5app-common@0.1.5(react-dom@18.2.0)(react@18.2.0)(tailwindcss@3.4.3): | ||
1833 | - resolution: {integrity: sha512-x2ow9qBrPZcQfFKI83XHD1vIOsPNcn6vzqb6t2DrDNVUCsnzufpk+a1BNSLVgCndHxhfCt2QHpPfwb5gXnMteg==} | 1832 | + /@feewee/h5app-common@0.1.7(react-dom@18.2.0)(react@18.2.0): |
1833 | + resolution: {integrity: sha512-GCah1XFT46nePzysKdAOGHAmG7Z2k8w5ZICBnbqofceBODeUGXjDKCaziOqVHEWQH4ZUyrfUCtagvRdfY4z8Sw==} | ||
1834 | engines: {node: '>=18', npm: '>=6.9.0'} | 1834 | engines: {node: '>=18', npm: '>=6.9.0'} |
1835 | peerDependencies: | 1835 | peerDependencies: |
1836 | react: '>=18' | 1836 | react: '>=18' |
1837 | react-dom: '>=18' | 1837 | react-dom: '>=18' |
1838 | - tailwindcss: ~3.3.3 | ||
1839 | dependencies: | 1838 | dependencies: |
1840 | '@nutui/icons-react': 1.0.4 | 1839 | '@nutui/icons-react': 1.0.4 |
1841 | '@nutui/nutui-react': 2.6.0(react-dom@18.2.0)(react@18.2.0) | 1840 | '@nutui/nutui-react': 2.6.0(react-dom@18.2.0)(react@18.2.0) |
1842 | clsx: 2.1.0 | 1841 | clsx: 2.1.0 |
1843 | react: 18.2.0 | 1842 | react: 18.2.0 |
1844 | react-dom: 18.2.0(react@18.2.0) | 1843 | react-dom: 18.2.0(react@18.2.0) |
1845 | - tailwindcss: 3.4.3 | ||
1846 | dev: false | 1844 | dev: false |
1847 | 1845 | ||
1848 | /@humanwhocodes/config-array@0.11.14: | 1846 | /@humanwhocodes/config-array@0.11.14: |
src/routes/demo/page.tsx
1 | import { Helmet } from '@modern-js/runtime/head'; | 1 | import { Helmet } from '@modern-js/runtime/head'; |
2 | -import { ListRow } from '@feewee/h5app-common'; | 2 | +import { ListRow, Button } from '@feewee/h5app-common'; |
3 | 3 | ||
4 | const Index = () => ( | 4 | const Index = () => ( |
5 | <> | 5 | <> |
@@ -9,6 +9,7 @@ const Index = () => ( | @@ -9,6 +9,7 @@ const Index = () => ( | ||
9 | <main className="p-4"> | 9 | <main className="p-4"> |
10 | <div>demo 页面</div> | 10 | <div>demo 页面</div> |
11 | <ListRow title="标题" description="副标题" extra="描述文字" radius={6} align="center" onClick={() => console.info('点击事件')} /> | 11 | <ListRow title="标题" description="副标题" extra="描述文字" radius={6} align="center" onClick={() => console.info('点击事件')} /> |
12 | + <Button type="primary">默认</Button> | ||
12 | </main> | 13 | </main> |
13 | </> | 14 | </> |
14 | ); | 15 | ); |
src/routes/index.css deleted
1 | -html, | ||
2 | -body { | ||
3 | - padding: 0; | ||
4 | - margin: 0; | ||
5 | - font-family: PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif; | ||
6 | - background: linear-gradient(to bottom, transparent, #fff) #eceeef; | ||
7 | -} | ||
8 | - | ||
9 | -p { | ||
10 | - margin: 0; | ||
11 | -} | ||
12 | - | ||
13 | -* { | ||
14 | - -webkit-font-smoothing: antialiased; | ||
15 | - -moz-osx-font-smoothing: grayscale; | ||
16 | - box-sizing: border-box; | ||
17 | -} | ||
18 | - | ||
19 | -.container-box { | ||
20 | - min-height: 100vh; | ||
21 | - max-width: 100%; | ||
22 | - display: flex; | ||
23 | - flex-direction: column; | ||
24 | - justify-content: center; | ||
25 | - align-items: center; | ||
26 | - padding-top: 10px; | ||
27 | -} | ||
28 | - | ||
29 | -main { | ||
30 | - flex: 1; | ||
31 | - display: flex; | ||
32 | - flex-direction: column; | ||
33 | - justify-content: center; | ||
34 | - align-items: center; | ||
35 | -} | ||
36 | - | ||
37 | -.title { | ||
38 | - display: flex; | ||
39 | - margin: 4rem 0 4rem; | ||
40 | - align-items: center; | ||
41 | - font-size: 4rem; | ||
42 | - font-weight: 600; | ||
43 | -} | ||
44 | - | ||
45 | -.logo { | ||
46 | - width: 6rem; | ||
47 | - margin: 7px 0 0 1rem; | ||
48 | -} | ||
49 | - | ||
50 | -.name { | ||
51 | - color: #4ecaff; | ||
52 | -} | ||
53 | - | ||
54 | -.description { | ||
55 | - text-align: center; | ||
56 | - line-height: 1.5; | ||
57 | - font-size: 1.3rem; | ||
58 | - color: #1b3a42; | ||
59 | - margin-bottom: 5rem; | ||
60 | -} | ||
61 | - | ||
62 | -.code { | ||
63 | - background: #fafafa; | ||
64 | - border-radius: 12px; | ||
65 | - padding: 0.6rem 0.9rem; | ||
66 | - font-size: 1.05rem; | ||
67 | - font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, | ||
68 | - Bitstream Vera Sans Mono, Courier New, monospace; | ||
69 | -} | ||
70 | - | ||
71 | -.container-box .grid { | ||
72 | - display: flex; | ||
73 | - align-items: center; | ||
74 | - justify-content: center; | ||
75 | - width: 1100px; | ||
76 | - margin-top: 3rem; | ||
77 | -} | ||
78 | - | ||
79 | -.card { | ||
80 | - padding: 1.5rem; | ||
81 | - display: flex; | ||
82 | - flex-direction: column; | ||
83 | - justify-content: center; | ||
84 | - height: 100px; | ||
85 | - color: inherit; | ||
86 | - text-decoration: none; | ||
87 | - transition: 0.15s ease; | ||
88 | - width: 45%; | ||
89 | -} | ||
90 | - | ||
91 | -.card:hover, | ||
92 | -.card:focus { | ||
93 | - transform: scale(1.05); | ||
94 | -} | ||
95 | - | ||
96 | -.card h2 { | ||
97 | - display: flex; | ||
98 | - align-items: center; | ||
99 | - font-size: 1.5rem; | ||
100 | - margin: 0; | ||
101 | - padding: 0; | ||
102 | -} | ||
103 | - | ||
104 | -.card p { | ||
105 | - opacity: 0.6; | ||
106 | - font-size: 0.9rem; | ||
107 | - line-height: 1.5; | ||
108 | - margin-top: 1rem; | ||
109 | -} | ||
110 | - | ||
111 | -.arrow-right { | ||
112 | - width: 1.3rem; | ||
113 | - margin-left: 0.5rem; | ||
114 | - margin-top: 3px; | ||
115 | -} |
src/routes/page.tsx
1 | import { Helmet } from '@modern-js/runtime/head'; | 1 | import { Helmet } from '@modern-js/runtime/head'; |
2 | -import './index.css'; | ||
3 | 2 | ||
4 | const Index = () => ( | 3 | const Index = () => ( |
5 | - <div className="container-box"> | 4 | + <> |
6 | <Helmet> | 5 | <Helmet> |
7 | <link rel="icon" type="image/x-icon" href="https://lf3-static.bytednsdoc.com/obj/eden-cn/uhbfnupenuhf/favicon.ico" /> | 6 | <link rel="icon" type="image/x-icon" href="https://lf3-static.bytednsdoc.com/obj/eden-cn/uhbfnupenuhf/favicon.ico" /> |
8 | </Helmet> | 7 | </Helmet> |
9 | - <main> | ||
10 | - <div className="title"> | ||
11 | - Welcome to | ||
12 | - <img | ||
13 | - className="logo" | ||
14 | - src="https://lf3-static.bytednsdoc.com/obj/eden-cn/zq-uylkvT/ljhwZthlaukjlkulzlp/modern-js-logo.svg" | ||
15 | - alt="Modern.js Logo" | ||
16 | - /> | ||
17 | - <p className="name">Modern.js</p> | ||
18 | - </div> | ||
19 | - <p className="description"> | ||
20 | - Get started by editing <code className="code">src/routes/page.tsx</code> | ||
21 | - </p> | ||
22 | - <div className="grid"> | ||
23 | - <a href="https://modernjs.dev/guides/get-started/introduction.html" target="_blank" rel="noopener noreferrer" className="card"> | ||
24 | - <h2> | ||
25 | - Guide | ||
26 | - <img className="arrow-right" src="https://lf3-static.bytednsdoc.com/obj/eden-cn/zq-uylkvT/ljhwZthlaukjlkulzlp/arrow-right.svg" /> | ||
27 | - </h2> | ||
28 | - <p>Follow the guides to use all features of Modern.js.</p> | ||
29 | - </a> | ||
30 | - <a href="https://modernjs.dev/tutorials/foundations/introduction.html" target="_blank" className="card" rel="noreferrer"> | ||
31 | - <h2> | ||
32 | - Tutorials | ||
33 | - <img className="arrow-right" src="https://lf3-static.bytednsdoc.com/obj/eden-cn/zq-uylkvT/ljhwZthlaukjlkulzlp/arrow-right.svg" /> | ||
34 | - </h2> | ||
35 | - <p>Learn to use Modern.js to create your first application.</p> | ||
36 | - </a> | ||
37 | - <a href="https://modernjs.dev/configure/app/usage.html" target="_blank" className="card" rel="noreferrer"> | ||
38 | - <h2> | ||
39 | - Config | ||
40 | - <img className="arrow-right" src="https://lf3-static.bytednsdoc.com/obj/eden-cn/zq-uylkvT/ljhwZthlaukjlkulzlp/arrow-right.svg" /> | ||
41 | - </h2> | ||
42 | - <p>Find all configuration options provided by Modern.js.</p> | ||
43 | - </a> | ||
44 | - <a href="https://github.com/web-infra-dev/modern.js" target="_blank" rel="noopener noreferrer" className="card"> | ||
45 | - <h2> | ||
46 | - Github | ||
47 | - <img className="arrow-right" src="https://lf3-static.bytednsdoc.com/obj/eden-cn/zq-uylkvT/ljhwZthlaukjlkulzlp/arrow-right.svg" /> | ||
48 | - </h2> | ||
49 | - <p>View the source code of Github, feel free to contribute.</p> | ||
50 | - </a> | ||
51 | - </div> | 8 | + <main className="p-4"> |
9 | + <div>这是首页 页面</div> | ||
52 | </main> | 10 | </main> |
53 | - </div> | 11 | + </> |
54 | ); | 12 | ); |
55 | 13 | ||
56 | export default Index; | 14 | export default Index; |