createCirclce.vue 959 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. <template>
  2. <view class="content">
  3. <uni-forms :modelValue="formData">
  4. <view class="content1">
  5. <uni-forms-item label="圈子名称" name="name">
  6. <uni-easyinput type="text" v-model="formData.name" placeholder="输入圈子名称" />
  7. </uni-forms-item>
  8. </view>
  9. <view class="content2">
  10. <view class="title">
  11. 圈子标签
  12. </view>
  13. <view class="">
  14. <uni-forms-item label="标签1" name="name">
  15. <view class="flex">
  16. <uni-easyinput type="text" v-model="formData.name" placeholder="输入圈子标签,2-4个字" />
  17. <uni-icons type="plus-filled"></uni-icons>
  18. <uni-icons type="minus-filled"></uni-icons>
  19. </view>
  20. </uni-forms-item>
  21. </view>
  22. </view>
  23. <view class="">
  24. <button type="primary">提交</button>
  25. </view>
  26. </uni-forms>
  27. </view>
  28. </template>
  29. <script>
  30. export default {
  31. data() {
  32. return {
  33. formData: {}
  34. };
  35. }
  36. }
  37. </script>
  38. <style lang="scss">
  39. </style>