随笔分类 - 前端歌谣歌谣-学习篇React-好客租房笔记
摘要://处理createOverlays 通过参数来决定调用什么方法 import React from 'react' // 导入axios import axios from 'axios' // 导入封装好的 NavHeader 组件 import NavHeader from '../../co
阅读全文
摘要:1复用之前创建覆盖物的代码逻辑 在覆盖物的单击事件中 调用renderOverLays(id)方法 import React from 'react' // 导入axios import axios from 'axios' // 导入封装好的 NavHeader 组件 import NavHead
阅读全文
摘要:import React from 'react' // 导入axios import axios from 'axios' import { Link } from 'react-router-dom' // 导入封装好的 NavHeader 组件 import NavHeader from '.
阅读全文
摘要:import React from 'react' // 导入axios import axios from 'axios' import { Link } from 'react-router-dom' // 导入封装好的 NavHeader 组件 import NavHeader from '.
阅读全文
摘要:.map{ height: 100%; padding-top: 45px; } .container{ height: 100%; } .map :global(.am-navbar){ margin-top:-45px } /* 覆盖物样式: */ .bubble { width: 70px;
阅读全文
摘要:import React from 'react' // 导入axios import axios from 'axios' import { Link } from 'react-router-dom' // 导入封装好的 NavHeader 组件 import NavHeader from '.
阅读全文
摘要:import React from 'react' // 导入axios import axios from 'axios' import { Link } from 'react-router-dom' import { Toast } from 'antd-mobile' // 导入封装好的 N
阅读全文
摘要: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' // 导入样式 // 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' // 导入
阅读全文