![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
uni-app
文章平均质量分 52
m0_61073617
这个作者很懒,什么都没留下…
展开
-
uni-app 自定义底部凸起导航栏
tabBar支持图片、iconfont图标展示。原创 2023-02-17 19:49:29 · 1162 阅读 · 0 评论 -
微信小程序 151****9351 抢购了*台** 轮播效果
微信小程序 151****9351 抢购了*台** 轮播效果。原创 2022-12-16 11:25:52 · 235 阅读 · 0 评论 -
uni-app 环境搭建以及注意事项
1、安装编辑器HBuilderX 下载地址:https://www.dcloud.io/hbuilderx.html下载成功,是一个压缩包zip、点击右键解压到本地文件夹解压成功后,点击文件夹找到HBuilderX.exe,双击运行或者创建快捷方式添加到桌面方便以后使用2、如果开发微信小程序要下载微信开发者工具进行预览、调试下载地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download....原创 2022-03-10 15:10:25 · 321 阅读 · 0 评论 -
uni-app 微信小程序的分包加载机制
微信小程序每个分包的大小是2M,总体积一共不能超过20M。当我们新建的页面越来越多的时候,主包的内存就会越来越大,所以分包加载机制是很有必要的原创 2022-03-03 17:27:20 · 733 阅读 · 0 评论 -
uni-app 微信小程序支付功能
前端提交订单把商品信息传到后端,后端生成订单,然后调用统一下单接口返回uni.requestPayment 所需要的参数原创 2022-03-03 14:47:15 · 3260 阅读 · 0 评论 -
uni-app 微信小程序 登录/注册功能
用户分为两类:没有注册的用户,已经注册的用户如何检测?首先需要触发用户点击,这里使用button按钮user.vue<button @click="getuserinfo()" class="btn">登录 / 注册</button>js 处理用户触发事件,调用getUserProfile获取用户信息,每次请求都会弹出授权窗口,用户同意后返回 userInfo。调用uni.login 返回用户登录凭证code码,将获取到的userlnfo、code参数传递..原创 2022-02-25 17:48:13 · 5638 阅读 · 1 评论 -
uni-app 微信小程序 getCurrentPages() 使用场景
getCurrentPages() 函数用于获取当前页面栈的实例,以数组形式按栈的顺序给出,第一个元素为首页,最后一个元素为当前页面。 注意:不要尝试修改页面栈,会导致路由以及页面状态错误。不要在 App.onLaunch 的时候调用 getCurrentPages(),此时page 还没有生成官方文档:https://uniapp.dcloud.io/api/window/window?id=getcurrentpages先说下项目场景:目前有 index(首页)detail(详情)logi原创 2022-02-22 18:01:49 · 2323 阅读 · 0 评论 -
uni-app 微信小程序客服聊天和发送页面卡片功能
微信小程序客服聊天和发送页面卡片功能实现步骤如下:(一):首先登录微信公众平台:https://mp.weixin.qq.com/登录成功后找到----->功能----->客服---->添加客服--->输入微信号---->搜索----->确定添加网页端客服地址:https://mpkf.weixin.qq.com/使用绑定的客服微信账号,扫一扫二维码登录,成功后就可以看到接收、回复客户发的信息点击头像还可以设置账号在线...原创 2022-02-18 16:43:21 · 5483 阅读 · 5 评论 -
uni-app 微信小程序分享功能
这两种分享都会触发 onShareAppMessage 函数,在js 中定义该函数,设置页面分享的信息,注意:该函数和onLoad 等生命周期函数同级原创 2022-02-16 12:01:44 · 9181 阅读 · 2 评论 -
uni-app 解决富文本图片溢出问题
解决前在js中获取后台的富文本数据后,使用 replace 设置图片的宽度为100%<template> <view class="container"> <rich-text :nodes="content"></rich-text> </view></template><script> import { publicRequest } from '@/services.js'; ex原创 2021-12-15 16:49:25 · 1203 阅读 · 1 评论 -
uni-app 使用uCharts图表、并解决canvas层级过高的问题
功能需求是点击下拉框-->选择商户名称-->查看各商户图表的统计数据弹出下拉框后发现图表的层级过高,直接覆盖了下拉框,也尝试过使用z-index设置下拉框层最高,也是没有效果,后来百度发现canvas组件是原生组件,原生组件的层级默认最高,最后也是看了其他博客的解决方法,方法如下监控图表渲染完成,将图表转成图片显示,但是点击柱状图查看提示详情等功能就失效了...原创 2021-10-30 11:03:46 · 4072 阅读 · 4 评论 -
uni-app 使用swiper做左右滑动数据排名
效果图首先在data中定义模拟数据,可以改为后台请求的数据<script> export default { data() { return { rankingList: [{ title: '本月风格销售排行', menu: ["排名", "风格", "销售数量", "销售金额"], data: [{key: 1, name: "现代轻奢", num: "15", price: "117025.90"}, {k..原创 2021-10-28 22:07:18 · 1585 阅读 · 4 评论 -
uni-app 使用swiper做左右滑动数据表格
先上效果图,只是模拟数据,可以将v-for里面的数据源替换成后台请求的数据 1.首先在data中定义以下内容dateList 列表dateStatus 选中下标dateCurrent 滑动下标 <script> export default { data() { return { dateList: [{ title: '今日' }, { title: '昨日' }, { title: '...原创 2021-10-27 22:13:15 · 2405 阅读 · 0 评论