有没有更详细的写法

当然，以下是更详细的自定义toast的示例代码，包括了样式和图片的具体配置：

<template>
  <view class="container">
    <button @tap="showToast">显示toast</button>
  </view>
</template>

<script>
export default {
  methods: {
    showToast() {
      uni.showToast({
        title: '自定义toast',
        icon: 'none',
        duration: 2000,
        image: '/static/custom-toast.png',
        mask: true,
        className: 'custom-toast',
        success: (res) => {
          console.log('toast显示成功', res)
        },
        fail: (err) => {
          console.log('toast显示失败', err)
        },
        complete: () => {
          console.log('toast显示完成')
        }
      })
    }
  }
}
</script>

<style>
.container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

/* 自定义toast样式 */
.custom-toast {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 160px;
  height: 120px;
  padding: 20px;
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  font-size: 16px;
  color: #fff;
  text-align: center;
  background-image: url('/static/custom-toast.png');
  background-repeat: no-repeat;
  background-size: 40px 40px;
  background-position: center 20px;
}
</style>

在以上代码中，我们在样式中定义了一个.custom-toast类，其中设置了position、top、left、transform、z-index、display、width、height、padding、border-radius、background-color、box-shadow、font-size、color、text-align、background-image、background-repeat、background-size和background-position属性，通过这些属性的配置，我们实现了一个自定义的toast样式，并且设置了自定义的图标。

在uni.showToast()方法中，我们指定了一个自定义的类名，即className属性为'custom-toast'，这样就可以应用我们自己定义的样式。

需要注意的是，自定义的toast样式中的属性配置需要根据实际情况进行调整，以达到最佳显示效果。