dropdown.nvue 628 B

12345678910111213141516171819202122232425262728293031
  1. <template>
  2. <view class="u-page">
  3. <view class="u-demo-block">
  4. <text class="u-demo-block__title">基础功能</text>
  5. <view class="u-demo-block__content">
  6. <u-dropdown>
  7. <u-dropdown-item title="标题1">
  8. <view class="" style="height: 300px;">
  9. 123
  10. </view>
  11. </u-dropdown-item>
  12. <u-dropdown-item title="标题2">
  13. 456
  14. </u-dropdown-item>
  15. <u-dropdown-item title="标题3">
  16. 789
  17. </u-dropdown-item>
  18. <u-dropdown-item title="标题4">
  19. abc
  20. </u-dropdown-item>
  21. </u-dropdown>
  22. </view>
  23. </view>
  24. </view>
  25. </template>
  26. <script>
  27. </script>
  28. <style>
  29. </style>