一最安 2022-03-01 17:20 采纳率: 84.4%
浏览 1369
已结题

请问怎么在van-dialog使用插槽自定义内容,添加关闭按钮?

img

如图,想要自定义van-dialog,想要模拟微信实现输入支付密码的弹窗,如下图所示

img


目前我是这么写的:

<van-dialog
              use-title-slot
              use-slot
              :show-close="true"
              title="请输入支付密码"
              :show="showDialog"
              :showConfirmButton="false"
            >
                <view slot="title">
                    <view style="position:relative">
                        请输入支付密码
                        <van-icon name="cross" size="18px" custom-style="position:absolute;right:5%;top:5%"/>
                    </view>
                </view>
                
                <view class="dialogContent" style="text-align: center;">
                    <view>三湘银行</view>
                    <view style="font-size:20px;font-size:580">{{depositMoney}}</view>
                </view>
                
            </van-dialog>
            

发现这么写,自定义样式根本不起作用,请问该怎么处理呢?请赐教,不胜感激。

  • 写回答

1条回答 默认 最新

  • 你好!机器人 2022-03-01 17:40
    关注

    用!important去覆盖

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

问题事件

  • 已结题 (查看结题原因) 3月6日
  • 已采纳回答 3月1日
  • 修改了问题 3月1日
  • 创建了问题 3月1日

悬赏问题

  • ¥15 esp8266控制共阳极wrgb灯板无法关闭所有led灯
  • ¥100 python读取速度问题
  • ¥15 stm32f407使用DMA问题
  • ¥15 您好 这个API接口该怎么弄 网站搭建好了 API也有 现在就不知道该怎么填写API 不知道怎么用
  • ¥88 用uniapp写一个多端的程序,用到高德地图,用高德的JSAPI吗?
  • ¥20 关于#c++#的问题:水果店管理系统
  • ¥30 dbLinq最新版linq sqlite
  • ¥20 对D盘进行分盘之前没有将visual studio2022卸载掉,现在该如何下载回来
  • ¥15 完成虚拟机环境配置,还有安装kettle
  • ¥15 有人会搭建生鲜配送自营+平台的管理系统吗