【微信小程序封装底部弹出框二】
<!--index.wxml--><view><button style="margin-top: 300px;" catchtap="changeRange">点击唤起弹窗</button><!-- 弹框 --><dialog id='dialog' catchtouchmove="preventTouchMove" bind:customEventHandler="customEvent"></dialog><!-- <button style="margin-top: 300px;" catchtap="changeRange2">点击唤起弹窗222</button> --><!-- 弹框 --><!-- <dialogA id='dialog' catchtouchmove="preventTouchMove" bind:customEventHandler="customEvent"></dialogA> --></view>
{"usingComponents": {"dialogA":"/components/dialogA/dialog","dialog":"/components/dialog/dialog"}}
// index.js// 获取应用实例const app = getApp()Page({/*** 页面的初始数据*/data: {},/*** 生命周期函数--监听页面加载*/onLoad: function (options) {},/*** 生命周期函数--监听页面初次渲染完成*/onReady: function () {this.popup = this.selectComponent("#dialog"); //获取},// 调用子组件事件changeRange(e) {var _this = this;_this.popup.changeRange(); //调用子组件内的函数},// 调用子组件事件---弹窗2changeRange2(e) {var _this = this;_this.popup.changeRange(); //调用子组件内的函数},// 接受子组件传递的值customEvent: function (event) {},/*** 生命周期函数--监听页面显示*/onShow: function () {},/*** 生命周期函数--监听页面隐藏*/onHide: function () {},/*** 生命周期函数--监听页面卸载*/onUnload: function () {},/*** 页面相关事件处理函数--监听用户下拉动作*/onPullDownRefresh: function () {},/*** 页面上拉触底事件的处理函数*/onReachBottom: function () {},/*** 用户点击右上角分享*/onShareAppMessage: function () {}})
<!--components/dialog/dialog.wxml--><view class="half-screen" catchtouchmove="preventTouchMove"><!--屏幕背景变暗的背景 --><view class="background_screen" catchtap="hideModal" wx:if="{{showModalStatus}}"></view><!--弹出框 --><view animation="{{animationData}}" class="attr_box" wx:if="{{showModalStatus}}"><!-- 菜单 --><view class="menuBox"><view class="menu-item"><view class="menuImgBox"><image src="/img/pushShop.png" class="menuImg"></image></view><view class="menuText">发布商品</view></view><view class="menu-item"><view class="menuImgBox"><image src="/img/pushBuy.png" class="menuImg"></image></view><view class="menuText">发布采购</view></view></view><view class="closeBox"><image src="/img/closeDialog.png" catchtap="hideModal" class="closeDialogImg"></image></view></view></view>
/* components/dialog/dialog.wxss *//*模态框*//*使屏幕变暗 */.background_screen {width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: #000;opacity: 0.2;overflow: hidden;z-index: 1000;color: #fff;}/*对话框 */.attr_box {background: #FFFFFF;opacity: 1;/* border-radius: 0px 0px 0px 0px; *//* height: 500rpx; */height: 480rpx;width: 100%;overflow: hidden;position: fixed;bottom: 0;left: 0;z-index: 2000;background: transparent;/* background: rgba(66, 66, 66, .6); */padding-top: 50rpx;padding-bottom: 90rpx;box-sizing: border-box;background-repeat: no-repeat;background-size: 100%;background-image: url(data:image/png;base64,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DyzJiAQIECBAgAABAgSEuxsgQIAAAQIECBAgEBAQ7oElGZEAAQIECBAgQICAcHcDBAgQIECAAAECBAICwj2wJCMSIECAAAECBAgQEO5ugAABAgQIECBAgEBAQLgHlmREAgQIECBAgAABAsLdDRAgQIAAAQIECBAICAj3wJKMSIAAAQIECBAgQEC4uwECBAgQIECAAAECAQHhHliSEQkQIECAAAECBAgIdzdAgAABAgQIECBAICAg3ANLMiIBAgQIECBAgAAB4e4GCBAgQIAAAQIECAQEhHtgSUYkQIAAAQIECBAgINzdAAECBAgQIECAAIGAgHAPLMmIBAgQIECAAAECBIS7GyBAgAABAgQIECAQEBDugSUZkQABAgQIECBAgIBwdwMECBAgQIAAAQIEAgLCPbAkIxIgQIAAAQIECBAQ7m6AAAECBAgQIECAQEBAuAeWZEQCBAgQIECAAAECwt0NECBAgAABAgQIEAgICPfAkoxIgAABAgQIECBAQLi7AQIECBAgQIAAAQIBAeEeWJIRCRAgQIAAAQIECAh3N0CAAAECBAgQIEAgICDcA0syIgECBAgQIECAAAHh7gYIECBAgAABAgQIBASEe2BJRiRAgAABAgQIECAg3N0AAQIECBAgQIAAgYCAcA8syYgECBAgQIAAAQIEhLsbIECAAAECBAgQIBAQEO6BJRmRAAECBAgQIECAgHB3AwQIECBAgAABAgQCAsI9sCQjEiBAgAABAgQIEBDuboAAAQIECBAgQIBAQEC4B5ZkRAIECBAgQIAAAQLC3Q0QIECAAAECBAgQCAgI98CSjEiAAAECBAgQIEBAuLsBAgQIECBAgAABAgEB4R5YkhEJECBAgAABAgQICHc3QIAAAQIECBAgQCAgINwDSzIiAQIECBAgQIAAAeHuBggQIECAAAECBAgEBIR7YElGJECAAAECBAgQICDc3QABAgQIECBAgACBgIBwDyzJiAQIECBAgAABAgSEuxsgQIAAAQIECBAgEBAQ7oElGZEAAQIECBAgQICAcHcDBAgQIECAAAECBAICwj2wJCMSIECAAAECBAgQEO5ugAABAgQIECBAgEBAQLgHlmREAgQIECBAgAABAsLdDRAgQIAAAQIECBAICAj3wJKMSIAAAQIECBAgQEC4uwECBAgQIECAAAECAQHhHliSEQkQIECAAAECBAgIdzdAgAABAgQIECBAICAg3ANLMiIBAgQIECBAgAAB4e4GCBAgQIAAAQIECAQEhHtgSUYkQIAAAQIECBAgINzdAAECBAgQIECAAIGAgHAPLMmIBAgQIECAAAECBIS7GyBAgAABAgQIECAQEBDugSUZkQABAgQIECBAgIBwdwMECBAgQIAAAQIEAgLCPbAkIxIgQIAAAQIECBAQ7m6AAAECBAgQIECAQEBAuAeWZEQCBAgQIECAAAECwt0NECBAgAABAgQIEAgICPfAkoxIgAABAgQIECBAQLi7AQIECBAgQIAAAQIBAeEeWJIRCRAgQIAAAQIECAh3N0CAAAECBAgQIEAgICDcA0syIgECBAgQIECAAAHh7gYIECBAgAABAgQIBASEe2BJRiRAgAABAgQIECAg3N0AAQIECBAgQIAAgYCAcA8syYgECBAgQIAAAQIEhLsbIECAAAECBAgQIBAQEO6BJRmRAAECBAgQIECAgHB3AwQIECBAgAABAgQCAsI9sCQjEiBAgAABAgQIEBDuboAAAQIECBAgQIBAQEC4B5ZkRAIECBAgQIAAAQLC3Q0QIECAAAECBAgQCAgI98CSjEiAAAECBAgQIEBAuLsBAgQIECBAgAABAgEB4R5YkhEJECBAgAABAgQICHc3QIAAAQIECBAgQCAgINwDSzIiAQIECBAgQIAAAeHuBggQIECAAAECBAgEBIR7YElGJECAAAECBAgQICDc3QABAgQIECBAgACBgIBwDyzJiAQIECBAgAABAgSEuxsgQIAAAQIECBAgEBAQ7oElGZEAAQIECBAgQICAcHcDBAgQIECAAAECBAICwj2wJCMSIECAAAECBAgQEO5ugAABAgQIECBAgEBAQLgHlmREAgQIECBAgAABAsLdDRAgQIAAAQIECBAICAj3wJKMSIAAAQIECBAgQEC4uwECBAgQIECAAAECAQHhHliSEQkQIECAAAECBAgIdzdAgAABAgQIECBAICAg3ANLMiIBAgQIECBAgAAB4e4GCBAgQIAAAQIECAQEhHtgSUYkQIAAAQIECBAgINzdAAECBAgQIECAAIGAgHAPLMmIBAgQIECAAAECBIS7GyBAgAABAgQIECAQEBDugSUZkQABAgQIECBAgIBwdwMECBAgQIAAAQIEAgLCPbAkIxIgQIAAAQIECBAQ7m6AAAECBAgQIECAQEBAuAeWZEQCBAgQIECAAAECwt0NECBAgAABAgQIEAgICPfAkoxIgAABAgQIECBAQLi7AQIECBAgQIAAAQIBAeEeWJIRCRAgQIAAAQIECAh3N0CAAAECBAgQIEAgICDcA0syIgECBAgQIECAAAHh7gYIECBAgAABAgQIBASEe2BJRiRAgAABAgQIECAg3N0AAQIECBAgQIAAgYCAcA8syYgECBAgQIAAAQIEhLsbIECAAAECBAgQIBAQEO6BJRmRAAECBAgQIECAgHB3AwQIECBAgAABAgQCAsI9sCQjEiBAgAABAgQIEBDuboAAAQIECBAgQIBAQEC4B5ZkRAIECBAgQIAAAQLC3Q0QIECAAAECBAgQCAgI98CSjEiAAAECBAgQIEBAuLsBAgQIECBAgAABAgEB4R5YkhEJECBAgAABAgQICHc3QIAAAQIECBAgQCAgINwDSzIiAQIECBAgQIAAAeHuBggQIECAAAECBAgEBIR7YElGJECAAAECBAgQICDc3QABAgQIECBAgACBgIBwDyzJiAQIECBAgAABAgSEuxsgQIAAAQIECBAgEBAQ7oElGZEAAQIECBAgQICAcHcDBAgQIECAAAECBAICwj2wJCMSIECAAAECBAgQEO5ugAABAgQIECBAgEBAQLgHlmREAgQIECBAgAABAsLdDRAgQIAAAQIECBAICAj3wJKMSIAAAQIECBAgQEC4uwECBAgQIECAAAECAQHhHliSEQkQIECAAAECBAgIdzdAgAABAgQIECBAICAg3ANLMiIBAgQIECBAgAAB4e4GCBAgQIAAAQIECAQEhHtgSUYkQIAAAQIECBAgINzdAAECBAgQIECAAIGAgHAPLMmIBAgQIECAAAECBIS7GyBAgAABAgQIECAQEBDugSUZkQABAgQIECBAgIBwdwMECBAgQIAAAQIEAgLCPbAkIxIgQIAAAQIECBAQ7m6AAAECBAgQIECAQEBAuAeWZEQCBAgQIECAAAECwt0NECBAgAABAgQIEAgICPfAkoxIgAABAgQIECBAQLi7AQIECBAgQIAAAQIBAeEeWJIRCRAgQIAAAQIECAh3N0CAAAECBAgQIEAgICDcA0syIgECBAgQIECAAAHh7gYIECBAgAABAgQIBASEe2BJRiRAgAABAgQIECAg3N0AAQIECBAgQIAAgYCAcA8syYgECBAgQIAAAQIEhLsbIECAAAECBAgQIBAQEO6BJRmRAAECBAgQIECAgHB3AwQIECBAgAABAgQCAsI9sCQjEiBAgAABAgQIEBDuboAAAQIECBAgQIBAQEC4B5ZkRAIECBAgQIAAAQLC3Q0QIECAAAECBAgQCAgI98CSjEiAAAECBAgQIEBAuLsBAgQIECBAgAABAgEB4R5YkhEJECBAgAABAgQICHc3QIAAAQIECBAgQCAgINwDSzIiAQIECBAgQIAAAeHuBggQIECAAAECBAgEBIR7YElGJECAAAECBAgQICDc3QABAgQIECBAgACBgIBwDyzJiAQIECBAgAABAgSEuxsgQIAAAQIECBAgEBAQ7oElGZEAAQIECBAgQICAcHcDBAgQIECAAAECBAICwj2wJCMSIECAAAECBAgQEO5ugAABAgQIECBAgEBAQLgHlmREAgQIECBAgAABAsLdDRAgQIAAAQIECBAICAj3wJKMSIAAAQIECBAgQEC4uwECBAgQIECAAAECAQHhHliSEQkQIECAAAECBAgIdzdAgAABAgQIECBAICAg3ANLMiIBAgQIECBAgAAB4e4GCBAgQIAAAQIECAQEhHtgSUYkQIAAAQIECBAgINzdAAECBAgQIECAAIGAgHAPLMmIBAgQIECAAAECBIS7GyBAgAABAgQIECAQEBDugSUZkQABAgQIECBAgIBwdwMECBAgQIAAAQIEAgLCPbAkIxIgQIAAAQIECBAQ7m6AAAECBAgQIECAQEBAuAeWZEQCBAgQIECAAAECwt0NECBAgAABAgQIEAgICPfAkoxIgAABAgQIECBAQLi7AQIECBAgQIAAAQIBAeEeWJIRCRAgQIAAAQIECAh3N0CAAAECBAgQIEAgICDcA0syIgECBAgQIECAAAHh7gYIECBAgAABAgQIBASEe2BJRiRAgAABAgQIECAg3N0AAQIECBAgQIAAgYCAcA8syYgECBAgQIAAAQIEhLsbIECAAAECBAgQIBAQEO6BJRmRAAECBAgQIECAgHB3AwQIECBAgAABAgQCAsI9sCQjEiBAgAABAgQIEBDuboAAAQIECBAgQIBAQEC4B5ZkRAIECBAgQIAAAQLC3Q0QIECAAAECBAgQCAgI98CSjEiAAAECBAgQIEBAuLsBAgQIECBAgAABAgEB4R5YkhEJECBAgAABAgQICHc3QIAAAQIECBAgQCAgINwDSzIiAQIECBAgQIAAAeHuBggQIECAAAECBAgEBIR7YElGJECAAAECBAgQICDc3QABAgQIECBAgACBgIBwDyzJiAQIECBAgAABAgSEuxsgQIAAAQIECBAgEBAQ7oElGZEAAQIECBAgQICAcHcDBAgQIECAAAECBAICwj2wJCMSIECAAAECBAgQEO5ugAABAgQIECBAgEBAQLgHlmREAgQIECBAgAABAsLdDRAgQIAAAQIECBAICAj3wJKMSIAAAQIECBAgQEC4uwECBAgQIECAAAECAQHhHliSEQkQIECAAAECBAgIdzdAgAABAgQIECBAICAg3ANLMiIBAgQIECBAgAAB4e4GCBAgQIAAAQIECAQEhHtgSUYkQIAAAQIECBAgINzdAAECBAgQIECAAIGAgHAPLMmIBAgQIECAAAECBIS7GyBAgAABAgQIECAQEBDugSUZkQABAgQIECBAgIBwdwMECBAgQIAAAQIEAgLCPbAkIxIgQIAAAQIECBAQ7m6AAAECBAgQIECAQEBAuAeWZEQCBAgQIECAAAECwt0NECBAgAABAgQIEAgICPfAkoxIgAABAgQIECBAQLi7AQIECBAgQIAAAQIBAeEeWJIRCRAgQIAAAQIECAh3N0CAAAECBAgQIEAgICDcA0syIgECBAgQIECAAAHh7gYIECBAgAABAgQIBASEe2BJRiRAgAABAgQIECAg3N0AAQIECBAgQIAAgYCAcA8syYgECBAgQIAAAQIEhLsbIECAAAECBAgQIBAQEO6BJRmRAAECBAgQIECAgHB3AwQIECBAgAABAgQCAsI9sCQjEiBAgAABAgQIEBDuboAAAQIECBAgQIBAQEC4B5ZkRAIECBAgQIAAAQLC3Q0QIECAAAECBAgQCAgI98CSjEiAAAECBAgQIEBAuLsBAgQIECBAgAABAgEB4R5YkhEJECBAgAABAgQICHc3QIAAAQIECBAgQCAgINwDSzIiAQIECBAgQIAAAeHuBggQIECAAAECBAgEBIR7YElGJECAAAECBAgQICDc3QABAgQIECBAgACBgIBwDyzJiAQIECBAgAABAgSEuxsgQIAAAQIECBAgEBAQ7oElGZEAAQIECBAgQICAcHcDBAgQIECAAAECBAICwj2wJCMSIECAAAECBAgQEO5ugAABAgQIECBAgEBAQLgHlmREAgQIECBAgAABAsLdDRAgQIAAAQIECBAICAj3wJKMSIAAAQIECBAgQEC4uwECBAgQIECAAAECAQHhHliSEQkQIECAAAECBAgIdzdAgAABAgQIECBAICAg3ANLMiIBAgQIECBAgAAB4e4GCBAgQIAAAQIECAQEhHtgSUYkQIAAAQIECBAgINzdAAECBAgQIECAAIGAgHAPLMmIBAgQIECAAAECBIS7GyBAgAABAgQIECAQEBDugSUZkQABAgQIECBAgIBwdwMECBAgQIAAAQIEAgLCPbAkIxIgQIAAAQIECBAQ7m6AAAECBAgQIECAQEBAuAeWZEQCBAgQIECAAAECwt0NECBAgAABAgQIEAgICPfAkoxIgAABAgQIECBAQLi7AQIECBAgQIAAAQIBAeEeWJIRCRAgQIAAAQIECAh3N0CAAAECBAgQIEAgICDcA0syIgECBAgQIECAAAHh7gYIECBAgAABAgQIBASEe2BJRiRAgAABAgQIECAg3N0AAQIECBAgQIAAgYCAcA8syYgECBAgQIAAAQIEhLsbIECAAAECBAgQIBAQEO6BJRmRAAECBAgQIECAgHB3AwQIECBAgAABAgQCAsI9sCQjEiBAgAABAgQIEBDuboAAAQIECBAgQIBAQEC4B5ZkRAIECBAgQIAAAQLC3Q0QIECAAAECBAgQCAgI98CSjEiAAAECBAgQIEBAuLsBAgQIECBAgAABAgEB4R5YkhEJECBAgAABAgQICHc3QIAAAQIECBAgQCAgINwDSzIiAQIECBAgQIAAAeHuBggQIECAAAECBAgEBIR7YElGJECAAAECBAgQICDc3QABAgQIECBAgACBgIBwDyzJiAQIECBAgAABAgSEuxsgQIAAAQIECBAgEBAQ7oElGZEAAQIECBAgQICAcHcDBAgQIECAAAECBAICwj2wJCMSIECAAAECBAgQEO5ugAABAgQIECBAgEBAQLgHlmREAgQIECBAgAABAsLdDRAgQIAAAQIECBAICAj3wJKMSIAAAQIECBAgQEC4uwECBAgQIECAAAECAQHhHliSEQkQIECAAAECBAgIdzdAgAABAgQIECBAICAg3ANLMiIBAgQIECBAgAAB4e4GCBAgQIAAAQIECAQEhHtgSUYkQIAAAQIECBAgINzdAAECBAgQIECAAIGAgHAPLMmIBAgQIECAAAECBIS7GyBAgAABAgQIECAQEBDugSUZkQABAgQIECBAgIBwdwMECBAgQIAAAQIEAgLCPbAkIxIgQIAAAQIECBAQ7m6AAAECBAgQIECAQEBAuAeWZEQCBAgQIECAAAECwt0NECBAgAABAgQIEAgICPfAkoxIgAABAgQIECBAQLi7AQIECBAgQIAAAQIBAeEeWJIRCRAgQIAAAQIECAh3N0CAAAECBAgQIEAgICDcA0syIgECBAgQIECAAAHh7gYIECBAgAABAgQIBASEe2BJRiRAgAABAgQIECAg3N0AAQIECBAgQIAAgYCAcA8syYgECBAgQIAAAQIEhLsbIECAAAECBAgQIBAQEO6BJRmRAAECBAgQIECAgHB3AwQIECBAgAABAgQCAsI9sCQjEiBAgAABAgQIEBDuboAAAQIECBAgQIBAQEC4B5ZkRAIECBAgQIAAAQLC3Q0QIECAAAECBAgQCAgI98CSjEiAAAECBAgQIEBAuLsBAgQIECBAgAABAgEB4R5YkhEJECBAgAABAgQICHc3QIAAAQIECBAgQCAgINwDSzIiAQIECBAgQIAAAeHuBggQIECAAAECBAgEBIR7YElGJECAAAECBAgQICDc3QABAgQIECBAgACBgIBwDyzJiAQIECBAgAABAgSEuxsgQIAAAQIECBAgEBAQ7oElGZEAAQIECBAgQICAcHcDBAgQIECAAAECBAICwj2wJCMSIECAAAECBAgQEO5ugAABAgQIECBAgEBAQLgHlmREAgQIECBAgAABAsLdDRAgQIAAAQIECBAICAj3wJKMSIAAAQIECBAgQEC4uwECBAgQIECAAAECAQHhHliSEQkQIECAAAECBAgIdzdAgAABAgQIECBAICAg3ANLMiIBAgQIECBAgAAB4e4GCBAgQIAAAQIECAQEhHtgSUYkQIAAAQIECBAgINzdAAECBAgQIECAAIGAgHAPLMmIBAgQIECAAAECBIS7GyBAgAABAgQIECAQEBDugSUZkQABAgQIECBAgIBwdwMECBAgQIAAAQIEAgLCPbAkIxIgQIAAAQIECBAQ7m6AAAECBAgQIECAQEBAuAeWZEQCBAgQIECAAAECwt0NECBAgAABAgQIEAgICPfAkoxIgAABAgQIECBAQLi7AQIECBAgQIAAAQIBAeEeWJIRCRAgQIAAAQIECAh3N0CAAAECBAgQIEAgICDcA0syIgECBAgQIECAAAHh7gYIECBAgAABAgQIBASEe2BJRiRAgAABAgQIECAg3N0AAQIECBAgQIAAgYCAcA8syYgECBAgQIAAAQIEhLsbIECAAAECBAgQIBAQEO6BJRmRAAECBAgQIECAgHB3AwQIECBAgAABAgQCAsI9sCQjEiBAgAABAgQIEBDuboAVkK83AAAAm0lEQVQAAQIECBAgQIBAQEC4B5ZkRAIECBAgQIAAAQLC3Q0QIECAAAECBAgQCAgI98CSjEiAAAECBAgQIEBAuLsBAgQIECBAgAABAgEB4R5YkhEJECBAgAABAgQICHc3QIAAAQIECBAgQCAgINwDSzIiAQIECBAgQIAAAeHuBggQIECAAAECBAgEBIR7YElGJECAAAECBAgQIPA77sIx0H3xifIAAAAASUVORK5CYII=)}/* 菜单 */.menuBox {width: 100%;height: 80%;display: flex;}.menu-item {width: 50%;/* background-color: pink; */display: flex;flex-direction: column;align-items: center;}.menuImgBox {/* background-color: rgb(255, 243, 192); */box-sizing: border-box;padding: 6rpx;}.menuImg {width: 180rpx;height: 180rpx;}.menuText {height: 40rpx;font-size: 32rpx;font-family: PingFang SC;font-weight: 400;line-height: 40rpx;color: #151521;opacity: 1;}/* 关闭 */.closeBox {height: 20%;display: flex;justify-content: center;align-items: flex-end;}.closeDialogImg {width: 56rpx;height: 56rpx;}
// // components/dialog/dialog.jsComponent({/*** 组件的属性列表*/properties: {},/*** 组件的初始数据*/data: {//弹窗显示控制showModalStatus: false,// isShowDialog: false, //是否显示提示控件组件},/*** 组件的方法列表*/methods: {//点击显示底部弹出changeRange: function () {this.showModal();console.log('我是弹窗打开----');},//底部弹出框showModal: function () {// 背景遮罩层var animation = wx.createAnimation({duration: 50,timingFunction: "linear",delay: 0})//this.animation = animationanimation.translateY(50).step()this.setData({animationData: animation.export(),showModalStatus: true})setTimeout(function () {animation.translateY(0).step()this.setData({animationData: animation.export()})}.bind(this), 50)},//点击背景面任意一处时，弹出框隐藏hideModal: function (e) {//弹出框消失动画var animation = wx.createAnimation({duration: 10,timingFunction: "linear",delay: 0})//this.animation = animationanimation.translateY(10).step()this.setData({animationData: animation.export(),})setTimeout(function () {animation.translateY(0).step()this.setData({animationData: animation.export(),showModalStatus: false})}.bind(this), 10)},},// 生命周期lifetimes: {ready: function () {},}})
