第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機(jī)立即綁定

學(xué)習(xí)打卡】第4天 實(shí)戰(zhàn)旅游項(xiàng)目

標(biāo)簽:
Html5

学习打卡】第4天 实战旅游项目

课程名称:[React 17/18 系统精讲 结合TS打造旅游电商平台]

课程章节: 项目初始化 /

主讲老师:阿莱克斯

课程内容:

  1. State Props 概念

课程收获:

初始化
 npx create-react-app react-traval --template typescript
使用模块化module.css修改原有的css名称
安装UI组件库
npm install antd @ant-design/icons
注入antdCSS样式
import 'antd/dist/antd.min.css';
使用antd基础编写一个页面
import React from "react";
import style from "./App.module.css";
import logo from "./logo.svg";
import "antd/dist/antd.min.css";
import { Layout, Typography, Input } from "antd";
const { Header } = Layout;
const { Title } = Typography;
const { Search } = Input;
function App() {
  return (
    <div className={style.App}>
      <div>
        <Header>
          <img src={logo} alt="" />
          <Title level={3}>React 旅游网</Title>
          <Search placeholder={"请输入旅游目的地"}></Search>
        </Header>
      </div>
    </div>
  );
}
export default App;

为logo添加上样式
<img src={logo} className={styles['App-logo']} alt="" />
// 此处应采用的css in js App-logo无法使用对象链式起来
使用行内样式定义下拉菜单的BUTTON组件 并定义下拉菜单的样式
<DropdownB style={{ marginLeft: 15 }}></DropdownB>
          <DropdownB
            overlay={
              <Menu
                items={[
                  { key: "1", label: "中文" },
                  { key: "2", label: "English" },
                ]}
              />
            }
            style={{ marginLeft: 15 }}
          >
            语言
          </DropdownB>
截图

图片描述

點(diǎn)擊查看更多內(nèi)容
TA 點(diǎn)贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優(yōu)質(zhì)文章

正在加載中
  • 推薦
  • 評論
  • 收藏
  • 共同學(xué)習(xí),寫下你的評論
感謝您的支持,我會繼續(xù)努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進(jìn)行掃碼打賞哦
今天注冊有機(jī)會得

100積分直接送

付費(fèi)專欄免費(fèi)學(xué)

大額優(yōu)惠券免費(fèi)領(lǐng)

立即參與 放棄機(jī)會
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號

舉報

0/150
提交
取消