随笔分类 -  前端歌谣歌谣-学习篇React-好客租房笔记

1 2 3 4 5 ··· 9 下一页
摘要://处理createOverlays 通过参数来决定调用什么方法 import React from 'react' // 导入axios import axios from 'axios' // 导入封装好的 NavHeader 组件 import NavHeader from '../../co 阅读全文
posted @ 2022-06-02 21:12 前端导师歌谣 阅读(43) 评论(0) 推荐(0) 编辑
摘要:1复用之前创建覆盖物的代码逻辑 在覆盖物的单击事件中 调用renderOverLays(id)方法 import React from 'react' // 导入axios import axios from 'axios' // 导入封装好的 NavHeader 组件 import NavHead 阅读全文
posted @ 2022-06-02 21:12 前端导师歌谣 阅读(76) 评论(0) 推荐(0) 编辑
摘要:import React from 'react' // 导入axios import axios from 'axios' import { Link } from 'react-router-dom' // 导入封装好的 NavHeader 组件 import NavHeader from '. 阅读全文
posted @ 2022-06-02 21:12 前端导师歌谣 阅读(20) 评论(0) 推荐(0) 编辑
摘要:import React from 'react' // 导入axios import axios from 'axios' import { Link } from 'react-router-dom' // 导入封装好的 NavHeader 组件 import NavHeader from '. 阅读全文
posted @ 2022-06-02 21:12 前端导师歌谣 阅读(32) 评论(0) 推荐(0) 编辑
摘要:.map{ height: 100%; padding-top: 45px; } .container{ height: 100%; } .map :global(.am-navbar){ margin-top:-45px } /* 覆盖物样式: */ .bubble { width: 70px; 阅读全文
posted @ 2022-06-02 21:12 前端导师歌谣 阅读(20) 评论(0) 推荐(0) 编辑
摘要:import React from 'react' // 导入axios import axios from 'axios' import { Link } from 'react-router-dom' // 导入封装好的 NavHeader 组件 import NavHeader from '. 阅读全文
posted @ 2022-06-02 21:12 前端导师歌谣 阅读(34) 评论(0) 推荐(0) 编辑
摘要:import React from 'react' // 导入axios import axios from 'axios' import { Link } from 'react-router-dom' import { Toast } from 'antd-mobile' // 导入封装好的 N 阅读全文
posted @ 2022-06-02 21:12 前端导师歌谣 阅读(36) 评论(0) 推荐(0) 编辑
摘要:import React from 'react' import axios from 'axios' //导入axios //导入navBar组件 import { NavBar, Icon, Toast } from 'antd-mobile' import './index.scss' imp 阅读全文
posted @ 2022-06-01 20:59 前端导师歌谣 阅读(48) 评论(0) 推荐(0) 编辑
摘要:添加props校验 导入propTypes import React from 'react' import { NavBar } from 'antd-mobile' // 导入 withRouter 高阶组件 import { withRouter } from 'react-router-do 阅读全文
posted @ 2022-06-01 20:59 前端导师歌谣 阅读(26) 评论(0) 推荐(0) 编辑
摘要:import React from 'react' import { NavBar } from 'antd-mobile' // 导入 withRouter 高阶组件 import { withRouter } from 'react-router-dom' import "./index.scs 阅读全文
posted @ 2022-06-01 20:59 前端导师歌谣 阅读(22) 评论(0) 推荐(0) 编辑
摘要:.navbar { // 组件应该保持默认的基本样式,对于页面单独需要的样式,在页面中单独指定就可以了 // margin-top: -45px; color: #333; background-color: #f6f5f6; .am-navbar-title { color: #333; } } 阅读全文
posted @ 2022-06-01 20:59 前端导师歌谣 阅读(15) 评论(0) 推荐(0) 编辑
摘要:1封装NavHeader组件实现城市选择 地图找房页面的复用 2在component目录中创建NavHeader/index.js import React from 'react' import { NavBar } from 'antd-mobile' export default functi 阅读全文
posted @ 2022-06-01 20:59 前端导师歌谣 阅读(25) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2022-06-01 20:59 前端导师歌谣 阅读(22) 评论(0) 推荐(0) 编辑
摘要:1给索引列表绑定点击事件 2在点击事件中 通过index获取到当前项索引号 3调用list组件的scrollToRow方法 让list组件滚动到指定行 4设置list的scrollToAlignment为start对准 import React from 'react' import axios f 阅读全文
posted @ 2022-06-01 20:59 前端导师歌谣 阅读(38) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2022-06-01 20:59 前端导师歌谣 阅读(20) 评论(0) 推荐(0) 编辑
摘要:import React from 'react' // 导入样式 // import './index.scss' import styles from './index.module.scss' import NavHeader from '../../components/NavHeader' 阅读全文
posted @ 2022-06-01 20:59 前端导师歌谣 阅读(20) 评论(0) 推荐(0) 编辑
摘要:1实现步骤 打开百度文字标签demo 2创建label对象 3调用setStyle样式 4在map对象上调用addOverlay()方法 将文本覆盖物覆盖上 import React from 'react' // 导入样式 // import './index.scss' import style 阅读全文
posted @ 2022-06-01 20:59 前端导师歌谣 阅读(36) 评论(0) 推荐(0) 编辑
摘要:1.4根据定位展示当前城市 1获取当前定位城市 2使用地址解析器获取城市坐标 3调用centerAndZoom 4在地图中添加比例尺和平移缩放 import React from 'react' // 导入样式 // import './index.scss' import styles from 阅读全文
posted @ 2022-06-01 20:59 前端导师歌谣 阅读(57) 评论(0) 推荐(0) 编辑
摘要:import React from 'react' // 导入样式 // import './index.scss' import styles from "./index.module.scss" import NavHeader from '../../components/NavHeader' 阅读全文
posted @ 2022-06-01 20:59 前端导师歌谣 阅读(21) 评论(0) 推荐(0) 编辑
摘要:1使用css Modules修改NavHeader样式 2在样式文件中修改当前组件的样式 3对于组件库中已经有的全局样式 (比如:am-navber-title) import React from 'react' import { NavBar } from 'antd-mobile' // 导入 阅读全文
posted @ 2022-06-01 20:59 前端导师歌谣 阅读(37) 评论(0) 推荐(0) 编辑

1 2 3 4 5 ··· 9 下一页
点击右上角即可分享
微信分享提示