国产在线中文字幕亚洲,一区视频国产精品观看,欧美日韩国产高清片,久久久久久AV无码免费网站,亚洲无码一二三四五区,日韩无码www.,sese444

鎮ㄥソ锛屾杩庝締(l谩i)鍒扮董搴�(k霉)闆诲瓙甯傚牬(ch菐ng)缍�(w菐ng) 鐧婚寗 | 鍏嶈不(f猫i)娉ㄥ唺(c猫)

antd
闁辫畝锛�965鏅�(sh铆)闁擄細2023-08-10 16:36:41

    antd 鏄熀浜� Ant Design 瑷�(sh猫)瑷�(j矛)楂旂郴鐨� React UI 绲勪欢搴�(k霉)锛屼富瑕佺敤浜庣爺鐧�(f膩)浼佹キ(y猫)绱�(j铆)涓悗鑷�(t谩i)鐢�(ch菐n)鍝併�傞偅涔坅ntd鏈夊摢浜涚壒鎬у拰鍎�(y艒u)鍕�(sh矛)鍛�锛焌ntd鐨勬噳(y墨ng)鐢ㄦ柟娉曞張鏄粈涔堝憿锛熼�欑瘒鏂囩珷涓昏璎涜堪antd鐨勭浉闂�(gu膩n)鍏�(n猫i)瀹癸紝鏈�鍚庨檮鏈塧ntd鐨勭祫浠跺韩(k霉)渚涘ぇ瀹朵簡瑙ｄ娇鐢�銆�

鍎�(y艒u)鍕�(sh矛)

    1銆佹彁鐓夎嚜浼佹キ(y猫)绱�(j铆)涓悗鑷�(t谩i)鐢�(ch菐n)鍝佺殑浜や簰瑾�(y菙)瑷�鍜岃瑕�(ju茅)棰�(f膿ng)鏍�銆�
    2銆侀枊(k膩i)绠卞嵆鐢ㄧ殑楂樿唱(zh矛)閲� React 绲勪欢銆�
    3銆佷娇鐢� TypeScript 妲�(g貌u)寤猴紝鎻愪緵瀹屾暣鐨勯鍨嬪畾缇╂枃浠�銆�
    4銆佸叏閺堣矾闁�(k膩i)鐧�(f膩)鍜岃ō(sh猫)瑷�(j矛)宸ュ叿楂旂郴
    5銆佹暩(sh霉)鍗佸��(g猫)鍦�(gu贸)闅涘寲瑾�(y菙)瑷�鏀寔銆�
    6銆佹繁鍏ユ瘡鍊�(g猫)绱�(x矛)绡�(ji茅)鐨勪富椤屽畾鍒惰兘鍔�銆�

