ionic ion-radio单选按钮效果

shiyiboke 2016-03-29

在ionic中的单选效果

<ion-content>
    <ion-radio ng-model="choice" ng-value="A">
        <img src="public/image/touxiang.png" class="img_responsive width_40px float_left">
        <div class="margin_left_10 float_left">
            <div class="">中国建设银行</div>
            <div class="font_12 color_99">为好8888储蓄卡</div>
        </div>
    </ion-radio>
    <ion-radio ng-model="choice" ng-value="A">
        <img src="public/image/touxiang.png" class="img_responsive width_40px float_left">
        <div class="margin_left_10 float_left">
            <div class="">支付宝</div>
            <div class="font_12 color_99">hbiao***.yeah.net</div>
        </div>
    </ion-radio>
    <ion-radio ng-model="choice" ng-value="B">Choose B</ion-radio>
    <ion-radio ng-model="choice" ng-value="C">Choose C</ion-radio>
</ion-content>

ionic ion-radio单选按钮效果

相关推荐