mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-18 19:21:34 +08:00
checkbox updates
This commit is contained in:
@ -1,70 +1 @@
|
|||||||
|
Loading...
|
||||||
<div class="pane">
|
|
||||||
|
|
||||||
<div class="pane-container">
|
|
||||||
|
|
||||||
<div class="bar">
|
|
||||||
Checkbox Default CSS Tests
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="content">
|
|
||||||
|
|
||||||
<div class="list">
|
|
||||||
|
|
||||||
<div class="list-content">
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="item checkbox"
|
|
||||||
role="checkbox"
|
|
||||||
aria-checked="true"
|
|
||||||
aria-invalid="false">
|
|
||||||
|
|
||||||
<div class="item-media">
|
|
||||||
<div class="checkbox-off">Off</div>
|
|
||||||
<div class="checkbox-on">On</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="item-content">
|
|
||||||
|
|
||||||
<div class="item-title">
|
|
||||||
I am pleased
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="item checkbox"
|
|
||||||
role="checkbox"
|
|
||||||
aria-checked="false"
|
|
||||||
aria-invalid="false">
|
|
||||||
|
|
||||||
<div class="item-media">
|
|
||||||
<div class="checkbox-off">Off</div>
|
|
||||||
<div class="checkbox-on">On</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="item-content">
|
|
||||||
|
|
||||||
<div class="item-title">
|
|
||||||
Hello
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
@ -4,12 +4,12 @@
|
|||||||
<div class="pane-container">
|
<div class="pane-container">
|
||||||
|
|
||||||
<div class="bar">
|
<div class="bar">
|
||||||
iOS Checkbox Default CSS Tests
|
Default Checkbox Tests
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="content">
|
<div class="content">
|
||||||
|
|
||||||
<div class="list list-ios">
|
<div class="list">
|
||||||
|
|
||||||
<div class="list-content">
|
<div class="list-content">
|
||||||
|
|
@ -0,0 +1,19 @@
|
|||||||
|
import {bootstrap} from 'angular2/core';
|
||||||
|
import {Component, Template} from 'angular2/angular2';
|
||||||
|
import {View} from 'ionic2/components/view/view';
|
||||||
|
import {Content} from 'ionic2/components/content/content';
|
||||||
|
import {Icon} from 'ionic2/components/icon/icon';
|
||||||
|
|
||||||
|
|
||||||
|
@Component({ selector: '[ion-app]' })
|
||||||
|
@Template({
|
||||||
|
url: 'main.html',
|
||||||
|
directives: [View, Content, Icon]
|
||||||
|
})
|
||||||
|
class IonicApp {
|
||||||
|
constructor() {
|
||||||
|
console.log('IonicApp Start')
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
bootstrap(IonicApp)
|
||||||
|
1
src/components/checkbox/test/checkbox-ios/index.html
Normal file
1
src/components/checkbox/test/checkbox-ios/index.html
Normal file
@ -0,0 +1 @@
|
|||||||
|
Loading...
|
48
src/components/checkbox/test/checkbox-ios/main.html
Normal file
48
src/components/checkbox/test/checkbox-ios/main.html
Normal file
@ -0,0 +1,48 @@
|
|||||||
|
|
||||||
|
<div class="pane">
|
||||||
|
|
||||||
|
<div class="pane-container">
|
||||||
|
|
||||||
|
<div class="bar">
|
||||||
|
iOS Checkbox Tests
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="content">
|
||||||
|
|
||||||
|
<div class="list list-ios">
|
||||||
|
|
||||||
|
<div class="list-content">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="item checkbox ios-checkbox"
|
||||||
|
role="checkbox"
|
||||||
|
aria-checked="true"
|
||||||
|
aria-invalid="false">
|
||||||
|
|
||||||
|
<div class="item-media">
|
||||||
|
<div class="checkbox-off">Off</div>
|
||||||
|
<div class="checkbox-on">On</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="item-content">
|
||||||
|
|
||||||
|
<div class="item-title">
|
||||||
|
I am pleased
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
19
src/components/checkbox/test/checkbox-ios/main.js
Normal file
19
src/components/checkbox/test/checkbox-ios/main.js
Normal file
@ -0,0 +1,19 @@
|
|||||||
|
import {bootstrap} from 'angular2/core';
|
||||||
|
import {Component, Template} from 'angular2/angular2';
|
||||||
|
import {View} from 'ionic2/components/view/view';
|
||||||
|
import {Content} from 'ionic2/components/content/content';
|
||||||
|
import {Icon} from 'ionic2/components/icon/icon';
|
||||||
|
|
||||||
|
|
||||||
|
@Component({ selector: '[ion-app]' })
|
||||||
|
@Template({
|
||||||
|
url: 'main.html',
|
||||||
|
directives: [View, Content, Icon]
|
||||||
|
})
|
||||||
|
class IonicApp {
|
||||||
|
constructor() {
|
||||||
|
console.log('IonicApp Start')
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
bootstrap(IonicApp)
|
Reference in New Issue
Block a user