CellRadio.vue 702 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. <template>
  2. <view class="cell">
  3. <view class="">
  4. <view class="">
  5. <text>{{item.name}}/</text><text class="font-regular">{{item.spec}}</text>
  6. </view>
  7. <view class="">
  8. {{item.code}}
  9. </view>
  10. </view>
  11. <view class="list-cell-right font-regular">
  12. x{{item.stock}}
  13. </view>
  14. </view>
  15. </template>
  16. <script>
  17. export default {
  18. props: {
  19. item: {
  20. type: Object,
  21. default: {}
  22. }
  23. }
  24. }
  25. </script>
  26. <style lang="scss" scoped>
  27. .cell {
  28. position: relative;
  29. width: 100%;
  30. }
  31. .list-cell-right {
  32. position: absolute;
  33. right: 20rpx;
  34. top: 0;
  35. bottom: 0;
  36. margin: auto 0;
  37. display: flex;
  38. align-items: center;
  39. }
  40. .font-regular {
  41. color: $uni-text-regular-color
  42. }
  43. </style>