
Uniapp
神夜大侠
这个作者很懒,什么都没留下…
展开
-
uniapp 实现支付宝支付
1、首先要勾选支持支付宝支付。2、根据后台返回参数作处理。原创 2023-08-01 10:27:46 · 1688 阅读 · 0 评论 -
uniapp微信公众号内支付微信点金计划商家小票支付成功页代码
uniapp微信公众号内支付微信点金计划商家小票支付成功页代码。原创 2023-03-10 15:06:51 · 1067 阅读 · 0 评论 -
JS 订单30分钟内完成付款倒计时
//30分钟内完成付款 createtime[0000:00:00 00:00:00] 订单创建时间 limitTimes分钟数 countDown(createtime,limitTimes){ let startTime = new Date(createtime).getTime() / 1000 let endTime = new Date(createtime).setMinutes(new Date(createtime).getMinutes()+limitTimes) .原创 2022-05-07 12:28:58 · 994 阅读 · 0 评论 -
uniapp 实现聊天语音播放,多个音频只播放一个实现播放动画
一、组件代码<style lang="scss" scoped="scoped">.vvoice-play{ width:150rpx; &.flex{ justify-content: flex-end;} .vp-bg { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAAAYCAYAAAAF6fiUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJ...原创 2022-04-10 13:39:44 · 2576 阅读 · 0 评论 -
uniapp 小程序H5实现选择时间段组件
<style lang="scss" scoped>.flex{ display: flex; align-items: center;}.center{ display: flex; align-items: center; justify-content: center;}.between{ display: flex; align-items:center; justify-content: space-between;}.syui-anim{ -webkit-ani...原创 2022-04-08 17:09:05 · 1598 阅读 · 0 评论 -
uniapp使用内置地图选择插件,实现地址选择并在地图上标点
uniapp使用内置地图选择插件,实现地址选择并在地图上标点代码如下:<style> page{ background:#F4F5F6; } ::-webkit-scrollbar {width: 0;height: 0;color: transparent;} page{ height:100%; width:100%; font-size:24rpx;} image,view,input,textarea,label,text,navigator{ box-siz.原创 2022-04-01 11:19:31 · 2327 阅读 · 5 评论 -
uniapp 中使用 uCharts.js 画图表
在components 中新建一个目录 u-charts ,然后里面放两个文件, u-charts.js u-charts.vueu-charts.js的内容/* * uCharts® * 高性能跨平台图表库,支持H5、APP、小程序(微信/支付宝/百度/头条/QQ/360)、Vue、Taro等支持canvas的框架平台 * Copyright (c) 2021 QIUN®秋云 https://www.ucharts.cn All rights reserved. * Licensed..原创 2021-10-08 16:28:05 · 1568 阅读 · 0 评论 -
uniapp 封装的插件集合 包括:无限级选择器,TAB滑动切换,圆形进度条,上拉加载动画,动画使用,通用弹窗等。
uniapp 封装的插件集合 包括:无限级选择器,TAB滑动切换,圆形进度条,上拉加载动画,动画使用,通用弹窗等。作者:神夜QQ:564379992交流群:942832552插件下载地址:https://gitee.com/sywlgzs/uniapp-componentsuniapp 插件集合大全: uniapp 封装的插件集合 包括:无限级选择器,TAB滑动切换,圆形进度条,上拉加载动画,动画使用,通用弹窗等。插件预览地址:http://diy.hsycms.com/uniapp-c原创 2021-09-16 17:40:47 · 1986 阅读 · 0 评论 -
uniapp 生成商品分享通用海报源码详解
uniapp 生成商品分享通用海报源码,使用canvas生成海报,圆片加圆角,标题换行显示两排 多余点点,兼容H5端和小程序端。组件显示代码<template> <view> <uni-popup ref="popup" type="center" class="poster-alert"> <view class="poster"><image :src="poster" @longpress="saveImg">原创 2021-08-24 10:31:44 · 1300 阅读 · 1 评论 -
uniapp常用组件样式大全持续更新中...
一、支付组件使用uview-ui效果:组件:Pay.vue 代码:<template> <!--去付款--> <u-popup v-model="showPay" mode="bottom" border-radius="20" class="upay" :mask-close-able="false"> <view class="pay-alert"> <view class="pay-co...原创 2021-08-03 11:46:06 · 2397 阅读 · 1 评论 -
最简单的骨架屏实现方式,适用于VUE项目,小程序项目,uniapp项目。
1、VUE项目 skeleton.vue插件<template> <div> <div class="wrap" :style="{'width':systemInfo.width+'px','height':systemInfo.height+'px', 'background-color':bgcolor}"> <div v-for="(item,index) in skeletonRectLists" .原创 2020-05-26 11:45:26 · 2245 阅读 · 1 评论