小编pri*_*ngh的帖子
所有数据都在页面重新加载时消失.有什么办法可以避免吗？
我在角度js中开发了一个仪表板应用程序,它具有搜索功能和多个视图,其中包含来自该搜索功能的大量不同数据.
它的单页应用程序.因此,我在页面重新加载时遇到问题所有数据都消失了,它显示了带有空白数据的视图.
有没有办法解决这个问题或任何帮助我创建单页面应用程序并在页面重新加载时维护相同数据的语言？
任何建议将不胜感激.
搜索页面
搜索后的数据
重装后的数据
8
推荐指数
推荐指数
1
解决办法
解决办法
3168
查看次数
查看次数
当移动到textarea之外时,textarea的占位符不可见
我一直在关注这个小教程,将动画添加到输入字段的占位符.当输入字段被聚焦时,动画将占位符移出输入字段.
此动画在输入字段上完美地工作,并且占位符在输入字段上方可见,但是当我将此动画添加到textarea时,占位符一旦通过textarea的边缘就会消失.
input,
textarea {
margin: 30px 0 0 0;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder{
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
visibility: visible !important;
}<input type="text" id="edit-field-name-0-value" value="" size="60" maxlength="255" placeholder="Name *" required="required">
<textarea rows="8" cols="60" placeholder="Message *" required="required"></textarea>这是一个证明问题的JSFiddle.
有没有人知道我怎么也可以在它上面显示textarea的占位符？
6
推荐指数
推荐指数
1
解决办法
解决办法
588
查看次数
查看次数
使用CSS中心和裁剪图像
我需要使用CSS中心和裁剪图像.我已经按照这篇文章.但设备UI输出有些不同.你能解释一下这种行为吗？
这是用例:
我们不想实际裁剪 - 只显示图像的中间部分.人们上传的一些文档将是文档,所以不要让它被拉伸.
我的问题是我不知道为什么它转换(1图像)landscape模式,即使我使用portrait模式获得图像？任何解释？
photo {
.photo {
position: relative;
width: 100%;
height: 200px;
overflow: hidden;
img {
position: absolute;
left: 50%;
top: 50%;
height: 100%;
width: auto;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
img.portrait {
width: 100%;
height: auto;
}
}
}<div class="photo">
<img [src]="data?.url class="portrait">
</div>用户界面:
1- 它显示我在portrait模式下使用设备的时间
2- 当我在landscape模式中使用设备时
运行时代码:
1
推荐指数
推荐指数
1
解决办法
解决办法
1597
查看次数
查看次数
为div添加边框看起来像一个表
我需要创建两个列,看起来像一个具有漂亮的1px边框的表.边框杀死布局.有没有什么好方法如何在中间有一条线条有漂亮的边框？
.column-5 { width:50%; float:left; }
.border-light { border: 1px solid black; }<div class="row">
<div class="column-5 border-light">
column 1
</div>
<div class="column-5 border-light">
column 2
</div>
</div>0
推荐指数
推荐指数
1
解决办法
解决办法
116
查看次数
查看次数