㈠ ant design(Tabs,Table)配置
1.Tabs標簽頁默認樣式修改,確保先將所有的padding和margin重置。.ant-tabs-bar設置默認的黑灰border-bottom,只需在這里將border都設為0即可。.ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab設置了每一個tab的一些樣式,通過debug調試即可。
2.table表格參數配置,可以自定義翻頁,分步請求。Table中主要配置解釋,column配置主要作用是將列名及列內容做一一對應,dataIndex和dataSource裡面的數據值也是一一對應的關系。後面的render除了過濾轉換數據同樣可以return HTML。recor等價於applysPayed[i],rowKey給每一行一個唯一key,避免報錯。pagination默認為true,可以設置為false,則不會顯示翻頁。
```
const pagination = dataSourse && dataSourse.length > 10 ? true : false;
<Table
rowKey={record => record._id} // 避免報錯(key)唯一
showHeader={false} // 不展示每一列的名稱
columns={columns}
dataSource={dataSourse}
size="small" // tr的高度
pagination= {pagination}
/>
```
3.Pagination參數配置,showQuickJumper帶自動輸入調整翻頁,不傳則無。其餘參數是配合後台做翻頁請求。
4.主題樣式(顏色)修改目錄路徑:
/Users/yons/Desktop/task/server-commerce/node_moles/antd/lib/style/themes/default.less: