小编ada*_*Trz的帖子

我如何动画显示:弹性项目上的无/块属性?

有没有办法动画display: block/none

单击div1和时div 4- 我想分别为 div 的 2 和 3 设置动画(完美的也是实现一些不错的过渡),同时将它们保持在 flex 内.container

到目前为止,我可以设置动画visibilityopacity(但在这种情况下,div '2 和 '3 虽然不可见,但仍然占用空间.container)或切换display: noneblock(但随后我丢失transition了项目)。

我尝试定位内部 div 的absolute'ly,但随后所有的响应都陷入困境......

这是 CodePen:http ://codepen.io/adamTrz/pen/jWOJMj

html css jquery animation flexbox

5
推荐指数
1
解决办法
1万
查看次数

MobX - 如何在商店之间进行交流?

在我的应用程序中,我有两个MobX存储 - store_A用于处理用户信息(当前已登录等),store_B用于处理所有用户的事件.
用户登录后,我想显示有关该用户的所有事件.如何从store_B中访问记录的用户信息(来自store_A),以便我可以正确过滤事件?
此时我必须在我的store_b中存储loggeduserName数据以检索该数据...
来自我的事件存储的代码:

class ObservableEventsStore {
...
//after logIn, save userName: 
  @action setUser(userName) {
    this.givenUser = userName
  } 
...
@computed get filteredByUser() {
    let filteredByUser = this.wholeList
      .filter((event) => this.givenUser === event.user)
      // this.givenUser is what i want to get from store_A 
    return filteredByUser
  }
Run Code Online (Sandbox Code Playgroud)

我想loggedUser从UserStore 获取数据,我也将它存储在那里......

javascript mobx

5
推荐指数
1
解决办法
1935
查看次数

标签 统计

animation ×1

css ×1

flexbox ×1

html ×1

javascript ×1

jquery ×1

mobx ×1