列表从左到右,从左到右滑动

时间:2016-01-27 13:05:44

标签: angularjs ionic-framework

我需要从左到右滑动列表表单 我可以制作一个从左到右滑动的代码,但我无法从右到左进行扫描

 <ion-list >
            <ion-item href="#" ng-repeat="prod in orderInfo.prod">
                <div > Product Name
                    <l style="Padding-left:20%;">{{prod.productName}}</l>                    
                </div>
                <div> Customer Item Code
                    <l style="Padding-left:3%;">{{prod.customerItemCode}}<l>
                </div>
                <div> Item Code  
                    <l style="Padding-left:15%;">{{prod.ocalaItemCode}}</l>
                </div>  
                <ion-option-button ng-click="passPopup();"  class="button-light icon ion-android-checkmark-circle"></ion-option-button>
                <ion-option-button ng-click="conditionalPopup();" class="button-light icon ion-android-radio-button-on"></ion-option-button>
                <ion-option-button ng-click="failPopup();" class="button-assertive ion-android-cancel"></ion-option-button>
            </ion-item>

        </ion-list> 

我需要从左到右滑动该列表,它应该有按钮

我的想法的不同观点: 视图0:向右滑动:缩略图, 视图1:中心内容:“产品名称,客户项目代码,.....”, 视图2:向左滑动:三个按钮“通过,有条件通过,失败”。

在从右到左的列表中,可以看到3个按钮。在从左向右滑动时,列表再次显示为列表,再次从左到右滑动列表时,应显示另一组3个按钮,因此列表项中共有6个按钮。

enter image description here

0 个答案:

没有答案