自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(15)
  • 资源 (9)
  • 收藏
  • 关注

原创 uni-app微信小程序上传图片封装

uni-app图片上传封装

2022-11-24 18:35:51 691 1

原创 微信小程序原生上传图片封装

微信小程序原生图片上传组件

2022-11-24 17:59:01 854

原创 微信小程序表单校验(uni-app)

uni-app、uview微信小程序表单校验

2022-11-24 15:30:33 1010

原创 微信小程序授权(uni-app)

uni-app 微信小程序账号授权

2022-11-24 14:58:38 1344

原创 微信小程序上传文件组件

微信小程序上传文件一、说明该拍照组件带有微信授权相机功能,会结合后端接口,将上传的图片以数组集合的形式传值给父级页面。注意:组件适用于,单独上传图片,不携带参数,结合后端接口返回路径之后,再调用另外的保存接口,携带参数与图片提交的场景,请慎重使用。支持功能相册&相机拍照可限制图片张数可根据自己需求新增删除功能可预览缺陷目前不支持删除二、原理由于wx.uploadFile一次性上传多张图片会报错,只能一张张的上传,所以封装的上传文件组件结合后端接口进行的是循环上传。废话

2022-03-10 17:22:02 2283

原创 【微信小程序使用echarts】

微信小程序使用echarts

2022-03-10 14:55:42 2778

原创 2021-09-22

vue项目中常用的eslint配置内容module.exports = { root: true, parserOptions: { parser: 'babel-eslint', sourceType: 'module' }, env: { browser: true, node: true, es6: true, }, extends: ['plugin:vue/recommended', 'eslint:recommended'],

2021-09-22 09:30:55 73

原创 2020-08-10

移动端拖拽说明先为需要进行拖拽的元素添加相对于父元素的定位属性,之后调用封装好的元素即可,废话不多说,下面看事例。html <img class="service" id="div1" src="./images/product-adv3.png" alt="">css .service{ width: 50px; height: 50px; position: absolute; left: 80%;

2020-08-10 16:09:38 142

原创 jquery-weui扩展功能Picker实现营业时间选择

说明主要利用jquery-weui插件,实现店铺营业时间点选,功能已经做好了时间格式校验,开始时间与结束时间比较。技术jquery-weuijquery.min.jscss只用到了Picker部分的css实现引入jquery手册,引入jquery-weui.js,在我的源码中一定要引入base.css中必要的weui中的样式,之后上代码实现过程html文件<body&...

2019-12-27 09:04:19 1270

原创 进度条函数封装

使用说明在项目中,有时难免会遇到一些同样的功能,进度条时其中一个。在这里封装的目的主要是不必重复的编写代码,避免时间的浪费。使用的时候,引入所需的images、css、js文件,在需要的地方拷贝html结构,调用函数(函数所需参数:进度条数据项对象process,进度标识mark,插入位置对象即可)效果展示实现过程index.js//根据进度状态变化样式效果function...

2019-12-18 13:09:53 280

原创 jQuery封装分页功能

封装目的封装目的主要是实现与后台交互时,拿到json数据,对数据进行分页。功能的变量只有三个。一个是每页的数据量、json数据对象和开始显示第几页。使用方式使用者只需要改变json数据对象,确定每页的数据量,当前页数是第几页就可以了,样式使用者可以进行随意改变。说明分页的样式分为两种。一种是当数据量页数不大于4时,页面4页连同上一页与下一页按钮都显示出来。另一种是当数据量页数大于4时,页...

2019-12-13 11:49:58 319

原创 taro微信小程序时间组件picker的使用--省市区三级联动

微信小程序时间组件实现三级联动项目技术手段支撑taro+react+Picker使用说明相信大家在微信小程序开放文档里面已经学会了使用组件picker实现时间,和单列组件的使用。在这里我主要实现的是react...

2019-12-12 11:44:25 7590

原创 h5小程序电子签名

移动端电子签名使用说明小程序的签名,主要是使用canvas标签,在里面进行绘画确保绘画区域在HTML中,为了保证canvas绘画区域固定,我为canvas添加了一个盒子,将为它的父级添加padding,并将canvas的宽高设为100%,防止笔迹超出范围,并将提示文字定位到画布上。html结构<div class="protocol-name"> ...

2019-12-02 15:13:44 557

原创 函数封装

js获取url参数标题 使用说明函数只需要传入地址栏url,与要获取的键名就可以获取具体的参数。当地址栏中没有参数时,函数会返回undefined,作为判断依据。//url参数处理function getParams(urlString,urlValue){ //判断有没有参数 if(location.search!='') { va...

2019-12-02 11:55:42 367

原创 taro小程序跳转h5页面

微信小程序跳转h5页面项目架构-tarojs+react+sass+微信开发者工具项目使用taro官网上面的步骤构建起来的项目架构,之后生成微信端的小程序,由于项目与车险有关,需要多个渠道融合在一起,所以避免不了要调用其他端的页面去实现功能,所以涉及到了taro小程序跳转h5的知识小程序跳转需求需求在项目中,有为用户提供了各种快捷服务:“门店查询”、“保单下载”、“电子发票”、"报案理赔"...

2019-12-02 11:37:08 7392

微信小程序原生自定义上传图片

微信小程序原生组件 微信小程序授权校验之后,进行拍照 可以统计本次上传图片的失败次数 样式根据自己需要自行调整 图片可删除 图片可预览

2022-11-24

微信小程序自定义标题组件

微信小程序自定义标题组件

2022-03-11

微信小程序封装上传文件组件

微信小程序封装上传文件组件,只适用于单独上传图片,不携带参数,结合后端接口返回路径之后,再调用另外的保存接口,携带参数与图片提交的场景,请慎重使用。

2022-03-10

微信小程序echarts组件

结合ec-canvas,封装的通用的echarts图表,用来初始化图表与在此渲染图表

2022-03-10

微信小程序ec-canvas

解决了不能识别颜色的问题报错

2022-03-10

jquery移动端底部弹出时间选择框.rar

H5小程序难免会用到从底部弹出时间选择框,在这里使用了jquery-weui实现了,店铺选择营业时间的功能。已经做好了时间格式和开始时间与结束时间的对比。注意使用的时候可以任意改动样式,但是jquery-weui自带的样式不可以缺少。否则功能没有效果。

2019-12-26

小程序跳转h5页面.rar

使用tarojs生成微信小程序,实现小程序跳转h5页,或者跳转小程序,需要配置需要跳转的小程序openid,之后再需要跳转的页面将url带入webview中,动态概念webview中的url,并将webview中的url与视图关联,达到预期效果。

2019-12-18

进度条封装函数.rar

使用方法:拷贝进入项目,引入所需要的css与js文件,并拷贝html结构,在js文件中调用函数就可以直接使用。 函数所需参数:进度数据对象process,进度标识mark,结构嵌入对象obj

2019-12-18

jquery封装的分页源码.rar

只需要传入后台json数据对象,使用者确认每页展示的数据量,和当前第几页的初始值就可以。 分页功能有两种样式。一种是当页数不大于4时,页数数字按钮全部显示出来,功能正常;另一种是当页数大于4的时候数字按钮只显示1和2与当前页数。

2019-12-13

carinfo.rar

在react+taro的微信小程序,从真实项目中摘出,使用微信小程序picker实现的省市区三级联动,真机测试ok,里面提供省市区json数据,以及react渲染的页面结构,车辆行驶地区这一块主要用到了三级联动功能,里面还有用picker实现的日期组件,将我的压缩包解压,放入react项目中,在微信小程序app.json文件中将模块放入第一个加载出来,就可以查看效果。

2019-12-12

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除