uni-app点击按钮弹窗确定复制内容可修改激励视频

我从来不相信,一个人一辈子只会爱一个人,但我肯定,总有那么一段岁月,你会碰见一个想用一辈子去爱的那个人

uni-app点击按钮弹窗确定复制内容可修改激励视频

唠叨一会

我对天发誓我没有偷懒,我除了工作和端盘子还有去玩之外一有时间我就在学习更新星宿UI0.7;不行你看这文章,就是学习到的时候谢的!如果小程序是有需要分享资源的确实比较适合该方式,uni-app点击按钮弹窗确定复制内容可修改激励视频

教程步骤

1.新建一个uni-app项目,这个不久不掩饰了吧

2.写一个按钮蓝色背景圆圆哒的,还要添加tap点击事件

<button class="fengrui-btn" @tap="fengruiTap()">点我弹窗</button>

还有样式

.fengrui-btn{
		background-color: #007AFF;
		border-radius: 200upx;
		font-size: 24upx;
		color: #FFFFFF;
		width: 300upx;
		height: 80upx;
		line-height: 80upx;
	}

3.点击函数出现模态弹窗

uni.showModal({
    title: '提示',
    content: '这是一个模态弹窗',
    cancelText:'取消',
    confirmText:'复制',
    success: function (res) {
        if (res.confirm) {
            console.log('用户点击确定');
        } else if (res.cancel) {
            console.log('用户点击取消');
        }
    }
});

uni-app点击按钮弹窗确定复制内容可修改激励视频
4.点击复制设置系统剪贴板的内容

uni.setClipboardData({
    data: 'hello',
    success: function () {
        console.log('success');
    }
});

uni-app点击按钮弹窗确定复制内容可修改激励视频

当然要是喜欢也可以实现按钮出现弹窗,随后点击复制出现激励视频广告,看完广告后点执行复制内容操作

源码下载

链接: https://pan.baidu.com/s/1IhI17HOH8quAi0y4uq4TLQ 提取码: du9d

uni-app点击按钮弹窗确定复制内容可修改激励视频

原创文章,作者:枫瑞博客,如若转载,请注明出处:https://www.frbkw.com/3065/

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

星宿UI 官方文档上线:https://xs.frbkw.com/