作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在处理一个带有切换开关的 Ionic 1 项目。你知道:
<ion-toggle>hello</ion-toggle>
Android 和 iOS 看起来不一样,我更喜欢 iOS。我知道在 Ionic 2 中,我可以:
<ion-toggle mode="ios">hello</ion-toggle>
但这是一个 Ionic 1 项目,我不想为此将它转换为 Ionic 2。我运气不好吗?
最佳答案
是的,您可以使用以下两个选项来完成:
$ionicConfigProvider
.您可以使用它配置很多东西(样式/值/动画等)。在里面使用myApp.config()
.用法:
var myApp = angular.module('reallyCoolApp', ['ionic']);
myApp.config(function($ionicConfigProvider) {
$ionicConfigProvider.views.maxCache(5);
// note that you can also chain configs
$ionicConfigProvider.backButton.text('Go Back').icon('ion-chevron-left');
});
您的要求:您需要使用 ``
设置切换项的样式form.toggle(value) Toggle item style. Android defaults to
small
and iOS defaults tolarge
.
如果您想为项目中的所有切换设置样式,请使用以下内容: $ionicConfigProvider.form.toggle('large');
检查 form.toggle
在这个链接:
class="toggle-large"
至 ion-toggle
像下面一样设置特定切换的样式: <ion-toggle class="toggle-large">hello</ion-toggle>
工作示例代码:
关于android - 使 Ionic 1 拨动开关看起来像 Android 上的 iOS 开关,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49583916/
我是一名优秀的程序员,十分优秀!