uniapp 单行标题 设计页面，写代码

以下是一个简单的 uniapp 单行标题设计页面的代码示例：

<template>
  <view class="container">
    <view class="header">{{title}}</view>
    <view class="content">
      <!-- 页面内容 -->
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      title: '页面标题'
    }
  }
}
</script>

<style>
.container {
  display: flex;
  flex-direction: column;
  height: 100vh;
}

.header {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  padding: 20px;
  background-color: #f5f5f5;
}

.content {
  flex: 1;
  padding: 20px;
}
</style>

在这个示例中，我们使用了 flex 布局来让页面内容占据剩余空间，并设置了一个单行标题的样式。你可以通过修改样式和数据来适应你的页面需求。