field-ruler.wxml 1.3 KB

1234567891011121314151617181920212223242526272829
  1. <!--module/health/components/field-ruler/field-ruler.wxml-->
  2. <view class="field-picker" bind:tap="onShow">
  3. <view class="field-picker__inner">
  4. <view wx:if="{{selected.length}}" class="scrollbar">
  5. <view class="item" wx:for="{{options}}" wx:key="*this">
  6. <text name="{{item.name}}">{{selected[index]}}</text>
  7. <text style="margin-left: 2px;">{{item.unit}}</text>
  8. </view>
  9. </view>
  10. <view wx:else class=" placeholder">请选择</view>
  11. </view>
  12. </view>
  13. <input style="opacity: 0;" type="digit" wx:for="{{options}}" wx:key="id" name="{{item.id}}" value="{{selected[index]}}" />
  14. <t-popup visible="{{visible}}" bind:visible-change="onCancel" placement="bottom" close-on-overlay-click="{{closeOnOverlayClick}}">
  15. <view class="popup__header">
  16. <view class="btn btn--cancel" aria-role="button" bind:tap="onCancel">取消</view>
  17. <view class="title">{{title}}</view>
  18. <view class="btn btn--confirm" aria-role="button" bind:tap="onConfirm">确定</view>
  19. </view>
  20. <view class="popup__content">
  21. <form-ruler wx:for="{{options}}" min="{{item.min}}" max="{{item.max}}" precision="{{item.precision}}" model:value="{{scrollValue[index]}}" default-value="{{visible ? selected[index] : 0}}">
  22. <view slot="before">{{item.label}}</view>
  23. <view slot="after">{{item.unit}}</view>
  24. </form-ruler>
  25. </view>
  26. </t-popup>