首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >是否可以编辑现有Ionic组件的html?

是否可以编辑现有Ionic组件的html?
EN

Stack Overflow用户
提问于 2018-01-15 14:48:43
回答 1查看 48关注 0票数 0

在我的特殊情况下,我使用了Ionic中的range滑块,即:

代码语言:javascript
运行
复制
<ion-range min="5" max="180" step="5" formControlName="time"></ion-range>

但是我想把它的值,也就是{{ frmGoals.value.time }}直接加到.range-knob的innerHTML上。

我这样做的愿望是在离子框架中实现类似的东西,而不是Swift:https://github.com/Ramotion/fluid-slider。我唯一的猜测是,要么操纵DOM,在滑动时强制输入这个值--要么直接编辑组件HTML。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-01-15 22:19:57

将以下样式添加到app.scss文件中:

代码语言:javascript
运行
复制
  .range-md .range-pin{
    z-index: 5;
    transform: translate3d(0,28px,0) scale(.9);
  }
  .range-md .range-pin::before{
    display: none;
  }
  .range-md .range-knob-pressed .range-pin::before{
    display: inline-block;
  }

演示:https://stackblitz.com/edit/ionic-s4drjv

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/48258133

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档