flex Alert实用弹出确认框

好多项目中经常用flex的弹出对话框,废话不说,直接代码!!!!
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" backgroundColor="black" layout="horizontal">
<mx:Script>
<![CDATA[
import mx.events.CloseEvent;
import mx.controls.Alert;
public function deleteConfirm():void{
Alert.yesLabel = 'yes';
Alert.noLabel = 'no';
Alert.cancelLabel = 'cancel';
Alert.show('确认要删除吗','info',1|2|8,this,back);
}
public function back(event:CloseEvent):void{
if(event.detail==Alert.YES){
Alert.show('削除しました');
}
}
]]>
</mx:Script>
<mx:Button label="削除" click="deleteConfirm()"/>
</mx:Application>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在微信小程序中,可以通过自定义一个底部弹出选择来实现带有取消确定按钮的功能。 首先,创建一个wxml文件,命名为"bottom_dialog.wxml"。在该文件中,可以使用`<view>`标签来实现底部弹出选择的整体布局。例如: ```xml <!-- bottom_dialog.wxml --> <view class="dialog-container"> <!-- 选择内容 --> <view class="dialog-content"> <!-- 添加选择项 --> <view class="option-item">选项1</view> <view class="option-item">选项2</view> <view class="option-item">选项3</view> </view> <!-- 底部按钮 --> <view class="dialog-footer"> <view class="cancel-btn">取消</view> <view class="confirm-btn">确定</view> </view> </view> ``` 接下来,在对应的wxss文件(如"bottom_dialog.wxss")中为底部弹出选择进行样式设置,例如: ```css /* bottom_dialog.wxss */ .dialog-container { position: fixed; left: 0; bottom: 0; width: 100%; background-color: #fff; } .dialog-content { padding: 10px; } .option-item { padding: 10px 0; border-bottom: 1px solid #eee; text-align: center; } .dialog-footer { display: flex; justify-content: space-between; padding: 10px; } .cancel-btn, .confirm-btn { width: 100px; padding: 6px 0; text-align: center; background-color: #eee; } .confirm-btn { background-color: #007aff; color: #fff; } ``` 最后,在业务逻辑的js文件中使用`wx.showModal`方法来控制底部弹出选择的显示与隐藏。例如: ```javascript // dialog.js Page({ showModal() { wx.showModal({ title: '底部选择', content: '', showCancel: false, cancelText: '取消', confirmText: '确定', success(res) { if (res.confirm) { // 用户点击确定按钮的逻辑处理 console.log('用户点击确定'); } else if (res.cancel) { // 用户点击取消按钮的逻辑处理 console.log('用户点击取消'); } } }) } }) ``` 通过上述步骤,就可以在小程序中实现带有取消确定按钮的底部弹出选择

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值