为什么这两行会在一行？

Question

在HBuilderX里面实现双向绑定，可是不知道为什么框出的两行是在一行？不是应该灰色的在黑色的上面吗?为嘛会到一行去呢？

显示结果

代码：

```javascript
<template>
 <view class="content">
  <image class="logo" src="/static/logo.png"></image>
  <view class="text-area">
   <text class="title">{{title}}</text>
   <input type="text" :value="title" @input="change" />
  </view>
 </view>
</template>

<script>
 //VM:协调者 调度器
 export default {
  //Model:所有数据
  data() {
   return {
    title: 'Hello 前端'
   }
  },
  onLoad() {

  },
  methods: {
   change(e)
   {
    var txttitle=e.detail.value;
    this.title=txttitle;
    // debugger;
   }
  }
 }
</script>

<style>
 .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
 }

 .logo {
  height: 200rpx;
  width: 200rpx;
  margin-top: 200rpx;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50rpx;
 }

 .text-area {
  display: flex;
  justify-content: center;
 }

 .title {
  font-size: 36rpx;
  color: #8f8f94;
 }
</style>

Answer 1

uniapp默认文本都会在一行，你可以外层加个view