在实现目录功能（目录浮动效果）的时候设置transition中的css时，整个项目就好像炸了一样，无论怎么跑都跑不起来。

来源：5-6 目录功能实现（目录浮出效果）

weixin_慕神4583623

2019-09-25

我把在transition.scss里设置slide中的代码抽出来，还原成没有设置过slide中的transition CSS 但是还是跑不起来！！！
我把代码放在GitHub上了求老师帮忙看一下我的代码，能不能跑起来，在线等，挺着急的！！！万分感激

GitHub地址：https://github.com/xmzJohnny/dushu-app

写回答

1回答

Sam

2019-09-25

已采纳

你好，我调试了你的代码，问题已经解决啦，只需要将 EbookSlide.vue 第 14 行的代码改为：</transition> 就可以了，EbookSlide.vue 中 template 的完整源码如下：

<template>
    <transition name="Fade-slide-right">
      <div class="slide-content-wrapper" v-show="menuVisible && settingVisible === 3">
          <div class="content">
              <div class="content-page-wrapper">
                  <div class="content-page"></div>
                  <div class="content-page-tab"></div>
              </div>
          </div>
          <div class="content-bg">
          </div>
      </div>
    </transition>
</template>

这里要注意，你的代码存在比较多的eslint错误，所以需要根据报错提示一点点进行修改，同时尽可能以后养成好的编码习惯，这样比较省力哦

weixin_慕神4583623

感谢老师！没想到是这种低级错误，以后我会多细心点的！关于eslint错误，我会注意的养成良好的编码习惯的！

2019-09-26

共1条回复

Vue 实战商业级读书Web APP完整项目

Vue全家桶+最新前端技术+前后端分离架构，完整项目流程

1610 学习 · 1951 问题

查看课程

相似问题

项目目录下的public目录和src/assets目录有什么不一样

回答 2