TaroUI之AtModal的“隐藏组件”

开门见山,AtModal中有三个组件TaroUI官网中没有过多说明,只是一笔带过,但其实是有些小坑的

分别是<AtModalHeader>、<AtModalContent>、<AtModalAction>

一定注意:在使用这三个组件时,不可以配置AtModal组件中的content属性!配置了之后这三个组件会失效!!以及confirmText等属性配置会无效

三个组件的使用都大同小异,使用方法:

  1. 需要引入组件
    import { 
    	AtModal,
    	AtModalHeader, 
    	AtModalContent, 
    	AtModalAction 
    } from "taro-ui"
    
  2. 在<AtModal></AtModal>组件中使用
    <AtModal>
      <AtModalHeader>标题</AtModalHeader>
      <AtModalContent>内容</AtModalContent>
      <AtModalAction> 
    	  <Button>取消</Button> 
    	  <Button>确定</Button> 
      </AtModalAction>
    </AtModal>
    

好了,没了

其实我好蠢,我要实现一个弹出层中有个图片的效果,但是我,并没有看到官网的实例!!我根本没看到有这三个组件!!

我全网那个搜啊,我还科学上网去Google搜,根本没有想要的答案,主要也是Taro用的人少,在某一篇问答帖上看到别人贴出来的代码里有这几个组件,我是既兴奋又愤怒啊,我恨这个TaroUI官方为什么不把这三个组件写明(但其实纯粹是因为我眼瞎)

我义愤填膺,立刻打算写一篇博客来让大家避雷,但当我想不起某个属性去官网查看时,我人傻了,官网人家实实在在的写着一个实例代码,实实在在的就有这三个组件,886,我真的无语了。

标题直接从“避雷!!这几个组件官网为什么不给出!!”变成“啊哈,官方的说明很浅哈,是有些小坑的哈”,我真无语了。

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值