- 博客(67)
- 资源 (1)
- 收藏
- 关注
原创 uniapp开发 微信小程序 本地资源图片无法通过 WXSS 获取,可以使用网络图片,或者 base64,或者使用image标签。
uniapp开发 微信小程序 本地资源图片无法通过 WXSS 获取,可以使用网络图片,或者 base64,或者使用image标签。
2022-09-21 15:51:11 2229 1
原创 uniapp 使用vue3+typescript 如何利用html2canvas生成图片
uniapp 使用vue3+typescript 如何利用html2canvas生成图片
2022-09-21 15:06:57 2697 6
原创 vue 鼠标拖动div 封装分局指令
封装全局指令 在main.js中Vue.directive( 'drag', (obj, binding) =>{ obj.onmousedown = function(el){ var left = obj.offsetLeft; var top = obj.offsetTop; var width = obj.offsetWidth; var height = obj.offsetHeight; //计算出鼠标的位置与元素位置的差值。 var
2021-12-16 17:40:26 292
原创 uniapp 开发微信小程序出现这个 Error in onLoad hook: “SyntaxError: Unexpected end of JSON input“
这个其实是由于JSON.parse无法识别某些url中的特殊字符比如&等特殊符号造成的解决办法:uni.navigateTo({ url: '../confirmOrder/confirmOrder?data='+encodeURIComponent(JSON.stringify(data))// 传参});接受页面onLoad(option) { // 接收数据 this.datainfo = decodeURIComponent(JSON.parse(option.dat
2021-12-15 15:56:52 5861
原创 uniapp 开发微信小程序如何授权用户信息
<template> <view class="content"> <view @click="wxGetUserInfo"> 授权信息</view> <button class="bottoms" type="primary" open-type="getPhoneNumber" withCredentials="true" lang="zh_CN" @getphonenumber="getPhone
2021-12-10 18:32:07 502
原创 js uniapp开发如何把分钟数转换为多少小时多少分钟
<template> <view class="content"> <view>{{toHourMinute(duration)}}</view> </view></template><script> export default { data() { return { duration:100 // 分钟数 } }, onLoad() { console.log(thi
2021-12-09 10:32:34 862
原创 uniapp 开发微信小程序 怎么调取微信支付?
微信小程序支付:res是后端返回的数据 详情官方文档请参考 https://uniapp.dcloud.io/api/plugins/payment?id=requestpaymentuni.requestPayment({ provider: 'wxpay',// 服务提供商 timeStamp: res.data.data.result.timeStamp,// 时间戳从1970年1月1日至今的秒数,即当前的时间。 nonceStr: res.data.data.re
2021-12-08 14:20:52 420
原创 uniapp开发微信小程序如何调取自带的地址管理 获取用户收货地址
handleChoiceAddress(){ let that = this // 1 获取权限状态 wx.getSetting({ success:(result)=>{ //2 获取权限状态 当属性名比较怪异时,都要使用[]形式来获取属性值 const scopeAddress = result.authSetting['scope.address'] if(scopeAddress ==true ||scopeAd
2021-12-07 15:34:31 2752
原创 uniapp开发微信小程序 如何在小程序中跳转别的小程序
跳转的目标小程序要上线才能跳转过去uni.navigateToMiniProgram({ appId: 'wxd87fa195760dc0bb', // 跳转目标小程序的id path: 'minepage/entryPlatform/entryPlatform', // 目标小程序的页面路径 extraData: { // 需要携带的参数 'data1': 'test' }, success(res) { // 打开成功 } })在manifest.jso
2021-12-03 10:33:24 2868
原创 uniapp如何接入微信小程序客服?
按钮标签的open-type="" 设置为contact 就行 具体内容详情https://uniapp.dcloud.io/component/button<button open-type="contact" ></button>关于如何在其他地方能点击出发button的问题 其实可以用定位解决例如.serveimg{ position: fixed; top: 850rpx; right: 23rpx; width: 115rpx; height:
2021-12-02 13:39:14 2389
原创 uniapp开发微信小程序如何分包?
创建分包名在pages.json中创建 注意 root中是包名 ,创建完成以后 在包名上右击以后就可以默认创建页面到当前分包当中了"subPackages": [ { "root": "minepage", "pages": [], }, ],
2021-11-30 17:33:22 89
原创 vue uniapp如何将一个一维数组变成一个二维数组?自定义切割数组长度
如何将一个一维数组变成一个二维数组lengthlsit(str,length) { // str:需要切割的数组,length需要切割的长度 //获取要切割的数组的长度 var length= parseInt(length); //如果长度小于要划分的长度,返回原数组 if (str < length){ return [str]; } var groups = []; //拆分成的二维数组的个数
2021-07-22 16:46:42 1910
原创 uni-app中如何对图片进行放大预览?
这个地方可以用到uni-app中的uni.previewImage https://uniapp.dcloud.io/api/media/image?id=unipreviewimageobject<image v-for="(itemimg,indexk) in item.images" :key="indexk" @click="pictureView(index,item.images)" :src="itemimg"></image>methods:.
2021-07-21 14:49:14 1825
原创 uni-app中如何实现自定义的时间段选择器
具体的实现方法就是使用小程序中的picker-view组件注意:pop是我引入的一个弹窗组件<pop ref="pops" :direction="directions" :is_close="true" :is_mask="true" :width="100"> <picker-view v-if="visible" :indicator-style="indicatorStyle" :value="value" @change="bindChange" class="pi.
2021-07-21 14:34:55 3628 1
原创 css中flex弹性布局多行,并且下面空余的挨着
如果想要多行弹性布局只需要在父级设置这几个参数就好了,里面的子元素设置30%的宽度 display: flex; flex-flow:row wrap; justify-content: space-between;.content-ico{ width: 100%; height: 440rpx; background: #fff; border-radius: 20px; display: flex; flex-flow:row wrap; justify-c
2021-01-28 14:56:32 1544
原创 解决uni-app软键盘弹起以后遮住底部input框问题
解决方法::adjust-position=“true” 设置为true就好了<input class="solid-bottom" :adjust-position="true" :focus="false" maxlength="300" cursor-spacing="10" @focus="InputFocus" @blur="InputBlur"></input>
2021-01-26 14:42:47 3131 1
原创 web前端学习的最全笔记,前端大牛都看烂了你还不快来看看??
最全面的前端基础知识整理 链接 https://download.csdn.net/download/w161513820/13992079
2020-12-31 13:56:56 318
原创 uni-app 生命周期 页面生命周期,应用生命周期,组件生命周期的区别
在uni-app中生命周期总的来说一共有三种类型页面生命周期,其实就是小程序页面当中的生命周期。页面生命周期onLoad监听页面加载,其参数为上个页面传递的数据,参数类型为Object(用于页面传参)onShow监听页面显示。页面每次出现在屏幕上都触发,包括从下级页面点返回露出当前页面onReady监听页面初次渲染完成。注意如果渲染速度快,会在页面进入动画完成前触发onHide监听页面隐藏onUnload监听页面卸载onResize监听窗口尺
2020-12-31 13:48:30 1200
原创 uni-app 微信小程序如果做上拉分页效果
在对多条数据的时候如何去做翻页的效果呢,主要是利用到生命周期中的onReachBottom,当下拉到底的时候就会触发这个生命周期。接口中对于传递给后台的页码就可以动态的去传参就行了,举例:这是我的接口方法 data() { return { UserFoot: [], page:1, // 页码 } }, methods: { //用户足迹 getUserFoot(pages) { let _this = this // sho
2020-12-31 13:20:11 748
原创 uni-app 微信小程序如何使用锚点定位 scroll-into-view
点击切换实现锚点定位在微信小程序中是没有办法使用a标签来实现锚点跳转这个功能的。但是呢也有很多办法可以解决。按钮的代码就是一个点击然后传参,参数就是需要跳转的id属性,特别注意的是SkipSite 最好动态传参,可以参考我下面的代码<scroll-view scroll-y='true' :scroll-top="scrollTop" :scroll-into-view="SkipSite" class="groupPurchase_main" style="flex: 1;overflow-y
2020-12-30 18:53:27 2501 1
原创 js当中可以这样截取富文本中的所有图片或者第一张图片
对于富文本中的图片截取操作可以使用正则匹配以后截取出来,截取富文本中所有的img图片。代码fn(richtext) // 截取富文本img方法 function fn(str){ var data = []; str.replace(/<img [^>]*src=['"]([^'"]+)[^>]*>/g, function (match, capture) {
2020-10-13 14:38:19 2791
原创 ntd-desgin-vue中的时间插件默认值显示Invalid date 解决办法
对于ant-design的一些问题我早已经见怪不怪了,但是对下班已经遥遥在望的时候,这个问题给了我当头一棒。第一反应这是啥玩儿? 首先看vue的生命周期当中难道是没赋值嘛,看了下没问题,然后直接去data当中赋值,发现并没有出现问题。在mounted看了下数据,分析了一下可能是先判断了data有没有数据,如果没有数据就导致报错了。解决方法就是加一个v-if判断一下就行了这个问题就解决了,下班...
2020-09-18 18:57:43 4194
原创 写一个方法根据不同时间弹出不同提示信息
根据当前时间弹出不同的提示信息function timeFix() { const time = new Date() const hour = time.getHours() return hour < 9 ? '早上好' : hour <= 11 ? '上午好' : hour <= 13 ? '中午好' : hour < 20 ? '下午好' : '晚上好'}...
2020-09-16 17:51:39 535
原创 js如何获取转码后的路由参数
js当中怎么获取被转码以后的路由信息,以下是把代码直接封住成了一个方法方便实用function getParam(name) { let reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //decodeURIComponent解码 window.location.search 获取页面url的地址 let r = decodeURIComponent(window.location.search).subst
2020-09-16 17:47:53 412
原创 ant design vue 表格选中项判断是否是取消还是选中状态
效果只需要用表格自带的属性onSelect就可以判断是点击选中还是取消选中 onSelect: (record, selected, selectedRows, nativeEvent)=>{ // 判断是选中还是取消选中 if(selected == true){ console.log('选中') }else if(selected == false){
2020-09-16 17:42:14 4571 1
原创 如何在ant design vue table 表格当中一格放入多个参数字段
效果如图有时候会遇到一个格子里面需要放入多个字段的情况并且还要判断类型不同显示的内容不同的情况,代码如下:<span slot="actions" slot-scope="text" class="table-btn-box"> <template id="payTypes"> <ul> <li v-show="text.payType == '银行卡'">持卡人姓名 : {{text.car
2020-09-13 11:01:19 5763
原创 Ant design pro 怎么把日历英文改为中文???国际化
这两天用ant design pro 发现了一个问题 使用日历组件的时候里面居然是英文状态。看了官方文档说的是把默认语言改为zh-CN就行了,但是居然没有效果这个鬼东西依然我行我素,冒着砸键盘的心态找遍了整个文档也没有发现有用的问题。突然脑袋就像野比大雄附体一样看到了问题所在怎么这个地方有个en-US难不成是因为里面有个地方把语言存在了本地存储? 顺着这条线索找到了这个地方 这个文件在src/core/bootstrap.js下面把本地存储改为zh-CN 然后清空本地存储以后运行代码,果然不出我的锁
2020-07-30 15:25:46 2166
原创 用js写一个简单的贪吃蛇
这是一个很简单的小游戏,看看谁能在不修改速度的前提下玩多长吧,贴图在评论里比一比<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0,
2020-07-20 17:51:00 249
原创 layer.msg layui弹出层失效咋搞??
设置一个textarea字数限制超过以后弹出提示信息,并且不会刷新内容。做完以后发现提示框死活不出来,查了下好像说是因为层级太低了,反正最后的解决办法就是 return false; 就行了。form.on('submit(edit)', function (obj) { if($("#Text").val().length>=180){ layer.msg('字数超过180字啦') return false; }});...
2020-07-09 15:29:26 4084 2
echarts 绘制的全国地图三级联动 点击放大效果 省县乡更新过后的最新地名
2020-07-03
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人