Phone-APP/pages/contact/contact.vue

<template>
  <view class="container">
    <view class="input-container">
      <textarea class="text"  placeholder="请输入反馈内容" v-model="inputValue" />
    </view>
    <button class="submit-button" @click="submit">提交</button>
  </view>
</template>

<script>
export default {
  data() {
    return {
      inputValue: '' // 绑定输入框的v-model
    };
  },
  methods: {
    submit() {
      // 处理提交逻辑
      console.log('提交的内容:', this.inputValue);
      // 这里可以添加代码将输入的内容发送到服务器或者进行其他处理
    }
  }
};
</script>

<style scoped>
.container {
    display: flex;
	flex-direction: column;
    height: 100%;
	font-size: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    background-color: #f0efef;
}

.input-container {
  margin-bottom: 20px;
}

.text{
    border: 1px solid #bbbaba;
    border-radius: 8px;
	padding: 10px;
	font-size: 20px;
	background-color: white;
}

.submit-button {
    background-color: #9ee493;
    color: white;
	width: 200px;
	font-size: 30px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.submit-button:active {
  background-color: #9ee493;
}
</style>