开门见山,AtModal中有三个组件TaroUI官网中没有过多说明,只是一笔带过,但其实是有些小坑的
分别是<AtModalHeader>、<AtModalContent>、<AtModalAction>
一定注意:在使用这三个组件时,不可以配置AtModal组件中的content属性!配置了之后这三个组件会失效!!以及confirmText等属性配置会无效
三个组件的使用都大同小异,使用方法:
- 需要引入组件
import { AtModal, AtModalHeader, AtModalContent, AtModalAction } from "taro-ui"
- 在<AtModal></AtModal>组件中使用
<AtModal> <AtModalHeader>标题</AtModalHeader> <AtModalContent>内容</AtModalContent> <AtModalAction> <Button>取消</Button> <Button>确定</Button> </AtModalAction> </AtModal>
好了,没了
其实我好蠢,我要实现一个弹出层中有个图片的效果,但是我,并没有看到官网的实例!!我根本没看到有这三个组件!!
我全网那个搜啊,我还科学上网去Google搜,根本没有想要的答案,主要也是Taro用的人少,在某一篇问答帖上看到别人贴出来的代码里有这几个组件,我是既兴奋又愤怒啊,我恨这个TaroUI官方为什么不把这三个组件写明(但其实纯粹是因为我眼瞎)
我义愤填膺,立刻打算写一篇博客来让大家避雷,但当我想不起某个属性去官网查看时,我人傻了,官网人家实实在在的写着一个实例代码,实实在在的就有这三个组件,886,我真的无语了。
标题直接从“避雷!!这几个组件官网为什么不给出!!”变成“啊哈,官方的说明很浅哈,是有些小坑的哈”,我真无语了。