小编kor*_*run的帖子

使用一个<transition>包装器过渡多个子元素

我想在一个父v-if状态更改内设置多个过渡(在单独的子元素上)。

例如,当我显示模态时,我希望背景模糊fadeIn(使用不透明度),模态内容到slideIn(使用过渡或动画)。我当前的情况如下,当我使用过渡时,背景模糊元素(.modal)与内容(.modal__content)一起过渡:

<transition enter-active-class="animated slideInRight" leave-active-class="animated slideOutRight">
  <div class="modal" v-if="isVisible">
    <div class="modal__content">
      </slot><slot/>
    </div>
  </div>
</transition>
Run Code Online (Sandbox Code Playgroud)

vue.js vuejs-transition

7
推荐指数
1
解决办法
1668
查看次数

使用JSPM和Typescript改进Webstorm 11中的导入

我使用JSPM和Typescript作为Angular2项目,Webstorm 11似乎对TS类的导入路径感到困惑.

在此输入图像描述

第一个导入是正确的:

import {Component} from "angular2/core";

但是其他两个直接从jspm_packages导入这两个路径的文件夹直接引用:

import {Component} from "../../jspm_packages/npm/angular2@2.0.0-beta.0/src/core/metadata";
import {Component} from "../../jspm_packages/npm/angular2@2.0.0-beta.0/ts/src/core/metadata";
Run Code Online (Sandbox Code Playgroud)

我忽略了这两个node_modulesjspm_packagestsconfig.json作为Webstorm似乎认识到它,但至今没有运气.

有什么方法可以配置Webstorm自动导入正确的模块而忽略其他两个?

webstorm typescript jspm angular

6
推荐指数
1
解决办法
648
查看次数

标签 统计

angular ×1

jspm ×1

typescript ×1

vue.js ×1

vuejs-transition ×1

webstorm ×1