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 新建本地模拟json数据教程

在开发app中,往往后端对丢我们接口,如果后端没有提供。那么前端都会自己模拟数据,自...

uni-app最简单的手写上拉加载不用插件

在longlongago枫瑞也写过一个关于uni-app上拉加载的文章,整体来说文章...

星宿UI V0.8 新增激励视频资源下载 wordpress微信小程序

“我用执着烧死了所有的幼稚和任性,那片荒野慢慢长出了理智冷漠和清醒”前言感谢“韩枫爱...

挤牙膏中的星晓快速开发框架多端微信小程序开发现在怎么样了?

不要企图窥探我的生活,你能看见的,都是我想让你看见的快发进度目前静态版本的小程序UI...

发表评论

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