我遵循了一个很好的示例,在该示例中,您可以在同一应用程序中创建两个侧菜单(右侧和左侧)。上面链接中的示例基于Ionic版本1,但是我正在Ionic v2中寻找相同的版本。
预期
当我们单击左菜单按钮时,它应该打开左菜单(如果已经打开,它应该关闭右菜单)
当我们单击右键时,这将打开右侧菜单(如果已打开,则应关闭左侧菜单)
app.html
<ion-menu [content]="content">
<ion-header>
<ion-toolbar>
<ion-title>LEFT MENU</ion-title>
</ion-toolbar>
</ion-header>
<ion-content>
<ion-list>
<ion-item menuClose>
<ion-icon name=""></ion-icon>
ABC
<ion-icon name="contact" item-right></ion-icon>
</ion-item>
<ion-item menuClose>
<ion-icon name=""></ion-icon>
XYZ
<ion-icon name="person" item-right></ion-icon>
</ion-item>
<ion-list-header>User</ion-list-header>
<ion-item menuClose>
<ion-icon name=""></ion-icon>
Forget Password
<ion-icon name="key" item-right></ion-icon></ion-item>
<ion-item menuClose>
<ion-icon name=""></ion-icon>
Logout
<ion-icon name="lock" item-right></ion-icon>
</ion-item>
</ion-list>
</ion-content>
</ion-menu>
<ion-nav [root]="rootPage" #content swipeBackEnabled="false"></ion-nav>
Run Code Online (Sandbox Code Playgroud)
app.component.js
import { Component } from '@angular/core';
import { Nav } from 'ionic-angular';
import { StatusBar, …Run Code Online (Sandbox Code Playgroud) 我需要在具有长文本的标签上显示自动可移动文本功能(就像带有替代行为的选取框一样)。
如您所见,由于 ObjectListItem 控件的默认行为,sap.m.ObjectAttribute 中的Created On: 28 Nov, 2017标签刚刚被包装。我正在寻找可以使包装文本前后移动的CSS,就像具有替代行为的选取框一样,以便我可以看到整个未包装的文本前后弹跳。
请参考示例,当您将鼠标悬停在 div 上时,标签开始向左滚动,当您将鼠标从 div 上移开时,它将滚动回其初始点。
我正在寻找这样的 CSS,但具有自动效果。因此,一旦我应用到任何可能的具有长文本的标签,标签应自动开始自动前后滚动。
请帮我解决这个问题。
另一个基于选取框的例子
body {
background-color: lightgrey;
}
.blue-btn {
position: absolute;
left: 35%;
top: 40%;
}
.blue-btn a {
color: white;
text-decoration: none;
margin-top: 0em;
text-align: center;
display: inline-block;
/* important */
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.blue-btn,
.first-link {
-moz-transition: 3.3s;
transition: 3.3s;
-moz-transition-timing-function: linear;
transition-timing-function: linear;
}
.blue-btn {
height: …Run Code Online (Sandbox Code Playgroud)