1. 运行打开无效网址:

解决办法:

  1. npm uninstall -g http-server //卸载http-server
  2. npm install -g http-server@0.9.0 //安装0.9.0版本


2. nvm下载、安装推荐https://www.jianshu.com/p/d0e0935b150a

教程:https://www.cnblogs.com/weiqinl/p/7503123.html

  1. nvm node_mirror https://npm.taobao.org/mirrors/node/
  2. nvm npm_mirror https://npm.taobao.org/mirrors/npm/
  3. nvm install 8.9.4
  1. nvm ls //查看已安装node版本
  2. nvm install 6.9.0(版本号) 安装node版本
  3. nvm use 8.9.4(版本号)切换node版本
  1. nvm ls
  2. nvm use 8.9.4
  3. npm run gulp
  4. npm run webpack
  5. http-server

3. return

1. ( )

  1. {
  2. data.slice(0,10).map((item: HuixuanlistTj, index: number) => (
  3. <ListItemDetailHuixuan
  4. key={index}
  5. behaviorName={item.behaviorName}
  6. behaviorTime={item.behaviorTime}
  7. stayLongTime={item.stayLongTime}
  8. />
  9. ))
  10. }

2. { return ( ) }

  1. {
  2. data.slice(0,10).map((item: HuixuanlistTj, index: number) => {
  3. console.log(); //逻辑、打印···
  4. return (
  5. <ListItemDetailHuixuan
  6. key={index}
  7. behaviorName={item.behaviorName}
  8. behaviorTime={item.behaviorTime}
  9. stayLongTime={item.stayLongTime}
  10. />
  11. );
  12. })
  13. }

4. 将时间戳转化为年月日时分秒格式

  1. // 将时间戳转化为年月日时分秒格式
  2. function timestampToTime(time) {
  3. var strDate = '';
  4. var date = new Date();//时间戳为10位需*1000,时间戳为13位的话不需乘1000
  5. var Y = date.getFullYear() + '/';
  6. var M = (date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1) : date.getMonth()+1) + '/';
  7. var D = (date.getDate() < 10 ? '0'+date.getDate() : date.getDate()) + ' ';
  8. var h = (date.getHours() < 10 ? '0'+date.getHours() : date.getHours()) + ':';
  9. var m = (date.getMinutes() < 10 ? '0'+date.getMinutes() : date.getMinutes());
  10. strDate = Y+M+D+h+m;
  11. return strDate;
  12. }

5. 将毫秒转化为时分秒并加以判断显示

  1. function formatSeconds(mss) {
  2. // var days = Math.floor(mss / (1000 * 60 * 60 * 24));
  3. var hours = Math.floor((mss % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
  4. var minutes = Math.floor((mss % (1000 * 60 * 60)) / (1000 * 60));
  5. var seconds = Math.floor((mss % (1000 * 60)) / 1000);
  6. let time = '';
  7. if(hours > 0){
  8. time = hours + "时" + (minutes === 0 ? "" : minutes + "分") + (seconds === 0 ? "" : seconds + "秒")
  9. }else if(minutes > 0) {
  10. time = minutes + "分" + (seconds === 0 ? "" : seconds + "秒");
  11. }else if(seconds > 0) {
  12. time = seconds + "秒"
  13. }else {
  14. time = '0秒'
  15. }
  16. return time;
  17. }

BUG修复

(1)客户画像从楼书数据切换到惠选数据时页面错误展示楼书信息

image.png

解决思路:

1、优先查看和打印”悦家惠选数据”的bpDate数据返回值,是否被触发;
2、查找左边影响右边数据展示的源头,首先是上下箭头的触发;
3、由于在上面左右切换的过程中,有是否active===1的条件判断,故在此。
image.png

  1. {active === 1 && this.state.openDetail ? '' : ''}

(2)字体显示不完整

通常以 line-height 或者padding 来解决; 尽量少写固定宽高来作样式的布局。


样式视图调整

(1)加载失败/数据为空的图

如何测试: loading 进入 此文件
image.png

调整:
image.png