![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
uni-app
miao_zz
起风了,唯有努力生存。
我还在学习,欢迎大家指教,我们可以互相讨论;我写的东西有时候理解比较浅,我只是把CSDN作为我学习的一个工具,防止学的东西忘了,有错误欢迎大家指出,谢谢。
展开
-
基于uniapp的简单自定义公共组件mz-header-tab-tab
基于uniapp的简单自定义公共组件mz-header-tab-tab原创 2023-02-03 20:26:58 · 576 阅读 · 0 评论 -
uniapp-购物车功能实现案例
uniapp购物车的基本实现案例原创 2023-02-03 20:05:00 · 1844 阅读 · 0 评论 -
学习-uniapp中使用vue3的组合式api开发
uniapp中使用vue3的组合式api开发原创 2023-01-06 14:40:05 · 1459 阅读 · 0 评论 -
微信小程序中生成普通二维码,并根据二维码里的参数跳转对应的页面
微信小程序中生成普通二维码,并根据二维码里的参数跳转对应的页面原创 2022-11-24 11:08:30 · 4792 阅读 · 0 评论 -
uniapp中简单的前端文字校验
uniapp中简单的前端文字校验原创 2022-11-03 11:55:49 · 430 阅读 · 0 评论 -
自定义区间滑块
自定义滑块,进行区间值筛选原创 2022-09-05 16:53:12 · 326 阅读 · 0 评论 -
uniapp中自定义生成海报图片
海报,生成图片原创 2022-08-31 17:45:00 · 869 阅读 · 0 评论 -
打开微信客服
打开微信客服原创 2022-08-01 16:39:21 · 132 阅读 · 0 评论 -
使用腾讯云paas服务接口通过视频进行活体校验-人脸识别
使用腾讯云paas服务接口通过视频进行活体校验-人脸识别需求1.先判断是否授权摄像机,录音机权限需求输入姓名,身份证号,调取微信camera摄像机拍摄视频,并把视频转换成base64格式,上传IdCard 是 String 身份证号Name 是 String 姓名。中文请使用UTF-8编码VideoBase64 否 String 用于活体检测的视频,视频的BASE64值;BASE64编码后的大小不超过8M,支持mp4、avi、flv格式三个参数调取腾讯人脸识别接口,腾讯识别接口会从视频中截原创 2022-01-06 17:09:40 · 2506 阅读 · 0 评论 -
uniapp生成二维码
uniapp生成二维码uniapp生成二维码转载 2021-12-16 16:31:06 · 581 阅读 · 0 评论 -
uniapp中搭建一个小程序项目(二)
uniapp中搭建一个小程序项目common文件中创建一个https.js文件components文件store文件main.jspages.jsoncommon文件中创建一个https.js文件htpps文件用于服务请求接口包装const baseUrl="";//服务域名const HTTP=(url,method="get",data={},headers={})=>{ return new Promise((resolve,reject)=>{ uni.request({原创 2021-09-27 16:34:51 · 161 阅读 · 0 评论 -
uniapp中搭建一个小程序项目(一)
uniapp中搭建一个小程序项目pages文件static文件App.vuemain.jspages.json根据项目需求添加目录,如图common文件components文件pagesA,pagesB;pagesC文件store文件使用HbuilderX创建一个uniapp项目,如图pages文件配置应用由哪些页面组成static文件静态资源,存放图片资源App.vueuni-app的主组件,所有页面都是在App.vue下进行切换的,是页面入口文件main.jsuni-app的入口文件原创 2021-09-27 15:30:34 · 607 阅读 · 1 评论 -
uniapp中制作战力计算器
uniapp中制作战力计算器<template> <view class="calculate-wrap"> <!-- 计时器-start --> <view class="calculate-screen"> <view class="calculate-screen-title"> <image class="calculate-screen-small" mode="aspectFill" src="@/p原创 2021-09-15 17:42:05 · 1044 阅读 · 0 评论 -
uniapp中如何把通过uni.chooseImage上传的图片转换成base64格式
uniapp中如何把通过uni.chooseImage上传的图片转换成base64格式//下载包npm i image-tools --save//在需要使用的地方引入import { pathToBase64, base64ToPath } from 'image-tools'uni.chooseImage({ count: 1, //默认9 sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图,默认二者都有 sourceType: [原创 2021-09-15 16:29:23 · 1784 阅读 · 3 评论 -
uniapp中添加指引页
uniapp中添加指引页创建组件guide使用组件1.在template中引入组件2.在script中的data中声明变量,设置初始化函数,点击触发函数创建组件guide<template> <view v-show="show" class="main" @touchmove.stop> <view class="rect-shadow" :style="{'width':(width+10)+'px','height':(height+10)+'px','le原创 2021-08-23 11:55:52 · 732 阅读 · 0 评论 -
uniapp中使用swiper轮播以及解决自动,手动切换页面抖动问题
uniapp中使用swiper轮播以及解决自动,手动切换页面抖动问题<template> <view class="banner-wrap"> <swiper class="banner-swiper" :current="current" :indicator-dots="indicatorDots" :autoplay="autoplay" :duration="duration"原创 2021-08-20 17:55:28 · 6467 阅读 · 0 评论 -
uniapp中自定义showToast样式
uniapp中自定义showToast样式使用方式在template中引入在需要使用show-toast的地方使用在main.js中挂在组件文件代码:组件show-toastshow-toast/show-toast.vueshow-toast/initToast.js使用方式在template中引入<show-toast></show-toast>在需要使用show-toast的地方使用this.$showToast({ title:"操作失败", c原创 2021-07-27 14:57:12 · 14207 阅读 · 9 评论 -
uniapp中自定义showModal样式
uniapp中自定义showModal样式页面中使用在main.js中引入show-modal组件创建组件show-modal组件名称show-modal.vue创建initModal.js页面中使用<show-modal></show-modal> this.$showModal({ title: '', content: '当', cancelText:"取消", confirmText:"生成赛果", success(res) {原创 2021-07-23 14:13:07 · 17704 阅读 · 9 评论 -
uniapp滑动图片验证
uniapp滑动图片验证使用组件<slider-verify :show="isShowSliderVerify" @sliderVerifySuccessHandle="sliderVerifySuccessHandle"></slider-verify>组件<template> <view class="cont" v-if="show"> <view class="refresh" @click="refresh"> &原创 2021-07-20 12:02:29 · 3418 阅读 · 5 评论 -
uniapp中打开地址进行定位
uniapp中打开地址进行定位uni.getLocation({ type: 'gcj02', success: function (res) { console.log("[获取位置信息]",res) const latitude = res.latitude; const longitude = res.longitude; uni.openLocation({原创 2021-07-09 13:12:06 · 1507 阅读 · 2 评论 -
uniapp中简单方法之上传图片到腾讯云
uniapp中简单方法之上传图片到腾讯云1.复制源码文件中的 cos-wx-sdk-v5.js 到自己小程序代码根目录下任意路径,并用相对路径引用:2.创建一个COS.JS文件3.页面中调用1.复制源码文件中的 cos-wx-sdk-v5.js 到自己小程序代码根目录下任意路径,并用相对路径引用:复制源码文件中的 cos-wx-sdk-v5.js 到自己小程序代码根目录下任意路径,并用相对路径引用var COS = require('./lib/cos-wx-sdk-v5.js')2.创建一个CO原创 2021-06-15 17:10:27 · 3562 阅读 · 11 评论 -
uniapp中地址授权
uniapp中地址授权/**判断是否授权 */ getSettingFun: function() { let that = this; //先通过 uni.getSetting 先查询一下用户是否授权了 "scope.userLocation" 这个 scope,也可直接调用uni.authorize请求授权; uni.getSetting({ success: function(res) { // res.auth原创 2021-06-11 09:50:11 · 880 阅读 · 1 评论 -
uniapp之地址定位选择,根据字母排序
uniapp之地址定位选择viewscriptstyleview<template> <view class="address-wrap" id="address"> <!-- 搜索输入框-start --> <view class="search-wrap" :style="{top:windowTop+'px'}"> <view class="searchInfor-input"> <text class="i原创 2021-06-04 14:44:31 · 3176 阅读 · 3 评论 -
uniapp-自定义导航栏
uniapp-自定义导航栏<template> <view class="navBar"> <view class="navBar-fixed"> <!-- 状态栏 --> <view :style="{height: statusBarHeight+'px'}"></view> <!-- 导航栏 --> <view class="navBar-content" :style="{wid原创 2021-06-02 16:36:25 · 1476 阅读 · 0 评论 -
uniapp项目中定义全局过滤器
uniapp项目中定义全局过滤器1.定义一个filters.js文件用于存放过滤函数2.在uniapp项目的main.js文件中引入上述的filters.js文件:3.在页面中直接使用1.定义一个filters.js文件用于存放过滤函数/*** 数据脱敏* @param {Object} e* @param {Object} start 前面保留几个字符串* @param {Object} end 后面保留几个字符串*/function dataDesensitization(value,s原创 2021-06-02 11:45:23 · 1926 阅读 · 0 评论 -
uniapp中使用picker制作简单的三级地址选择组件
uniapp中使用picker制作简单的三级地址选择组件view部分js部分样式view部分<template> <picker class="form-item-picker" mode="multiSelector" @change="bindPickerChangeAddressHandle" @columnchange="bindColumnChangeAddressHandle" :value="multiCityIndex" :range="multiCityArray"原创 2021-06-01 17:10:17 · 2646 阅读 · 2 评论 -
uniapp中使用uni.chooseImages进行简单的图片上传,删除
使用uni.chooseImages进行简单的图片上传,删除<template> <view class="feedback-wrap"> <!-- 反馈类型 --> <view class="feedback-type"> <view class="feedback-type-title">反馈类型</view> <view class="feedback-type-con"> <te原创 2021-05-31 15:46:12 · 4433 阅读 · 4 评论 -
uni-app中的条件编译
uni-app中的条件编译条件编译写法%PLATFORM% 可取值如下:条件编译是用特殊的注释作为标记,在编译时根据这些特殊的注释,将注释里面的代码编译到不同平台。条件编译写法以 #ifdef 或 #ifndef 加 %PLATFORM% 开头,以 #endif 结尾。A.#ifdef:if defined 仅在某平台存在B.#ifndef:if not defined 除了某平台均存在C.%PLATFORM%:平台名称例如:#ifdef APP-PLUS需条件编译的代码#endif原创 2021-05-19 10:18:09 · 1033 阅读 · 0 评论 -
页面元素宽度在 uni-app 中的宽度计算
页面元素宽度在 uni-app 中的宽度计算开发者可以通过设计稿基准宽度计算页面元素 rpx 值,设计稿 1px 与框架样式 1rpx 转换公式如下:uni-app 规定屏幕基准宽度 750rpx设计稿 1px / 设计稿基准宽度 = 框架样式 1rpx / 750rpx==>框架uni-app中的样式 1rpx=750rpx*设计稿 1px / 设计稿基准宽度举例说明:1.若设计稿宽度为 750px,元素 A 在设计稿上的宽度为 100px,那么元素 A 在 uni-app 里面的宽度原创 2021-05-18 10:06:25 · 2977 阅读 · 0 评论 -
uni-app学习--入门第一步
uni-app学习--入门第一步使用CLI创建uni-app项目准备条件:创建uni-app在微信开发者工具中运行打开HBuilderX进行路径配置解决第一次使用微信开发者工具报错的问题使用CLI创建uni-app项目准备条件:1.安装nodejs进入菜鸟教程:菜鸟教程-nodejs2.vue-cli环境npm install -g @vue/cli参考Vue cli安装教程:Vue CLI创建uni-appvue create -p dcloudio/uni-preset-vue 项目名原创 2021-05-17 16:25:35 · 324 阅读 · 0 评论