Ant Desing Pro2 0 二 新增頁面

2021-09-12 11:38:37 字數 1723 閱讀 4779

1.參考資料

參考ant design pro

參考dvajs

2.目錄位址

ant desing pro2.0(一)專案初始化

ant desing pro2.0(二)新增頁面

ant desing pro2.0(三)設定**

ant desing pro2.0(四)與服務端互動

1.1 在src->pages->『新建資料夾』newpage->『新建js檔案』newpage.js 和 『新建less檔案』newpage.less

1.2填入如下**
// 這是newpage.js內容

import react, from "react";

//麵包屑

// 引入less

import styles from "./newpage.less";

class newpage extends purecomponent

}export default newpage;

// 這是newpage.less內容

//樣式檔案預設使用 css modules,如果需要,你可以在樣式檔案的頭部引入 antd 樣式變數檔案:

//這樣可以很方便地獲取 antd 樣式變數並在你的檔案裡使用,有利於保持頁面的一致性,也方便實現定製主題。

@import "~antd/lib/style/themes/default.less";

2.1 在config->router.config.js->『47行新增如下內容』
// 這行是新增的內容

2.2 做完如上步驟其實功能是完成了,但是pro 2.x版本中加入了選單國際化中。所以你剛剛的頁面如下

這不是我們想要的效果,讓我在進行修改修改

在src->locales->zh-cn->menu.js->『11行新增如下內容』

'menu.newpage': '新增選單',

'menu.newpage.newpage': '新增頁面',

3.1執行效果

3.2讓我做一道連線題把

FLSL2 0學習筆記 二

三 flsl2.0檔案的編輯 除錯和編譯 use namespace flare.transforms use namespace flare.filters technique main flsl檔案的除錯和編譯可以在免費的flare3d的ide中進行,如下圖 四 如何載入編譯後的shader檔案...

Linux 20條命令(二)

1.linux哲學 一切皆為檔案 2.chmod u x 3.r 4,w 2,x 1 4.ls a 5.ls alls 6.touch 建立乙個工作檔案 格式 touch hello.c 建立時,檔名加檔案格式 7.cat 檢視 8.rm 刪除rm f 強制刪除 9.gedit 檔案編輯器gedit...

spring boot 2 0系列筆記 二

之前使用的spring boot 版本一直是1.5.x,spring推出2.0已經有一段時間,個人感覺可以花精力去研究一些變化的新特性,網上的文章很多,我就不一一介紹了,本文主要是用spring boot 2.0構建乙個現在很流行的分布式module專案的demo,位址在本文最後會貼出.下面開始表演...