使用uniapp做一个有圆角的方框,颜色为蓝色,里面包含一个标题和内容,标题为今日用量,内容为10%,要求标题和内容居中显示

可以使用uniapp的`view`组件和`text`组件结合使用，如下代码可以实现一个有圆角的蓝色方框，里面居中显示“今日用量”和“10%”：

<template>
  <view class="box">
    <text class="title">今日用量</text>
    <text class="content">10%</text>
  </view>
</template>

<style>
  .box {
    background-color: #007aff;
    border-radius: 10px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .title {
    font-size: 18px;
    color: #fff;
    text-align: center;
  }
  .content {
    font-size: 32px;
    color: #fff;
    text-align: center;
    margin-top: 10px;
  }
</style>

需要注意的是，`view`组件需要设置`display:flex`和`flex-direction:column`，才能将`text`组件居中显示。同时，`text`组件也需要设置`text-align:center`，才能使文本内容在组件中居中显示。