加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 资源网站 > 资源 > 正文

html – Ionic 2浮动离子标签问题

发布时间:2020-12-14 16:38:04 所属栏目:资源 来源:网络整理
导读:我遇到了一些我正在使用的浮动标签的问题,但并不是所有浮动标签,这使得它更加奇怪.据我所知,我的离子项写得完全相同.下面是一些显示问题的图片. 我不确定这是否是Ionic 2中的一个错误,或者我是否做错了什么.如果有什么不清楚或者您需要更多代码,请随时提问.
我遇到了一些我正在使用的浮动标签的问题,但并不是所有浮动标签,这使得它更加奇怪.据我所知,我的离子项写得完全相同.下面是一些显示问题的图片.
我不确定这是否是Ionic 2中的一个错误,或者我是否做错了什么.如果有什么不清楚或者您需要更多代码,请随时提问.

正如您所看到的,描述和照片/视频标签已经表现得像它们处于焦点时那样(它们不是)但它没有显示高光.

这是一个图像,我把它放在焦点,然后再次失焦.
一旦我这样做它就能正常工作.

我写的html:

<ion-content padding>
  <form [formGroup]="complaint" (ngSubmit)="send()">

    <ion-item>
      <ion-label floating>Description*</ion-label>
      <ion-textarea [(ngModel)]="description" type="text" formControlName="description"></ion-textarea>
    </ion-item>

    <ion-item>
      <ion-label floating>Number of completed tests*</ion-label>
      <ion-input [(ngModel)]="nrTests" type="number" formControlName="nrTests"></ion-input>
    </ion-item>

    <ion-item>
      <ion-label floating>Photo/Video</ion-label>
      <ion-input [(ngModel)]="media" formControlName="media"></ion-input>
    </ion-item>

    <button ion-button type="submit" [disabled]="!complaint.valid">Send</button>

  </form>
</ion-content>

解决方法

删除浮动,然后尝试.我认为这将解决您的问题.

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读