feat: init
This commit is contained in:
23
README.md
23
README.md
@@ -22,26 +22,13 @@
|
||||
2. 全局根字体大小断点(`src/index.css`)
|
||||
|
||||
```html
|
||||
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-size:
|
||||
100%; } /* 小屏幕设备(如手机)*/ @media (max-width: 600px) { html { font-size:
|
||||
90%; /* 字体稍微小一点 */ } } /* 中等屏幕设备(如平板)*/ @media (min-width:
|
||||
601px) and (max-width: 1024px) { html { font-size: 100%; /* 标准大小 */ } } /*
|
||||
大屏幕设备(如桌面)*/ @media (min-width: 1025px) { html { font-size: 110%; /*
|
||||
字体稍微大一点 */ } }
|
||||
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-size: 100%; } /* 小屏幕设备(如手机)*/ @media (max-width: 600px) { html { font-size: 90%; /* 字体稍微小一点 */ } } /* 中等屏幕设备(如平板)*/ @media (min-width: 601px) and (max-width: 1024px) { html { font-size: 100%; /* 标准大小 */ } } /* 大屏幕设备(如桌面)*/ @media (min-width: 1025px) { html { font-size: 110%; /* 字体稍微大一点 */ } }
|
||||
```
|
||||
|
||||
3. 组件库全局配色(`src/index.css`)
|
||||
|
||||
```html
|
||||
:root { --primary-color: #FFC300; } :root:root { --adm-color-primary: #FFC300;
|
||||
--adm-color-success: #00b578; --adm-color-warning: #ff8f1f; --adm-color-danger:
|
||||
#ff3141; --adm-color-white: #ffffff; --adm-color-text: #333333;
|
||||
--adm-color-text-secondary: #666666; --adm-color-weak: #999999;
|
||||
--adm-color-light: #cccccc; --adm-color-border: #eeeeee; --adm-color-box:
|
||||
#f5f5f5; --adm-color-background: #ffffff; --adm-font-size-main:
|
||||
var(--adm-font-size-5); --adm-font-family: -apple-system, blinkmacsystemfont,
|
||||
'Helvetica Neue', helvetica, segoe ui, arial, roboto, 'PingFang SC', 'miui',
|
||||
'Hiragino Sans GB', 'Microsoft Yahei', sans-serif; }
|
||||
:root { --primary-color: #FFC300; } :root:root { --adm-color-primary: #FFC300; --adm-color-success: #00b578; --adm-color-warning: #ff8f1f; --adm-color-danger: #ff3141; --adm-color-white: #ffffff; --adm-color-text: #333333; --adm-color-text-secondary: #666666; --adm-color-weak: #999999; --adm-color-light: #cccccc; --adm-color-border: #eeeeee; --adm-color-box: #f5f5f5; --adm-color-background: #ffffff; --adm-font-size-main: var(--adm-font-size-5); --adm-font-family: -apple-system, blinkmacsystemfont, 'Helvetica Neue', helvetica, segoe ui, arial, roboto, 'PingFang SC', 'miui', 'Hiragino Sans GB', 'Microsoft Yahei', sans-serif; }
|
||||
```
|
||||
|
||||
4. 修改语言
|
||||
@@ -99,8 +86,7 @@ export const useFetchXXX = () => {
|
||||
// set the url
|
||||
const url = `/xxx/xxx`;
|
||||
// fetch the data
|
||||
const [{ data, loading, error }, refetch] =
|
||||
useAxios < Result < MockResult >> url;
|
||||
const [{ data, loading, error }, refetch] = useAxios < Result < MockResult >> url;
|
||||
// to do something
|
||||
return { data, loading, error, refetch };
|
||||
};
|
||||
@@ -113,8 +99,7 @@ export const useFetchPageXXX = (page: number, size: number) => {
|
||||
// set the url
|
||||
const url = `/xxx/xxx?page=${page}&size=${size}`;
|
||||
// fetch the data
|
||||
const [{ data, loading, error }, refetch] =
|
||||
useAxios < Page < MockResult >> url;
|
||||
const [{ data, loading, error }, refetch] = useAxios < Page < MockResult >> url;
|
||||
// to do something
|
||||
return { data, loading, error, refetch };
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user