uni-app
你的美,让我痴迷
可能性无处不在,只要努力去寻找它们,并且勇敢地去尝试,就会让我们变得更加出色。
展开
-
uni-app小程序uni.navigateBack返回上一个页面并传递参数.返回上个页面并刷新
返回上个页面让他重新执行onLoad里面的方法:(这种方法不适用于传递参数的页面,因为返回的时候那个option是获取不到的)经过测试,在uni.app中使用B页面使用setData设置A页面参数无法实现(应该是被更改为常量属性了)。返回上一个打开的页面并传递一个参数。如果使用uni.navigateBack该怎么传值呢。方法1:我们可以使用A页面原有方法。方法2:A页面自定义方法接收参数。原创 2023-05-20 13:48:51 · 2445 阅读 · 0 评论 -
wxml2Canvas绘制小程序图片
【代码】wxml2Canvas绘制小程序图片。原创 2022-10-08 18:02:37 · 1765 阅读 · 0 评论 -
uni 小程序腾讯地图polygon背景透明度
透明度原创 2022-08-08 16:51:57 · 648 阅读 · 0 评论 -
uniapp 除了数字,其他输入无效
数字限制原创 2022-07-04 17:54:01 · 310 阅读 · 0 评论 -
按钮多次点击造成结果
按钮多次被点击提示原创 2022-06-24 16:09:33 · 209 阅读 · 0 评论 -
uniapp文件下载
uniapp下载原创 2022-06-01 18:31:42 · 504 阅读 · 0 评论 -
uniapp处理强制刷新问题
//处理强制处理this.$forceUpdate();原创 2022-04-22 10:41:09 · 3324 阅读 · 1 评论 -
uniapp处理强制刷新问题
//处理强制处理this.$forceUpdate();原创 2022-04-21 14:09:36 · 2598 阅读 · 0 评论 -
unapp封装一个加载动画
<!-- 封装一个可以使用的数据加载动画 --><template> <view> <view class="loadingIco" > <image src="../../static/images/loading.png" mode=""></image> <view class="titile">正在加载...</view> </view> </view>原创 2022-04-21 13:54:38 · 1619 阅读 · 0 评论 -
完整的unapp分页
<template> <view class=""> <view class="tabSelect"> <!-- 左边标签栏 --> <view class="leftCategory"> <!-- 横向滑动 --> <scroll-view scroll-x="true" style="width: 100%; "> <view class="tab">原创 2022-04-19 17:12:23 · 551 阅读 · 0 评论 -
uni-app小程序加载页面出现图片拉长再变正常的原因
在使用uniapp写微信小程序的页面样式的时候,你会发现一个现象就是加载图片的时候回先变长然后在正常显示,在pc端和app端没有问题。这个原因是因为图片高度是自适应的,没有给固定高度。解决方案就是给父元素固定宽高,图片设置宽高百分之百或者给图片加一个固定的宽高就解决了...原创 2022-04-19 16:47:16 · 1802 阅读 · 0 评论 -
封装一个文本提示
<!-- 封装一个文本提示组件 --><template> <view> <view class="contentTip" :style="{ left:left }"> <!-- 向上的三角型 --> <view class="triangle"></view> <!-- 提示的类容 --> <view class="tipText">{{text}}<原创 2022-04-12 18:32:49 · 319 阅读 · 0 评论 -
微信小程序scroll-view底部内容无法完全显示
在底边加个占位<view style="height:20px"></view>原创 2022-04-12 14:54:37 · 1638 阅读 · 4 评论 -
uni-app实现传值路径乱码的问题
decodeURIComponent(option)原创 2022-04-11 17:36:52 · 1408 阅读 · 0 评论 -
小程序报错Uncaught (in promise) undefined原因
控制台报错Uncaught (in promise) undefined//原型修改后:原创 2022-04-08 15:16:34 · 4724 阅读 · 8 评论 -
uniapp 获取导航栏的高度
onReady: function() { let navbar = uni.createSelectorQuery().select('#navBar') navbar.boundingClientRect((data) => { console.log(data,'获取导航栏的高度'); this.navBarHeight = data.height }) .exec() },原创 2022-04-06 18:01:08 · 5780 阅读 · 0 评论 -
使用uView快速开发
<template> <view> <view class="wrap"> <u-swiper :list="list"></u-swiper> </view> <view> <u-notice-bar mode="horizontal" :list="noticelist"></u-notice-bar> </view> <view>原创 2022-04-05 20:24:02 · 996 阅读 · 0 评论 -
uni-app运行环境版本和编译器版本不一致的问题
HBuilderX1.7.0及以上版本uni-app添加了运行环境版本和编译环境版本的校验机制,当两个版本不一致时会弹出以下提示:解决方法:HBuilderX1.9.0及以上版本新增以下配置避免弹出提示框//... "app-plus": { "compatible": { "ignoreVersion": true //true表示忽略版本检查提示框,HBuilderX1.9.0及以上版本支持 }, //.... }, //...以下原创 2022-03-18 00:11:18 · 1577 阅读 · 0 评论 -
云函数uni-id用户体验
<template> <view class="content"> <input type="text" value="" placeholder="请输入用户名" v-model="username" /> <input type="password" value="" placeholder="请输入密码" v-model="password" /> <input type="text" value="" placeholder="请输原创 2022-03-03 23:00:29 · 833 阅读 · 0 评论 -
云数据的操作
<template> <view class="content"> <button style="background: red;margin: 20px;" size="mini" type="default" @click="callCloud">调用云函数</button> </view></template><script> export default { data() { return原创 2022-03-03 22:49:55 · 225 阅读 · 0 评论 -
uniapp云函数安装uni-id
如果你的项目在创建里就选择uni-id的模板,安装这一步可省略,但配置部分一样是需要的。点击导入到当前项目中配置uni-id在uni-config-center公用模块下创建uni-id目录这部分官网描述不是很清楚,如果不知道公用模块的目录在哪里,很容易搞糊涂,我也是通过其示例代码才知道是要在uni_modules\uni-config-center\uniCloud\cloudfunctions\common\uni-config-center这个目录下创建uni-id目录在创建的uni-原创 2022-03-02 13:21:12 · 4659 阅读 · 1 评论 -
uniapp云函数的公共模板使用
1.新建公共模板实例:module.exports = { secret: 'abcdefg', getVersion: function(){ return '1.0.0' }}2.调用公共模板的值//uniCloud-aliyun\cloudfunctions\use-common\index.js//云函数use-common//需要设置管理公共模块依赖—hello-common'use strict';const { secret, getVersion} =原创 2022-02-28 11:50:50 · 636 阅读 · 0 评论 -
uniapp 封装一个开关按钮组件
<template> <view> <view class="Template_detail_shopbtn_text_btn2" @click="checkChange"> <view class="Template_detail_shopbtn_text_btn2_view" :class="checked?'upactive':''"> <view class="Template_detail_shopbtn_text_btn原创 2021-12-20 12:44:00 · 1849 阅读 · 0 评论 -
uniapp选择图片截图功能的实现
<template> <view> <view class="imageUploadContainer"> <view class="imageUploadList"> <view class="imageUpload" @tap="avatarChoose">+</view> </view> <view style="width: 90%;margin: auto;margin-to原创 2021-11-26 14:04:12 · 1522 阅读 · 0 评论 -
JS 中比较两个日期的 Android 和iOS都兼容
var strTime="2018-06-16"; var endTime="2018-12-16"; var d1 = new Date(Date.parse(strTime.replace(/-/g,"/"))); var d2 = new Date(Date.parse(endTime.replace(/-/g,"/"))); if(d1.getTime() <= d2.getTime()){ //代码块 return ; }else{ ..原创 2021-10-26 18:59:17 · 940 阅读 · 0 评论 -
uniapp动画的使用
<template> <view> <page-head :title="title"></page-head> <view class="uni-padding-wrap uni-common-mt"> <view class="animation-element-wrapper"> <view class="animation-element" :animation="animationData">原创 2021-10-21 14:04:49 · 3401 阅读 · 0 评论 -
小程序按钮分享 右上角点点点分享 禁用分享
小程序按钮分享<button open-type='share'>分享给我的好友</button>js里面···如果分享当前页面,则直接写个空函数即可,如果需要在其他页面分享其他页面,则需要在里面配置参数onShareAppMessage(){ return { title: 'button', path: 'page/component/pages/button/button' }}小程序右上角的三个点分享,通过onShar原创 2021-10-14 22:02:38 · 2618 阅读 · 0 评论 -
uni-app onBackPress 小程序 解决方案 uni-app返回
onBackPress 只支持APP和H5 但不支持小程序 ,可以用onUnload生命周期解决,页面销毁的时候执行方法。原创 2021-09-29 09:39:13 · 1228 阅读 · 0 评论 -
uniapp底部筛选
<template> <view class="bottom"> <view v-if="!issingle" class="bottomscreen" :style="{'margin-top': sysheight+'px'}"> <view class="bottomscreen_left" @click="selectleft">{{content1}}<text class="iconfont icon-xiangxia">&原创 2021-08-30 16:54:54 · 572 阅读 · 0 评论 -
uniapp实现一个搜索框
<template> <view class="sousuo" :style="{'margin-left': isShowFocus?'5%':'','width':width}"> <view class="sousuo_ico"><text class="iconfont icon-sousuo"></text></view> <view class="sousuo_input"><input type原创 2021-08-30 16:07:33 · 4991 阅读 · 0 评论 -
uniapp扫码功能
// 允许从相机和相册扫码 uni.scanCode({ success: function (res) { console.log('条码类型:' + res.scanType); console.log('条码内容:' + res.result); } }); // 只允许通过相机扫码 uni.scanCode({ onlyFromCamera: true, success: function (r原创 2021-08-28 15:36:28 · 637 阅读 · 0 评论 -
uniapp海报生成
<template> <view class="content"> <canvas canvas-id="canID" id="canID"></canvas> </view></template><script> import { posterCanvas } from '@/utils/yd-cenvas' export default { name:"poster", props:{ a原创 2021-08-28 11:46:45 · 228 阅读 · 0 评论 -
向日葵下载网址
下载地址https://sunlogin.oray.com/download/原创 2021-08-25 15:19:49 · 34665 阅读 · 0 评论 -
uniapp实现一个支付密码提现
下载地址https://download.csdn.net/download/weixin_45932157/21494900调用实例:原创 2021-08-25 10:38:13 · 717 阅读 · 0 评论 -
实现一个轮播图添加文字或图片
<template> <view class="content"> <view class="cancle" @click="cancleBack"> 取消 </view> <view class="facontent"> <view class="facontent_textarea"> <textarea maxlength="200" v-model="content" value="" p原创 2021-08-24 15:20:27 · 3121 阅读 · 0 评论 -
uniapp封装一个空数据
<template> <view> <view class="content"> <view class="content_img"><image src="../../static/my/kong.png" mode="widthFix"></image></view> <view class="content_txt">暂无数据</view> </view&g原创 2021-08-24 15:08:26 · 483 阅读 · 0 评论 -
uniapp mixin全局混入
/** * 全局混入型 */module.exports = { beforeCreate() { }, data() { return { /** * 页面加载 */ pageLoading: true } }, methods: { /** * 获取正确的src * @param src * @returns {string|*} */ imageSrc(src) { if (!src) return src;原创 2021-08-23 14:47:37 · 3630 阅读 · 4 评论 -
点击蒙版遮罩关闭弹窗
原创 2021-08-10 13:42:00 · 680 阅读 · 0 评论 -
小程序返回上一页刷新
wx.navigateBack({ success: function() { beforePage.onLoad(); // 执行前一个页面的onLoad方法 } });原创 2021-08-06 22:27:46 · 94 阅读 · 0 评论 -
uni-icons 图标
测试:<template> <view> <uni-icons type="arrowdown"/> <uni-icons type="checkmarkempty" color="#007aff" /> <uni-icons type="checkmarkempty" color="#007aff" size="25" /> <uni-icons type="arrowup" color="#ff0000" :size=原创 2021-08-06 11:48:52 · 1386 阅读 · 0 评论