/* 下拉框的实现 */
.drop-bot {width: 100%;height: 100%;position: fixed;bottom: 0;left: 0;background: rgba(0, 0, 0, .4);z-index: 1000;
}
.drop-bot .box{width: 100%;border-top: 1px solid #ddd;overflow: hidden;height: 0;animation-fill-mode: forwards;position: fixed;bottom: 0;left: 0;font-family: Monaco;">#fff;
}
.item_list .li.style {font-family: Monaco;">#f1f1f1;
}
.item_list .li{width: 100%;height: 90rpx;line-height: 90rpx;overflow: auto;white-space: nowrap;display: flex;justify-content: center;align-items: center;border-bottom: 1rpx solid #ebebeb;
}
@keyframes slidedown{from {height: 0;}to {height: 365rpx;}
}
@keyframes slideup{from {height: 365rpx;}to {height: 0;}
}
.open{animation: slidedown .5s;
}
.close{animation: slideup .5s;
}
.hide{display: none;
}
.show{display: block;
}

{"component": true,"usingComponents": {}
}

// 弹出框组件
Component({
/**
* 组件的属性列表
*/
properties: {account: {type: Array,value: []},accountName: {type: String,value: ""}
},//存放公共数据的地方，可以供调用方传递数据/**
* 组件的初始数据
*/
data: {state: false,first_click: false,
},//私有属性的地方，data中的数据只有组件可以访问，外部无法访问/**
* 组件的方法列表
*/
methods: {closer: function (e) {this.setData({state: false,})},//点击遮罩层消失select: function (e) {var oIndex = e.currentTarget.dataset.index;var oAccount = this.data.account[oIndex].name;//这里需要的数据有调用方传递到propertiesthis.setData({state: false,})this.triggerEvent("action",oAccount);//将该方法抛出},//选择下拉的用户名称toggle: function () {var list_state = this.data.state,first_state = this.data.first_click;if (!first_state) {this.setData({first_click: true});}if (list_state) {this.setData({state: false});} else {this.setData({state: true});}},//调出弹出框事件
}//存放事件的地方
})

.header {width: 100%;height: 90rpx;padding: 0 24rpx;box-sizing: border-box;font-family: Monaco; font-size: 11pt;">#16cc80;display: flex;justify-content: space-around;align-items: center;
}

{"usingComponents": {"template-dialog": "/components/dialog/dialog"}
}