vue获取当前时间 & 动态加载js包 &全局滚动条优化

最新推荐文章于 2024-08-21 11:07:47 发布

Enidchan_

最新推荐文章于 2024-08-21 11:07:47 发布

阅读量197

点赞数

分类专栏：知识点

本文链接：https://blog.csdn.net/EnidChann/article/details/105991544

版权

知识点专栏收录该内容

13 篇文章 1 订阅

订阅专栏

获取当前月份

    // 获取当前月份this.period
    getCurrentMonth () {
      let date = new Date()
      let year = date.getFullYear()
      let month = date.getMonth() + 1
      month = (month < 10 ? '0' + month : month)
      this.period = (year.toString() + month.toString())
    }

根据环境动态加载js包

<script>
   mounted () {
    let head = document.getElementsByTagName('head')[0]
    let script = document.createElement('script')
    script.type = 'text/javascript'
    script.src = `${process.env.NODE_ENV === 'development' ? 'https://fhms-di1.sit.cmft.com' : window.location.origin}/web-apps/apps/api/documents/api.js`
    head.appendChild(script)
  }
</script>

全局滚动条样式优化

// -------------- 滚动条修改 ---------------
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background-color: rgba(0, 0, 0, .2);
}

::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: rgba(216, 216, 216, .9);
}

::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: rgba(0, 0, 0, .2);
}