摘要：
import React from 'react' import axios from 'axios' //留白 import { Carousel, Flex,Grid} from 'antd-mobile' import Nav1 from '../../assets/images/nav-1. 阅读全文
posted @ 2022-05-27 21:06
前端导师歌谣
阅读(37)
评论(0)
推荐(0)
摘要：
切换到版本2 1打开ant-moblie文档 2安装组件库 3在根部导入要使用的组件 4渲染组件 5在index.js中导入组件样式 import React from "react"; import {Button} from "antd-mobile" function App() { retu 阅读全文
posted @ 2022-05-26 18:04
前端导师歌谣
阅读(56)
评论(0)
推荐(0)
摘要：
步骤:安装路由 1yarn add react-router-dom 2导入路由文件Router/router/link 3在pages文件中创建Home/index。js和cotyList/index。两个页面 4使用Router配置首页和城市选择页面 import React from "rea 阅读全文
posted @ 2022-05-26 18:04
前端导师歌谣
阅读(27)
评论(0)
推荐(0)
摘要：
外观和样式调整 步骤: 1修改页面标题:在index.html中修改 2基础样式调整:在index.css中调整 index.css html,body{ height: 100%; font-family: "Microsoft YaHei"; color: #333; background-co 阅读全文
posted @ 2022-05-26 18:04
前端导师歌谣
阅读(22)
评论(0)
推荐(0)
摘要：
1有tabbar的页面（首页 找房 资讯 我的） 2无tabbar的页面 城市选择（简单 不需要额外处理） 本文只贴出部分代码 需要全代码关注微信公众号前端小歌谣 阅读全文
posted @ 2022-05-26 18:04
前端导师歌谣
阅读(27)
评论(0)
推荐(0)
摘要：
嵌套路由:路由里面继续包括路由 home组件表示父组件的内容 news组件表示子路由的内容 本文只贴出部分代码 需要全代码关注微信公众号前端小歌谣 news/index.js import React from "react"; import News from "../News"; import 阅读全文
posted @ 2022-05-26 18:04
前端导师歌谣
阅读(23)
评论(0)
推荐(0)
摘要：
1基本使用 页面底部的导航菜单 核心代码拷贝到home中 分析并调整代码 让其在项目中正常运行 import React from 'react' import { TabBar } from 'antd-mobile' //导入路由 class Home extends React.Compone 阅读全文
posted @ 2022-05-26 18:04
前端导师歌谣
阅读(27)
评论(0)
推荐(0)
摘要：
1删除前面页面路由的样式 2修改tabbar菜单项文字标题 3修改tabbar菜单文字标题颜色 4使用字体图标 修改tabber菜单的图标 5修改tabbar菜单项的图标大小 6调整tabbar菜单的位置 让其固定在最底部 import React from 'react' import { Tab 阅读全文
posted @ 2022-05-26 18:04
前端导师歌谣
阅读(32)
评论(0)
推荐(0)
摘要：
1根据tabbar组件文档设置不渲染内容部分（只保存菜单项 不显示内容） 2给tabber.item绑定事件 3再点击事件中调用history.push（）实现路由切换 4创建tabbar组件菜单项对应的三个组件 并在home组件中配置路由信息 <TabBar.item> 5给菜单提供selecte 阅读全文
posted @ 2022-05-26 18:04
前端导师歌谣
阅读(24)
评论(0)
推荐(0)
摘要：
tabBar.item import React from 'react' import { TabBar } from 'antd-mobile' import {BrowserRouter as Router,Route, Link} from "react-router-dom" import 阅读全文
posted @ 2022-05-26 18:04
前端导师歌谣
阅读(30)
评论(0)
推荐(0)
浙公网安备 33010602011771号