uniapp音频居中

根据引用中提到的uniapp简单音频组件进行优化，可以通过以下步骤实现音频居中显示：

1.在template中使用flex布局，将音频组件的父元素设置为flex容器，并设置justify-content和align-items属性为center，实现水平和垂直居中。

2.在style中设置音频组件的宽度为100%。

具体代码如下：

<template>
 <view class="audio-container">
    <audio :src="music" controls></audio>
  </view>
</template>

<style>
.audio-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
</style>