微信小程序创建自定义带图标的底部弹框

正常情况下，小程序中要从页面底部弹出选择框的话，首要选择是

wx.showActionSheet({
   
itemList: ['A', 'B', 'C'],
      success: function(res) {
   
      }
}）

该方法运行后样式在iOS机子上显示为如下图，在android机子上显示的是没有“取消”按钮的，并且弹出框并不在页面底部，而是在页面中间。

现在我想要的效果是在A B C每一项选项前面各添加一个图标，但是不知道wx.showActionSheet这种方法应该怎么实现，所以换了另外一种实现方式：
在页面上定义一个按钮给一个点击事件，然后定义要弹出的页面布局：

<view class="page">
    <form class="page__bd">
      <view class="button-sp-area">
        <button class="weui-btn mini-btn" bindtap="dialogBottom" style="width:170px;" type="default" size="mini">
          弹出选择框
        </button>
        <!--以下是弹出框中要显示的内容-->
        <view