请用uniapp写一个文字转语音页面代码

以下是一个简单的基于 Uniapp 的文字转语音页面代码：

<template>
  <view class="container">
    <textarea v-model="text" class="input"></textarea>
    <button @click="speak" class="button">转换为语音</button>
  </view>
</template>

<script>
export default {
  data() {
    return {
      text: ''
    }
  },
  methods: {
    speak() {
      uni.textToSpeech.speak({
        text: this.text
      })
    }
  }
}
</script>

<style>
.container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
  padding: 20px;
}

.input {
  width: 100%;
  height: 200px;
  margin-bottom: 20px;
}

.button {
  width: 200px;
  height: 50px;
  background-color: blue;
  color: white;
  border: none;
  border-radius: 5px;
  font-size: 18px;
  cursor: pointer;
}
</style>

该页面包含一个文本框和一个按钮，当点击按钮时，会将文本框中的内容转换为语音输出。该页面使用了 Uniapp 自带的 `uni.textToSpeech.speak()` 函数来进行文字转语音操作。