MUI 列表组件:文字居 - 代码篇
添加
.mui-text-left
类,控制list;列表的文字居中排布问题。
效果图:
代码如下:
<ul class="mui-table-view mui-table-view-radio font-pay mui-text-left" style="margin-top: 0;">
<li class="mui-table-view-cell ptys mui-selected">
<a class="mui-navigate-right" href="#"><span class="mui-icon mui-icon-weixin"></span>微信支付</a>
</li>
<li class="mui-table-view-cell ptys">
<a class="mui-navigate-right" href="#"><span class="mui-icon mui-icon-checkmarkempty"></span>支付宝支付</a>
</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right" href="#pay_3">学习卡</a>
</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right" href="#pay_4">银行转账</a>
</li>
</ul>
以上就是关于“ MUI 列表组件:文字居左中右(排版) - 代码篇 ” 的全部内容。