摘要:
阅读全文
摘要:
import React from 'react' // 导入样式 // import './index.scss' import styles from './index.module.scss' import NavHeader from '../../components/NavHeader' 阅读全文
摘要:
1实现步骤 打开百度文字标签demo 2创建label对象 3调用setStyle样式 4在map对象上调用addOverlay()方法 将文本覆盖物覆盖上 import React from 'react' // 导入样式 // import './index.scss' import style 阅读全文
摘要:
1.4根据定位展示当前城市 1获取当前定位城市 2使用地址解析器获取城市坐标 3调用centerAndZoom 4在地图中添加比例尺和平移缩放 import React from 'react' // 导入样式 // import './index.scss' import styles from 阅读全文
摘要:
import React from 'react' // 导入样式 // import './index.scss' import styles from "./index.module.scss" import NavHeader from '../../components/NavHeader' 阅读全文
摘要:
1使用css Modules修改NavHeader样式 2在样式文件中修改当前组件的样式 3对于组件库中已经有的全局样式 (比如:am-navber-title) import React from 'react' import { NavBar } from 'antd-mobile' // 导入 阅读全文
摘要:
import React from 'react' import axios from 'axios' //导入axios //导入navBar组件 import { NavBar, Icon, Toast } from 'antd-mobile' import './index.scss' imp 阅读全文
摘要:
css modules通过对css类名重命名 保证每个类名的唯一性 从而避免样式冲突的问题 换句话:所有类名就具有局部作用域 只能当前组件内部生效 webpack的css-loader原因 阅读全文
摘要:
1.3组件间样式覆盖问题 1css in js css in js:是使用javascript编写css的统称 用来解决css样式冲突 推荐使用:css modules 阅读全文
摘要:
1cityList组件的样式 会影响Map组件的样式 2在配置路由时候 cityList和map组件都被导入到项目中 那么组件的样式也被导入到项目之中 了 如果组件之间样式名称相同 那么一个组件中的样式就会在另一个组件中中生效 从而造成组件样式之间相互覆盖的问题 3只要导入了组件 不管组件中有没有显 阅读全文
摘要:
import React from 'react' import axios from 'axios' //导入axios //导入navBar组件 import { NavBar, Icon, Toast } from 'antd-mobile' import './index.scss' imp 阅读全文
摘要:
添加props校验 导入propTypes import React from 'react' import { NavBar } from 'antd-mobile' // 导入 withRouter 高阶组件 import { withRouter } from 'react-router-do 阅读全文
摘要:
import React from 'react' import { NavBar } from 'antd-mobile' // 导入 withRouter 高阶组件 import { withRouter } from 'react-router-dom' import "./index.scs 阅读全文
摘要:
.navbar { // 组件应该保持默认的基本样式,对于页面单独需要的样式,在页面中单独指定就可以了 // margin-top: -45px; color: #333; background-color: #f6f5f6; .am-navbar-title { color: #333; } } 阅读全文
摘要:
1封装NavHeader组件实现城市选择 地图找房页面的复用 2在component目录中创建NavHeader/index.js import React from 'react' import { NavBar } from 'antd-mobile' export default functi 阅读全文
摘要:
阅读全文
摘要:
1给索引列表绑定点击事件 2在点击事件中 通过index获取到当前项索引号 3调用list组件的scrollToRow方法 让list组件滚动到指定行 4设置list的scrollToAlignment为start对准 import React from 'react' import axios f 阅读全文
摘要:
import React from 'react' // 导入axios import axios from 'axios' // 导入封装好的 NavHeader 组件 import NavHeader from '../../components/NavHeader' // 导入样式 // im 阅读全文
摘要:
renderOverlays 1接受改id参数 根据该id参数获取房源 2调用getTypeAndZoom方法获取地图缩放级别 覆盖物类别 import React from 'react' // 导入axios import axios from 'axios' // 导入封装好的 NavHead 阅读全文
摘要:
阅读全文