index.wxml
<view class='bottom' bindtap='showModal'>选择颜色</view>
<!--弹框-->
<view animation="{
{animationData}}" class='maskLayer' wx:if="{
{showModalStatus}}">
<view class='main'>
<view class='title'>选择背景</view>
<view class='close' bindtap='hideModal'>
<image src="../image/close.png" mode="widthFix"></image>
</view>
</view>
<view class='list'>
内容
</view>
</view>
index.wxss:
.bottom {
width: 100%;
height: 120rpx;
line-height: 120rpx;
font-size: 38rpx;
position: fixed;
bottom: 0;
left: 0;
background: #000;
color: #d1b75e;
text-align: center;
}
/*弹框*/
.maskLayer {
width: 10