统一修改

  1. 首页banner 滚动 - 文字不滚动
  2. 理念主张：before也需要连着文字算居中
  3. 怀庭 - 公共区域/客房区域- 加上白色滚动进度条
  4. 品牌页面 - 左右滑动fix
  5. 安卓 - 芷岸 滚动nav 没出现
  6. 芷岸美学 - 图上缺字
  7. 芷岸、怀挺icon高度140， 其他110
  • 图片压缩
  • 视频 cover gif - 杨奇上传服务器，替换本地为云端图片
  • 首页/新闻与活动 - 替换公众号地址
  • im 等待时间1000
  • 乐乎集团 轮播图 替换正确的
  • footer 手机号 tips 对齐
  • 招聘 - input搜索 样式
  • 乐乎租房 - 安卓会文字溢出。商量修改文案
  • title背景字母 - 长度会溢出
  • 认识行业专家 - 文字会超出长度第二行 - icon和name平级
  • 二级页面弹窗 - 用reload 跳转 ，需要页面滚动到顶部
  • tabs切换替换bug
  • input框文字被遮挡
  • swiper 一个轮回后再次点击，没有出来弹窗
  • gif背景播放图，过大加载优化，解决首次加载出现白色屏幕
  • 品牌页面 icon替换计算，而不是用css控制居中
  • 点击menu，当前id匹配的话收起menu而不是固定不动
  • 图片加载白
  • 表单提交节流
  1. 压缩
  2. gif会出现播放一次后，会卡顿几秒，然后再次播放。本地用定时器 + 随机数，强行webpack二次压缩，时间到了reload 该gif解决卡顿
1
2
3
4
5
6
7
8
9
10
11
/**
 * @description: 定时器重载视频背景gif，解决卡顿问题
 * @return {*} image url
 *  一轮播放60s,是因为gif是60s的播放长度
 */
reloadGif() {
  this.show = true
  this.timeRunner = setInterval(() => {
    this.cover = require('@/assets/insight.gif') + '?' + Math.random()
  }, 600000)
},
  1. swiper 一个轮回后再次点击，没有出来弹窗，swiper 一次轮回，init了，直接绑定在dom上的@click事件是无法二次触发的。采用原生的click事件，拿到点击的index再去召唤弹窗
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    <div class="swiper-container expert-swiper expert-js">
      <div class="swiper-wrapper ">
        <div class="swiper-slide"
          v-for="(item,index) in data"
          :key="index">
          <img :src="item.img" />
          <div class="expert-item">
            <div class="layout-slide">
              <span class="name pb16">{{ item.title }}</span>
              <img class="icon"
                src="@/assets/arrow- detraction.png" />
            </div>
            <div class="position"> {{ item.info[0] }}</div>
          </div>
        </div>
      </div>
    </div>

    <!-- 专家弹窗 -->
    <p-detail-popup :data="current"
      :visible.sync="show"
      height="80%"
      complex />
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
mounted() {
   let vm = this
   new Swiper(".expert-js", {
     slidesPerView: "auto",
     autoplay: true,
     speed: 300,
     loop: true,
     swiperIndex: null, // 初始化
     on: {
       click: function (e) {
         vm.swiperIndex = this.realIndex
         vm.handleShow(vm.data[this.realIndex])
       }
     }
   });
 },

  1. css计算

    1
    height: calc(100% / 6);

  2. 表单提交节流

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    //校验表单合法
            checkValid() {
                if (this.isPending) return
                this.$refs.form.validate().then(() => {
                    this.isPending = true
                    // 验证通过
                    this.handleSubmit()
                }).catch((err) => {
                    this.isPending = false
                    //验证失败
                    Toast({
                        message: err[0].message,
                        className: 'toastStyle', //所加样式名
                    })
                })
            },
            
            
            // 请求成功后 form = {},避免重复提交