![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
uinapp
sika-master
这个作者很懒,什么都没留下…
展开
-
连续签到功能
为了吸引客户流量,所以开发这个功能。需求:用户登陆之后,连续签到五天之后,能领取到三天的会员奖励 。设计图下这里可以用循环出来五天的数据,分三种状态:未签到的,已签到,待签到的三种情况。如果没有连续签到五天,则领取3天会员的按钮会显示任务未完成弹框,会员不能领取。前端实现思路:1.进入页面获取初始数据(初始数据和后端协商,应该包括:是否可领取奖励的字段,总共签到的天数,是否完成连续签到,签到记录(是数组类型))2.根据签到记录来处理 渲染设计图上的签到记录列表如果记录的数组为空,未签到。用原创 2021-06-08 09:25:20 · 992 阅读 · 0 评论 -
uniapp vuex中背景音乐播放+暂停(跳转页面不暂停)
第一种方式:放入main中第二种方式:放入vuex中管理由于我们的vuex是模块化的管理,所以是单独的文件,新建的bgm.js文件const debug = process.env.NODE_ENV == 'development' ? true : falseconst bgm = uni.createInnerAudioContext();bgm.src = 'https://vod.qiniu.ayousi.cn/lq5Af14ZKVj3MmzcFFmcX0qlF7Yx'bgm.loo原创 2021-05-19 16:53:45 · 1592 阅读 · 0 评论 -
uniapp 全局背景音乐播放+暂停(跳转页面不暂停)
最近需要一个功能 是在h5中播放小游戏的背景音乐,但是跳转界面之后音乐不暂停,就是跳转多个页面之后,音乐依然在播放,在游戏界面会有设置的静音的按钮,可以开启音乐和关闭音乐。这相当于全局的背景音乐播放事件,所以肯定是放入到全局的vuex或者是main.js刚开始是放入main中的,一直测试不行,跳转页面的时候总是会重新加载一下音乐,导致,跳转页面之后会听到两个音乐都在播放,而且,在设置后点击暂停音乐也是不起作用。后来我放入了vuex中,刚开始是把创建的音频实例放入方法中,点击暂停之后总是不起作用,捣鼓了原创 2021-05-19 16:36:36 · 5094 阅读 · 2 评论 -
判断 预售活动-抢购按钮的不同状态和文字
按钮状态的判断,显示不同的状态和文字。活动未开始和进行中以及活动结束,三种状态的按钮变化在返回的数据中会有创建时间(开始时间)和结束时间,用时间来判断按钮是否可用,以及显示按钮中的文字和颜色 computed: { //是否在报名时间内 canReg() { let { start_time, end_time原创 2021-05-14 12:53:21 · 252 阅读 · 0 评论 -
复制粘贴功能 :H5或vue或uniapp
1.原生的浏览器复制方式,一般都是在浏览器上使用单独定义一个h5-copy.js文件。用于复用 复制粘贴功能h5-copy.jsexport default function h5Copy(content) { console.log(content); if (!document.queryCommandSupported('copy')) { // 不支持 uni.showToast({ title:'您当前的应用环境不支持自动复制内容......', icon:'no原创 2021-05-04 11:56:13 · 266 阅读 · 0 评论 -
地址栏中的参数 转码和解码
点击图片—进入新的页面,并携带参数。但是发现在地址栏携带的参数 是被转码了,是一个百度网盘的链接,,被转码之后的链接,不能直接在浏览器中打开,所以需要解码用的是encodeURIComponent 和 decodeURIComponent(转码和解码)原因直接在文末,可直接跳转到最后查看另外:escape 和 unescape(escape()函数用于js对字符串进行编码。)escape()不能直接用于URL编码,它的真正作用是返回一个字符的Unicode编码值。采用unicode字符集原创 2021-04-27 16:45:13 · 2076 阅读 · 0 评论 -
自定义微信分享(微信网页)
在微信中打开网页的时候,可以点击右上角的三个点…进行分享给朋友或者朋友圈。此时的分享的内容和图片是可以自定义的。在进行微信网页开发的时候会涉及到。其中会用到微信JS-SDK,微信JS-SDK是微信公众平台 面向网页开发者提供的基于微信内的网页开发工具包。通过使用微信JS-SDK,网页开发者可借助微信高效地使用拍照、选图、语音、位置等手机系统的能力,同时可以直接使用微信分享、扫一扫、卡券、支付等微信特有的能力,为微信用户提供更优质的网页体验可参考:微信js-sdk的官方文档...原创 2021-01-28 15:00:25 · 474 阅读 · 2 评论 -
textarea中不设置长度限制
在uniapp 的项目中要使用编辑文本域的功能,但是文本框的长度是不做限制的,,虽然在不写maxlength的情况下是可以的。。但是在测试的时候发现有些文章不能添加文字了。后来发现,在不设置maxlength的情况下,uniapp中默认textarea中的最大字数限制为140。即 在不写maxlength的时候,会在审查元素的时候,会自动生成maxlength=“140”<textarea />如果你不需要限制文本域的字数大小,也还是需要设置,但是需要设置maxlength="-1"原创 2021-01-25 10:42:23 · 2226 阅读 · 0 评论 -
swiper高度自适应变化和高度固定可滚动
在uniapp项目中经常会用到swiper。。一般用其是用来切换图片之类的,但是在我司项目中,更多的还是用来做内容分类的切换。。因此,有时候分类下的内容不是固定高度的。。需要自适应内容的高度。1.首先是高度固定,但是内容可以滚动的时候的运用1.1效果图template部分 <!-- 选项卡 --> <view style="height: 90rpx;" > <scroll-view scroll-x class="bg-white nav" sty原创 2021-01-21 21:38:09 · 1652 阅读 · 0 评论 -
uniapp中使用moment.js日期插件
moment.js是一个简单容易使用的时间插件1.官网地址Moment.js 文档:http://momentjs.cn/docs/2.安装方法npm i moment2.1如果你全局都需要用日期格式化,建议在main.js中把日期moment引入项目中。然后定义一个全局的过滤器,用于时间的格式化import moment from 'moment'//全局过滤器 Vue.filter('dateFormat',date=>{ return moment(date).fo原创 2020-12-31 11:44:42 · 6463 阅读 · 0 评论 -
uniapp中采用vue-router的方式
插件:uni-simple-router一个更为简洁的Vue-router,专为 uni-app 量身打造快速上手文档地址:https://hhyang.cn/v2/start/quickstart.html插件作者: 1606726660@qq.com插件文档:插件文档地址一、安装方式三种方式1.npm安装项目根目录 命令行 执行npm install uni-simple-router2. 插件市场(使用HBuilderX导入插件)插件地址: https://ext.dclou原创 2020-12-25 17:42:53 · 25188 阅读 · 1 评论