如何对齐 <u-cell> 标签中 :title 属性后的内容

<u-cell-group>
			<u-cell :title="'会员卡名称： ' + cardInfo.name">
			</u-cell>
			<u-cell :title="'会员姓名： ' + cardInfo.username" v-if="cardInfo.username">
			</u-cell>
			<u-cell title="会员性别： 男" v-if="cardInfo.sex == 0">
			</u-cell>
			<u-cell title="会员性别： 女" v-if="cardInfo.sex == 1">
			</u-cell>
			<u-cell :title="'会员手机号： ' + cardInfo.phoneNumber">
				<u-icon slot="right-icon" name="edit-pen" size="30" color="#3D63EB" @click="updataPhone"></u-icon>
			</u-cell>
			<u-cell :title="'会员生日： ' + cardInfo.birth" v-if="cardInfo.birth">
			</u-cell>
			<u-cell :title="'备注： ' + cardInfo.remark" v-if="cardInfo.remark">
			</u-cell>
		</u-cell-group>
<p>要让 title 后面的内容对齐，可以使用 CSS 样式来设置。在 <u-cell> 标签中的 :title 属性后面添加一个样式类名，例如 align-title，然后在 <style> 标签中添加以下样式：</p>
<pre><code class="language-css">.align-title::after {
  content: &quot;&quot;;
  display: inline-block;
  width: 100%;
  text-align: left;
}
</code></pre>
<p>这样就可以让 :title 后面的内容对齐到左边了。如果想要对齐到右边，只需要将 text-align 属性的值改为 &quot;right&quot; 即可。</p>