LayoutRow.vue 839 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. <template>
  2. <view class="layout-row">
  3. <u-row
  4. justify="space-between"
  5. gutter="10">
  6. <u-col span="4">
  7. <view class="demo-layout">{{rowTitle?rowTitle:""}}</view>
  8. </u-col>
  9. <u-col span="8">
  10. <view class="demo-layout">{{rowValue?rowValue:""}}</view>
  11. </u-col>
  12. </u-row>
  13. </view>
  14. </template>
  15. <script>
  16. export default{
  17. data(){
  18. return{
  19. // rowTitle:"存放地点",
  20. // rowValue:"222"
  21. }
  22. },
  23. props: {
  24. rowTitle: { // 接收父组件传入值
  25. type: String || "",
  26. default: ""
  27. },
  28. rowValue: { // 接收父组件传入值
  29. type: String || "",
  30. default: ""
  31. },
  32. }
  33. }
  34. </script>
  35. <style lang="scss">
  36. .layout-row{
  37. border-top: 1rpx solid #d6d7d9;
  38. padding: 20rpx 0 ;
  39. }
  40. .demo-layout {
  41. height: 25px;
  42. box-sizing: border-box;
  43. // padding: 0 10rpx;
  44. }
  45. </style>