添加 wailwind.config.js

package.json

@@ -77,6 +77,7 @@
     "@linkseeks/design-react-web": "^1.0.0",
     "@linkseeks/design-ui": "^1.0.12",
     "@linkseeks/god": "^1.0.0",
+    "@linkseeks/umi-plugin-yapi": "1.0.1",
     "@turf/turf": "^6.4.0",
     "@types/crypto-js": "^4.0.1",
     "@types/js-cookie": "^2.2.6",
@@ -153,6 +154,7 @@
     "ora": "^4.0.4",
     "scp2": "^0.1.0-b1",
     "ssh2": "^0.8.9",
+    "umi-plugin-tailwindcss": "^3.2.1",
     "util": "^0.12.3"
   }
 }

src/components/PageHeader/index.ts

+import PageHeader from "./PageHeader";
+
+export {
+  PageHeader
+}
\ No newline at end of file

src/pages/order/receivingNote/deliveryNoteQuery/details.tsx

@@ -3,23 +3,18 @@
  * @author: Gavin
  * @description:
  */
- import React, { useState } from 'react'
- import { PageHeaderWrapper } from '@ant-design/pro-layout'
- import { history } from 'umi'
- import ReutrnEle from '@/components/ReturnEle'
- 
- const DeliveryNoteDetails: React.FC = () => {
-   const [details, setDetails] = useState<any>({})
-   
-   return (
-     <PageHeaderWrapper
-       title={details?.name}
-       onBack={() => history.goBack()}
-       backIcon={<ReutrnEle />}
-     >
-       <div>收货单 - 送货单详情</div>
-     </PageHeaderWrapper>
+import React, { useState } from 'react'
+import { PageHeader } from '@/components/PageHeader'
+
+const DeliveryNoteDetails: React.FC = () => {
+
+  return (
+    <PageHeader
+      title="2014-07-01 进口头层黄牛皮荔枝纹送货单|FH2014070100001"
+    >
+      <div>收货单 - 送货单详情</div>
+    </PageHeader>
+  )
+}
+
+export default DeliveryNoteDetails
\ No newline at end of file
-   )
- }
- 
- export default DeliveryNoteDetails
\ No newline at end of file

tailwind.config.js

+module.exports = {
+    // mode: 'jit',
+    // jit document: https://tailwindcss.com/docs/just-in-time-mode
+    purge: ['./src/**/*.html', './src/**/*.tsx', './src/**/*.ts'],
+    darkMode: false, // or 'media' or 'class'
+    theme: {},
+    variants: {
+      extend: {},
+    },
+    plugins: [],
+};