basics.vue 857 B

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. <template>
  2. <view class="control">
  3. <view class="control-title">
  4. 基础控制
  5. </view>
  6. <view class="current">
  7. </view>
  8. <view class="show-list">
  9. <control-item v-for="item in itemList" :key="item.paramName" :item="item" @click.native="onClick(item)" />
  10. </view>
  11. <My_input ref="MyInput" />
  12. </view>
  13. </template>
  14. <script>
  15. let model = null;
  16. export default {
  17. name: "basics",
  18. data() {
  19. return {
  20. itemList: []
  21. }
  22. },
  23. methods: {
  24. onClick(item) {
  25. if (!model) model = this.$refs.MyInput;
  26. model.openInput(item)
  27. }
  28. }
  29. }
  30. </script>
  31. <style lang="scss" scoped>
  32. .show-list {
  33. display: flex;
  34. flex-wrap: wrap;
  35. justify-content: space-between;
  36. margin-top: -5px;
  37. box-sizing: border-box;
  38. }
  39. </style>