![](https://img-blog.csdnimg.cn/ab02abda341346578025bb60d0a51f36.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
uni-app&微信小程序专栏
文章平均质量分 82
主要介绍uni-app开发微信小程序相关的功能及样式模板
范特西是只猫
自律。
展开
-
uni-app 微信小程序之红包雨活动
/ 处理红包点击事件,可以增加分数或显示提示等操作。// 或者:this.showTip = true;// 例如:this.score += 1;// 可以根据实际需求自行添加逻辑。// 更新红包位置,约 60 帧。GIF录屏有点卡,实际比较丝滑。// 每秒创建一个红包。// 4秒后移除红包。// 点击后移除红包。原创 2024-01-26 16:50:10 · 2247 阅读 · 4 评论 -
uni-app 微信小程序之好看的ui登录页面(五)
【代码】uni-app 微信小程序之好看的ui登录页面(五)原创 2023-12-07 14:32:40 · 7041 阅读 · 0 评论 -
uni-app 微信小程序之好看的ui登录页面(四)
文章目录1. 页面效果2. 页面样式代码1. 页面效果2. 页面样式代码<!-- 简洁登录页面 --><template> <view class="login-bg"> <br /><br /><br /><br /><br /><br /><br /> <view class="t-login"> <form class="cl">原创 2023-12-07 14:32:14 · 3368 阅读 · 1 评论 -
uni-app 微信小程序之好看的ui登录页面(三)
文章目录1. 页面效果2. 页面样式代码1. 页面效果2. 页面样式代码<!-- 简洁登录页面 --><template> <view class="login-bg"> <image class="img-a" src="https://zhoukaiwen.com/img/loginImg/bg1.png"></image> <view class="t-login"> <view class="t-原创 2023-12-07 14:31:52 · 4964 阅读 · 0 评论 -
uni-app 微信小程序之好看的ui登录页面(二)
文章目录1. 页面效果2. 页面样式代码1. 页面效果2. 页面样式代码<!-- 蓝色登录页面2 --><template> <view style="height:100vh;background: #fff;"> <view class="img-a"> <view class="t-b"> 您好, <br /> 欢迎使用,XXX小程序 </view> </v原创 2023-12-07 14:30:24 · 4919 阅读 · 4 评论 -
uni-app 微信小程序之好看的ui登录页面(一)
文章目录1. 页面效果2. 页面样式代码1. 页面效果2. 页面样式代码<!-- 蓝色简洁登录页面 --><template> <view class="t-login"> <!-- 页面装饰图片 --> <image class="img-a" src="https://zhoukaiwen.com/img/loginImg/2.png"></image> <image class="img-b" src原创 2023-12-07 14:30:07 · 6885 阅读 · 0 评论 -
uni-app 微信小程序之新增 添加小程序的交互
"点击「添加小程序」,下次访问更便捷"原创 2023-12-06 09:35:55 · 337 阅读 · 0 评论 -
uni-app 微信小程序之加载行政区图
*样式的width和height一定要与定义的cWidth和cHeight相对应*///正常这里给2就行,如果pixelRatio=3性能会降低一点。"网络错误,小程序端请检查合法域名"//替换为你组件的组件行政区域。原创 2023-12-06 09:35:27 · 991 阅读 · 0 评论 -
uni-app 微信小程序之swiper轮播图
【代码】uni-app 微信小程序之swiper轮播图。原创 2023-12-05 09:37:22 · 865 阅读 · 0 评论 -
uni-app 微信小程序之整合colorui
uni-app版本支持多端,兼容性经过近上万使用者测试、反馈、改进,目前已非常稳定!说白了,就是uni-app版本的,只是uni-app版本更适合使用colorui。原创 2023-12-04 10:18:42 · 372 阅读 · 0 评论 -
uni-app 微信小程序之后端返回二进制流图片显示
1. 后端返回的二进制流图片2. 处理 uni-app 代码设置请求方式,responseType: 'arraybuffer'通过new Uint8Array(res.data) 获取格式化后的图片通过拼接生成 base64 的图片数据2.1 html显示<img v-if="userPhoto" :src="userPhoto" alt="">2.2 uni.request 请求获取二进制流图片uni.request({ url: config.baseUrl +原创 2021-12-14 14:25:17 · 8263 阅读 · 5 评论 -
uni-app 微信小程序之自定义中间圆形tabbar
首先在pages.json文件中,新建一个tabbar页面"pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages"style": {"navigationBarTitleText": "tabbar页面",},.....// 其他页面],tabbar页面代码此页面主要是写tabbar的html样式和布局,引用主页面代码,通过v-if控制进行展示主页面indexsearchmaimnews。原创 2023-12-02 00:47:31 · 1644 阅读 · 0 评论 -
uni-app 微信小程序 电子签名及签名图片翻转显示功能
接的一个开发一个小程序,需求很简单,使用uni-app实现一个微信小程序的电子签名功能原创 2023-12-01 15:02:28 · 1093 阅读 · 0 评论 -
uni-app 微信小程序 pdf预览
【代码】uni-app 微信小程序 pdf预览。原创 2023-11-28 17:41:42 · 693 阅读 · 1 评论 -
uni-app 微信小程序根据角色动态的更改底部tabbar
文章目录1. 需求背景1.1 源码下载2. 问题前提及思路3. 开始撸3.1 设置 `tabbar.js` 配置不同角色不同的菜单3.2 设置 `page.json`3.3 vue 配置3.4 tabBar组件代码3.5 setRole方法1. 需求背景公司要求开发一个小程序,要求二种不同权限的人群都可以使用,使用时根据不同的权限,获取不同的tabbar,以及展示对应不同的内容。登录页面分为 用户登录 及 管理员登录1.2 用户登录和管理员登录的 tabbar 根据账号角色进行对应展示1.1转载 2020-10-14 15:44:48 · 99112 阅读 · 140 评论 -
微信小程序 - 80个实用的微信小程序项目实例
gitee下载地址:WeApp_Demos: 微信小程序120例 wx-gesture-lock微信小程序的手势密码 WXCustomSwitch微信小程序自定义 Switch 组件模板 WeixinAppBdNovel微信小程序demo:百度小说搜索 shitoujiandaobu小程序:石头剪刀布(附代码说明) audiodemo微信小程序开发之视频播放器 Video 弹幕 弹幕颜色自定义 star微信小程序开发之五星评分 switchCity...转载 2022-02-17 10:14:37 · 63897 阅读 · 6 评论 -
uni-app 微信小程序根据角色动态的更改底部tabbar
文章目录1. 需求背景2. 问题前提及思路3. 开始撸3.1 设置 `tabbar.js` 配置不同角色不同的菜单3.2 设置 `page.json`3.3 vue 配置3.4 tabBar组件代码3.5 setRole方法1. 需求背景公司要求开发一个小程序,要求二种不同权限的人群都可以使用,使用时根据不同的权限,获取不同的tabbar,以及展示对应不同的内容。登录页面分为 用户登录 及 管理员登录1.2 用户登录和管理员登录的 tabbar 根据账号角色进行对应展示2. 问题前提及思路u原创 2021-12-20 13:41:22 · 5020 阅读 · 17 评论 -
uni-app 微信小程序 实现图片视频多文件上传功能
1. 实现代码2. 完整代码<template> <!-- 上传视频或者图片 --> <view class="up-page"> <!--图片--> <view class="show-box" v-for="(item,index) in imageList" :key="index"> <image class="full" :src="item" :data-src="image" @tap="preview原创 2021-09-29 17:33:28 · 4517 阅读 · 3 评论 -
uni-app 微信小程序之日历打卡组件wx-calendar
1. 日历组件效果 ????可切换月份,上一月下一月可设置打卡,默认打卡设置可“收起”,“展开”日历组件代码地址gieet:https://gitee.com/xiechunhao/wx-calendar原创 2021-09-24 10:36:18 · 2616 阅读 · 1 评论 -
uni-app 微信小程序之实现使用百度云 人脸录入人脸识别功能
文章目录1. 实现效果2. 准备工作(开始撸)2.1 访问百度智能云注册3. 小程序代码3.1 camera.wxml3.2 camera.js3.3 camera.wxss1. 实现效果1.1 小程序进行人脸拍照上传(上传成功状态)录入成功后,可以在后台查看到自己的人脸数据1.2 小程序进行人脸拍照上传(上传失败状态)2. 准备工作(开始撸)就是需要在百度智能云注册,并创建人脸识别的应用。(完全免费)2.1 访问百度智能云注册完成后进入管理控制台->产品服务->人工智能-原创 2021-09-23 16:53:39 · 6617 阅读 · 9 评论