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