鎳�(y墨ng)鐢ㄦ柟娉�

    1銆佸畨瑁�
    瀹夎绲勪欢搴�(k霉)锛歯pm install antd  --save鎴杫arn add antd
    瀹夎鍦栨(bi膩o)搴�(k霉)锛歯pm install @ant-design/icons -s
    2銆佸紩鐢�
    浣跨敤绲勪欢锛氫娇鐢ㄧ祫浠剁殑鏅�(sh铆)鍊�锛岄渶瑕佸湪灏�(du矛)鎳�(y墨ng)鐨剅eact绲勪欢涓紝寮曞叆antd绲勪欢鍜宎ntd妯ｅ紡鏂囦欢?锛涜洏鍜ц嫰閲夎皩鑲熻皷鍕燁牪ain.js涓叏灞�寮曞叆(灏遍渶瑕佹瘡娆′娇鐢ㄩ兘瑕佸紩鍏ヤ簡)
    寮曞叆鐩搁棞(gu膩n)绲勪欢锛歩mport { ConfigProvider, DatePicker, message } from 'antd';
    寮曞叆妯ｅ紡锛歩mport 'antd/dist/antd.css';
    鎻掍欢锛氱偤浜嗗彲浠ュ儚涓婇潰閭ｆǎ鎸夐渶鍔犺級绲勪欢锛岄渶瑕佸紩鍏abel锛屼娇鐢� babel-plugin-import 渚�(l谩i)閫�(j矛n)琛屾寜闇�
    浣跨敤 Day.js 鏇挎彌 momentjs 鍎�(y艒u)鍖栨墦鍖呭ぇ灏忥細鍙互浣跨敤 antd-dayjs-webpack-plugin 鎻掍欢鐢� Day.js 鏇挎彌 momentjs 渚�(l谩i)澶у箙娓涘皬鎵撳寘澶у皬銆傞�欓渶瑕佹洿鏂� webpack 鐨勯厤缃枃浠跺涓嬶細
    3.鎸夐渶鍔犺級(闇�瑕佷粈涔堟彃浠剁洿鎺ュ姞杓変粈涔�)
    antd鐨勭祫浠跺韩(k霉)
    1銆丅utton绲勪欢
    <Button type="primary" danger>鏂囨湰</Button>
    type锛氭寜閳曠殑椤炲瀷锛屽彇鍊肩偤primary銆乨efault銆乨ashed銆乼ext銆乴ink
    danger锛氳〃绀哄嵄闅�(xi菐n)鎸夐垥
    size锛氳〃绀烘寜閳曠殑澶у皬,鍙栧�糽arge銆乵iddle銆乻mall
    disabled锛氳〃绀烘寜閳曚笉鍙敤
    icon锛氳ō(sh猫)缃寜閳曚笂鐨勫湒妯�(bi膩o)
    shape锛氳ō(sh猫)缃寜閳曠殑褰㈢媭
    2銆乵essage绲勪欢
    娑堟伅妗嗙祫浠讹紝鍙互鎻愪緵鎴愬姛銆佽鍛�銆侀尟(cu貌)瑾ょ瓑鍙嶉淇℃伅
    message.info()銆乵essage.success()銆乵essage.warning()銆乵essage.error()
    3銆丩ayout绲勪欢
    Layout鏄竷灞�瀹瑰櫒锛岄噷闈㈠彲浠ュ寘鍚獺eader Sider Content Footer 鎴� Layout 鏈韩
    Header锛氶爞閮ㄥ鍣�,鍙兘鏀惧湪Layout涓�
    Sider锛氬伌(c猫)閭婃瑒锛岄�氬父鏀惧皫(d菐o)鑸瑒锛屽彧鑳芥斁鍦↙ayout涓�
    Content锛氬収(n猫i)瀹归’绀哄崁(q奴),鍙兘鏀惧湪Layout涓�
    Footer:搴曢儴瀹瑰櫒,鍙兘鏀惧湪Layout涓�
    4銆丮enu绲勪欢
    鍙互鐩存帴鍖呭惈鑿滃柈闋�(xi脿ng)(Menu.Item),涔熷彲浠ュ寘鍚瓙鑿滃柈(SubMenu),鍦ㄥ瓙鑿滃柈涓嬪彲浠ュ寘鍚彍鍠爡(xi脿ng)
    theme锛氳〃绀鸿彍鍠殑鑳屾櫙鑹�
    mode锛� 琛ㄧず鑿滃柈闋�(xi脿ng)鐨勬斁缃柟寮�(姘村钩銆佸瀭鐩�)
    defaultSelectedKeys锛氶粯瑾�(r猫n)閬镐腑鐨勮彍鍠爡(xi脿ng),閫氶亷(gu貌)鑿滃柈闋�(xi脿ng)鐨刱ey灞�ц瓨(sh铆)鍒�
    defaultOpenKeys锛氶粯瑾�(r猫n)鎵撻枊(k膩i)鐨勫瓙鑿滃柈,閫氶亷(gu貌)瀛愯彍鍠殑key灞�ц瓨(sh铆)鍒�
    style锛氳彍鍠殑妯ｅ紡
    Menu.Item锛氳彍鍠爡(xi脿ng)绲勪欢
    key锛氳〃绀鸿彍鍠爡(xi脿ng)鐨勫敮涓�妯�(bi膩o)璀�(sh铆)
    icon锛氬湒妯�(bi膩o)
    SubMenu锛氬瓙鑿滃柈绲勪欢
    key锛氳〃绀哄瓙鑿滃柈鐨勫敮涓�妯�(bi膩o)璀�(sh铆)
    title锛氬瓙鑿滃柈鐨勬(bi膩o)椤屾枃鏈�
    icon锛氬瓙鑿滃柈鐨勫湒妯�(bi膩o)
    5銆丏ivider鍒嗗壊绶�
    orientation锛氳ō(sh猫)缃垎鍓茬窔鏂囨湰鐨勪綅缃�
    plain锛氳ō(sh猫)缃垎鍓茬窔鏂囨湰鐨勯鑹�
    type锛氬垎鍓茬窔鐨勯鍨�(鍨傜洿/姘村钩)
    6銆両nput绲勪欢
    size锛氬ぇ灏�(large銆乵iddle銆乻mall)
    placeholder锛氭彁绀�,鐢ㄦ埗杓稿叆鏅�(sh铆)鑷嫊(d貌ng)娑堝け
    prefix锛氬墠缍村湒妯�(bi膩o)
    suffix锛氬悗缍村湒妯�(bi膩o)
    maxLength锛氭渶澶ч暦(zh菐ng)搴�(瀛楃鍊�(g猫)鏁�(sh霉))
    disabled锛氭槸鍚︾鐢�,榛樿獚(r猫n)鏄痜alse
    defaultValue锛氶粯瑾�(r猫n)鍊�
    bordered锛氭槸鍚﹀付閭婃

缍韩(k霉)闆诲瓙閫�锛岄浕瀛愮煡璀�(sh铆)锛屼竴鏌ョ櫨閫�锛�

宸叉敹閷勮姊�162542鍊�(g猫)