docs: update README.md

README.md

@@ -46,6 +46,7 @@ Github Pages: [https://dy.ttentau.top/](https://dy.ttentau.top/)
 【模仿抖音系列】二：[实现抖音 “视频无限滑动“效果](https://juejin.cn/post/7361614921519054883)  
 【模仿抖音系列】三：[Vue 路由使用介绍以及添加转场动画](https://juejin.cn/post/7362528152777130025)  
 【模仿抖音系列】四：[Vue 有条件路由缓存，就像传统新闻网站一样](https://juejin.cn/post/7365334891473240101)
+【模仿抖音系列】四：[Github Actions 部署 Pages、同步到 Gitee、翻译 README 、 打包 docker 镜像](https://juejin.cn/post/7365757742381957161)
 
 ## 运行
 注意：本项目仅适用于学习和研究，不得用于商业使用

src/pages/home/slide/Community.vue

@@ -149,7 +149,7 @@ function showDetail(e, item) {
   let s = document.querySelector('.shadow')
 
   _css(s, 'z-index', '1')
-  _css(s, 'transition', '0s')
+  _css(s, 'transition', 'all 0s')
   _css(s, 'top', domRect.top)
   _css(s, 'left', domRect.left)
   _css(s, 'width', domRect.width)

src/utils/dom.ts

@@ -142,7 +142,7 @@ export default class Dom {
 }
 
 export function _css(el, key, value?) {
-  const reg = /^\d+.?\d*(px|pt|em|rem|vw|vh|%|rpx|ms)$/i
+  const reg = /^-?\d+.?\d*(px|pt|em|rem|vw|vh|%|rpx|ms)$/i
   if (value === undefined) {
     let val = null
     if ('getComputedStyle' in window) {

vite.config.ts

@@ -1,4 +1,4 @@
-import { defineConfig, PluginOption } from 'vite'
+import { defineConfig, PluginOption, UserConfig } from 'vite'
 import Vue from '@vitejs/plugin-vue'
 import VueJsx from '@vitejs/plugin-vue-jsx'
 import { visualizer } from 'rollup-plugin-visualizer'
@@ -9,7 +9,7 @@ import VueMacros from 'unplugin-vue-macros/vite'
 
 const lifecycle = process.env.npm_lifecycle_event
 
-export default defineConfig(() => {
+export default defineConfig((): Promise<UserConfig> => {
   let latestCommitHash = ''
 
   return new Promise((resolve) => {
@@ -109,7 +109,7 @@ export default defineConfig(() => {
           rollupOptions: {
             // https://rollupjs.org/guide/en/#outputmanualchunks
             output: {
-              manualChunks(id, { getModuleInfo }) {
+              manualChunks(id: string, { getModuleInfo }: any) {
                 const reg = /(.*)\/src\/components\/(.*)/
                 if (reg.test(id)) {
                   const importersLen = getModuleInfo(id)?.importers.length ?? 0