摘要: 阅读全文
posted @ 2022-06-01 20:59 前端导师歌谣 阅读(19) 评论(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 前端导师歌谣 阅读(33) 评论(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 前端导师歌谣 阅读(55) 评论(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) 编辑
摘要: 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 前端导师歌谣 阅读(29) 评论(0) 推荐(0) 编辑
摘要: css modules通过对css类名重命名 保证每个类名的唯一性 从而避免样式冲突的问题 换句话:所有类名就具有局部作用域 只能当前组件内部生效 webpack的css-loader原因 阅读全文
posted @ 2022-06-01 20:59 前端导师歌谣 阅读(15) 评论(0) 推荐(0) 编辑
摘要: 1.3组件间样式覆盖问题 1css in js css in js:是使用javascript编写css的统称 用来解决css样式冲突 推荐使用:css modules 阅读全文
posted @ 2022-06-01 20:59 前端导师歌谣 阅读(31) 评论(0) 推荐(0) 编辑
摘要: 1cityList组件的样式 会影响Map组件的样式 2在配置路由时候 cityList和map组件都被导入到项目中 那么组件的样式也被导入到项目之中 了 如果组件之间样式名称相同 那么一个组件中的样式就会在另一个组件中中生效 从而造成组件样式之间相互覆盖的问题 3只要导入了组件 不管组件中有没有显 阅读全文
posted @ 2022-06-01 20:59 前端导师歌谣 阅读(15) 评论(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) 编辑
摘要: import React from 'react' // 导入axios import axios from 'axios' // 导入封装好的 NavHeader 组件 import NavHeader from '../../components/NavHeader' // 导入样式 // im 阅读全文
posted @ 2022-06-01 20:58 前端导师歌谣 阅读(29) 评论(0) 推荐(1) 编辑
摘要: renderOverlays 1接受改id参数 根据该id参数获取房源 2调用getTypeAndZoom方法获取地图缩放级别 覆盖物类别 import React from 'react' // 导入axios import axios from 'axios' // 导入封装好的 NavHead 阅读全文
posted @ 2022-06-01 20:58 前端导师歌谣 阅读(134) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2022-06-01 20:58 前端导师歌谣 阅读(24) 评论(0) 推荐(0) 编辑