![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
小程序
DLGDark
生活不止眼前的枸杞,还有热水~
展开
-
vue实现大转盘抽奖
本案例为在小程序中实现的转盘抽奖,其他手机端项目思路类似。注意: 转盘上的东西是由后台web项目里的配置页进行配置的,可以配置每个位置的奖品,中奖概率等。此文章只讲了抽奖转盘的实现,配置可根据真实需求进行开发即可,这里不作叙述。真实上线的时候,只需要将其中的转盘奖品信息,中奖位置索引,中奖次数,活动说明,中奖记录改成后台接口调用即可,此处仅在代码里模拟数据。效果图如下:代码如下:上面所用到的图片资源文件截图(并非真实图片文件大小,真实需要可自行让UI设计制作即可):原创 2023-08-08 17:40:10 · 2741 阅读 · 7 评论 -
小程序页面栈10层限制问题解决方案处理(上线项目亲测实用)
问题:小程序页面跳转场景中,如果多次反复跳转业务场景下,会出现页面点击卡住无效的问题。原因:页面栈里已经达到了10层解决方案:使用到getCurrentPages()函数用于获取当前页面栈的实例,以数组形式按栈的顺序给出,第一个元素为首页,最后一个元素为当前页面。然后判断要跳转的页面是否存在于页面栈中,如果存在,则使用uni.navigateBack({ delta: 2 });进行跳转即可(这里的2只是示例数字,具体根据自己判断情况计算而得)。项目中使用实例:backPointsMall(原创 2022-05-10 17:32:32 · 2481 阅读 · 0 评论 -
小程序登录到初始进入小程序业务逻辑流程图解
一.登录注册二.初始进入小程序注意:初始进入小程序部分细节逻辑步骤可能需要结合自己的具体项目稍微改动,基本上整体逻辑流程类似。原创 2021-11-11 18:16:04 · 1200 阅读 · 0 评论 -
uni-app小程序分享自定义全局设置,分享朋友,分享朋友圈(亲测有效!!!)
在common下新建share.js文件:export default { data() { return { share: { title: '自定义标题', imageUrl: '../../static/share/share.png', //图片大小建议500*400 } } }, onShareAppMessage(res) { //发送给朋友 return { title: this.share.title, imageUrl: thi原创 2021-09-24 11:15:45 · 2536 阅读 · 11 评论 -
uni-app小程序优惠券镂空样式实现(完整代码!!!)
优惠券半圆镂空效果利用渐变实现,核心代码示例:background: radial-gradient(circle at left top, transparent 6px, #ffd7d7 0) top left / 50% 100% no-repeat, radial-gradient(circle at right top, transparent 6px, #ffd7d7 0) top right / 50% 100% no-repeat;效果图如下:完整代码如下:<temp原创 2021-08-03 18:28:26 · 3010 阅读 · 4 评论 -
在ios中,小程序自定义导航栏在页面滑动时会将自定义的导航栏一起拖动(已解决!!!)
问题:当前页面设置了"enablePullDownRefresh": false 禁止下拉刷新后,当前页面的自定义导航栏在android手机中没有问题, 但在ios手机中会出现页面滑动时会将自定义的导航栏一起拖动的问题。解决方案:在pages下当前页面配置项里加一行代码即可:"disableScroll": trueuni-app文档中:disableScroll微信小程序文档中:disableScroll...原创 2021-07-20 18:32:12 · 1174 阅读 · 4 评论 -
小程序自定义导航栏设置背景图片并在正确位置显示标题
问题:自定义导航栏设置背景显示图片可以,但要正确显示标题文字的位置方案:获取不同设备对应的状态栏高度,进行计算即可正确显示到对应的位置代码:节点代码:<view class="headBg"> <image src="/static/makeMoney/makeMoneyHead.png" class="makeMoneyBgImg" mode="scaleToFill"></image> <view class="title_block" :sty原创 2021-07-20 18:10:11 · 1990 阅读 · 0 评论 -
小程序登录流程图解
登录流程时序说明:调用 wx.login() 获取 临时登录凭证code ,并回传到开发者服务器。调用 auth.code2Session 接口,换取 用户唯一标识 OpenID 和 会话密钥 session_key。之后开发者服务器可以根据用户标识来生成自定义登录态,用于后续业务逻辑中前后端交互时识别用户身份。注意:会话密钥 session_key 是对用户数据进行 加密签名 的密钥。为了应用自身的数据安全,开发者服务器不应该把会话密钥下发到小程序,也不应该对外提供这个密钥。临时登录原创 2021-02-07 14:40:39 · 390 阅读 · 2 评论 -
小程序导航栏左上角按钮去掉解决方案(实际上线项目亲测,100%有效)
问题需求:1.小程序某些页面跳转后,不让点击左上角按钮返回到进来之前的页面。(比如登录成功后跳转的页面或授权页面跳转之后的页面)。2.某些情况下一进去就判断跳转到某一页面,然后点击返回按钮,就可能出现空白页问题。除了上面提到的两点之外,可能实际当中大家会遇到其他一些情况,不管如何,目的一致,就是解决掉返回按钮显示问题。下面给出具体解决方案:uni-app小程序:在跳转到需要隐藏按钮的页面的跳转接口调用那里使用 uni.reLaunch 替换掉 uni.navigateTo即可。两者区别:uni原创 2020-12-09 16:41:28 · 10293 阅读 · 8 评论