使用 mui.min.js 插件 显示功能框（删除、清空按钮）

以下是使用 mui.min.js 插件显示功能框，一个按钮是'删除'，一个按钮是'清空'的示例代码：

<!DOCTYPE html>
<html>
<head>
  <meta charset='UTF-8'>
  <title>示例</title>
  <meta name='viewport' content='width=device-width, initial-scale=1'>
  <link rel='stylesheet' href='https://cdn.staticfile.org/mui/3.7.1/css/mui.min.css'>
</head>
<body>
  <div class='mui-content'>
    <button id='showActionSheet' class='mui-btn mui-btn-primary'>显示功能框</button>
  </div>
  <script src='https://cdn.staticfile.org/mui/3.7.1/js/mui.min.js'></script>
  <script>
    mui.init();

    document.getElementById('showActionSheet').addEventListener('tap', function() {
      var btnArray = [
        {title:'删除', style:{color:'#FF0000'}},
        {title:'清空'}
      ];
      mui.actionSheet({
        buttons: btnArray,
        cancel: '取消',
        success: function (data) {
          if (data.index == 0) {
            // 点击了删除按钮
            console.log('点击了删除按钮');
          } else if (data.index == 1) {
            // 点击了清空按钮
            console.log('点击了清空按钮');
          }
        }
      });
    });
  </script>
</body>
</html>

在上面的代码中，我们首先引入了 mui.min.css 和 mui.min.js 文件，然后在页面中添加了一个按钮，当用户点击按钮时，会弹出一个功能框，其中有两个按钮，一个是'删除'，一个是'清空'。

在 mui.actionSheet() 方法中，我们传入了一个 buttons 参数，它是一个数组，每个元素代表一个按钮，其中 title 属性表示按钮的文本内容，style 属性表示按钮的样式。我们还传入了一个 cancel 参数，表示取消按钮的文本内容，以及一个 success 回调函数，它会在用户点击某个按钮时被调用，其中 data.index 表示用户点击的按钮的索引，从 0 开始计数。

在 success 回调函数中，我们根据 data.index 的值来判断用户点击的是哪个按钮，然后执行相应的操作。在这个例子中，我们只是简单地在控制台输出了一条消息，你可以根据自己的需求来修改代码。

使用 mui.min.js 插件 显示功能框（删除、清空按钮）

使用 mui.min.js 插件显示功能框（删除、清空按钮）