高宝明

gaobaoming

2018-11-09 ee46fec15bdaa4d83c92015278f273c728a191eb

 src/pages/tabs/home/home.html

@@ -1,73 +1,18 @@
<ion-header>

  <ion-navbar>
    <ion-title>login</ion-title>
    <ion-title>home</ion-title>
  </ion-navbar>

</ion-header>


<ion-content padding>
  <ion-grid>
    <ion-row>
      <ion-item>
        <ion-input type="number" max="1" placeholder="单行文本1"></ion-input>
      </ion-item>
    </ion-row>
    <ion-row>
      <ion-item>
        <ion-label fixed>单行文本2:</ion-label>
        <ion-input type="text" value=""></ion-input>
      </ion-item>
    </ion-row>
    <ion-row>
      <ion-label fixed>搜索:</ion-label>
      <ion-searchbar ></ion-searchbar>
    </ion-row>
    <ion-row>
      <ion-item>
        <ion-label>多选1</ion-label>
        <ion-checkbox color="dark" checked="true"></ion-checkbox>
      </ion-item>
      <ion-item>
        <ion-label>多选2</ion-label>
        <ion-checkbox ></ion-checkbox>
      </ion-item>
    </ion-row>
    <ion-row>
      <ion-item>
        <ion-label>时间</ion-label>
        <ion-datetime displayFormat="YYYY/MM/DD" ></ion-datetime>
      </ion-item>
    </ion-row>
    <ion-list>
    <button ion-item  (click)="go()">
      row1
    </button>
  <ion-list>
     <test-input [id]='1'></test-input>
     <test-input [id]='2'></test-input>
     <test-select [id]='3'></test-select>
     <test-checkbox [id]='4'></test-checkbox>
     <test-dropdownlist [id]='5'></test-dropdownlist>
  </ion-list>



    <ion-item>
      <ion-label>下拉(多选)1</ion-label>
      <ion-select multiple="true" cancelText="Nah" okText="Okay!">
        <ion-option value="bacon" selected="true">Bacon</ion-option>
        <ion-option value="olives">Black Olives</ion-option>
        <ion-option value="xcheese" selected="true">Extra Cheese</ion-option>
        <ion-option value="peppers">Green Peppers</ion-option>
        <ion-option value="mushrooms">Mushrooms</ion-option>
        <ion-option value="onions">Onions</ion-option>
        <ion-option value="pepperoni">Pepperoni</ion-option>
        <ion-option value="pineapple">Pineapple</ion-option>
        <ion-option value="sausage">Sausage</ion-option>
        <ion-option value="Spinach">Spinach</ion-option>
      </ion-select>
    </ion-item>
    <ion-row>
      <ion-item>
        <ion-label>多行文本</ion-label>
        <ion-textarea autoresize="100"></ion-textarea>
      </ion-item>
    </ion-row>
  </ion-grid>
</ion-content>
</ion-content>