wing组件

james.lee

1.打开wing组件，但是怎样实现点击content就隐藏左边栏，我查看案例，也没有做事件；
2.打开左侧边栏，右边的content怎样设置遮罩层呢？

半导体

1.怎样实现点击content就隐藏左边栏的这个你可以看一下组件的源码
/UI2/system/components/justep/wing/wing.js
2.这个问题你可能需要修改源码文件   或是在一个合适的事件里面判断wing组件的状态  然后设置遮罩效果

james.lee

半导体 发表于 2017-4-17 11:03
1.怎样实现点击content就隐藏左边栏的这个你可以看一下组件的源码
/UI2/system/components/justep/wing/win ...

合适的事件是？我需要在wing组件状态改变的时候，即left打开的时候，弹出popover.

james.lee

半导体 发表于 2017-4-17 11:03
1.怎样实现点击content就隐藏左边栏的这个你可以看一下组件的源码
/UI2/system/components/justep/wing/win ...

wing组件能不能感知left或content有没有被打开的触发事件呢？

半导体

james.lee 发表于 2017-4-17 13:06
wing组件能不能感知left或content有没有被打开的触发事件呢？

wing组件有一个自己感知的状态的属性  就是判断自己是否打开的  不知道你说的是不是这个
http://docs.wex5.com/comps-wing/#004

james.lee

半导体 发表于 2017-4-17 13:40
wing组件有一个自己感知的状态的属性  就是判断自己是否打开的  不知道你说的是不是这个
http://docs.wex ...

不是，http://bbs.wex5.com/forum.php?mo ... g%E7%BB%84%E4%BB%B6  你看看这个，我需要的是这个样式

半导体

james.lee 发表于 2017-4-17 13:46
不是，http://bbs.wex5.com/forum.php?mod=viewthread&tid=118489&highlight=wing%E7%BB%84%E4%BB%B6  你 ...

添加一个这个class   
.x-wing-backdrop{
        background-color:red;
        opacity:0.5;
}
背景颜色写成你想要的颜色应该就好了

james.lee

半导体 发表于 2017-4-18 09:52
添加一个这个class   
.x-wing-backdrop{
        background-color:red;

在哪个文件下修改？是wing.js吗？

liangyongfei

1.默认就是点击content  左侧栏就自动隐藏了！

2.是的，默认没有遮罩，但是中间的content是不能 操作的！只有左侧栏回去了，中间的部分才能操作的！

7楼说的对！只要把这段css 写在你的w页面对应的css文件中就可以了！

你动手试试吧！

james.lee

liangyongfei 发表于 2017-4-18 13:43
1.默认就是点击content  左侧栏就自动隐藏了！

2.是的，默认没有遮罩，但是中间的content是不能 操作的！ ...

1.现在点击了content,左侧没有隐藏，代码里面没有做什么设置的。为什么点击后不能隐藏；
2.同样的未做设置，但是中间的content是完全可以操作的；
3.写入了css，但是怎么添加这个css？我将css的类名放在wing组件的class属性下，结果全部遮住了，看不到content了？