当前位置: 首页 > 工具软件 > Taro UI > 使用案例 >

TaroUI之AtModal的“隐藏组件”

钱德元
2023-12-01

开门见山,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,我真的无语了。

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

 类似资料: