component1.vue 680 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. <template>
  2. <view class="content">
  3. <view>
  4. <text space="emsp">小女孩: 我会唱歌</text>
  5. </view>
  6. <view>
  7. <text >鹦鹉:我会唱歌</text>
  8. </view>
  9. <view>
  10. <text>小女孩:我会跳舞</text>
  11. </view>
  12. <view>
  13. <text>鹦鹉:我会跳舞</text>
  14. </view>
  15. <view>
  16. <text>小女孩:我会飞</text>
  17. </view>
  18. <view>
  19. <text>鹦鹉:你放屁</text>
  20. </view>
  21. </view>
  22. </template>
  23. <script>
  24. export default {
  25. data() {
  26. return {
  27. }
  28. },
  29. methods: {
  30. test(){
  31. }
  32. }
  33. }
  34. </script>
  35. <style>
  36. .content {
  37. display: flex;
  38. flex-direction: column;
  39. align-items: center;
  40. justify-content: center;
  41. margin: 20rpx;
  42. }
  43. </style>