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

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点击按钮弹窗确定复制内容可修改激励视频 1

    分享到 :
    相关推荐

    uni-app 简单粗暴自己手写Steps 步骤条

    uni-app 是一个使用 Vue.js开发所有前端应用的框架,开发者编写一套代码[...

    星宿UI0.5:微信小程序深色模式适配

    我以为,只要努力了!总可以在一起的唠叨一会在“雅尚网(群里唯一**小程序)”和“[&...

    Uni-app基础实战分类目录刷新 WordPress rest api实例

    Uni-app基础实战分类目录刷新WordPressrestapi实例哈还是[&he...

    uni-app将uni.downloadFile媒体下载保存到相册

    看标题,大家就知道了,上次发布的文章把我们uni.downloadFile和uni....

    发表评论

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