- 博客(13)
- 收藏
- 关注
原创 uniapp 手机键盘弹起事件,解决底部同意阅读协议的盒子底部变形问题
解决底部同意阅读协议的盒子底部变形问题我们做一个手机登录页面时,页面底部有个通过定位并定位到底部的一些同意阅读协议的盒子当点击登录input输入框时,部分安卓手机会出现这样的一个问题,手机的输入法软件盘会把定位到底部的盒子给顶起来。造成这样页面布局变形的原因是,安卓手机中当用户获取input焦点时,软键盘弹出,会改变页面高度,将viewport值进行压缩。我们可以通过相对定位 把原本的bottom值 换成 top值定位uni.getSystemInfo() 方法取设备屏幕的高度,通过固定的高度来确
2022-01-18 15:54:46 1388
原创 uniapp、h5跳转到小程序、定位信息、导航、分享朋友、分享朋友圈、分享QQ、分享QQ空间uniapp,最细讲解,完美解决方案。
h5,uniapp跳转到小程序、定位信息、导航、分享朋友、分享朋友圈、分享QQ、分享QQ空间,最细讲解,完美解决方案。h5跳转到小程序,废话不多说直接上代码,定位信息、导航、分享朋友、分享朋友圈、分享QQ、分享QQ空间 文章目录h5,uniapp跳转到小程序、定位信息、导航、分享朋友、分享朋友圈、分享QQ、分享QQ空间,最细讲解,完美解决方案。前言一、设置JS接口安全域名(非常重要)二、下载js-sdk包,并引入包1.下载js-sdk包2.在需要跳转的h5页面导入该包三、视图层需要填写代码块四、j
2021-11-29 17:17:31 1954
原创 判断用户用的是pc端还是移动端
如何判断用户使用的是pc端还是移动端 const detectDeviceType = () => /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ? "Mobile(移动端)" : "Desktop(pc端)"; console.log(detectDeviceType())...
2021-11-23 16:31:16 1667
原创 uniapp接口跨域,前端完美解决方法
项目构建的 manifest.json 的源码试图找到下面的 h5模块下加入 配置代理 "h5" : { "router" : { "mode" : "hash", // 路由模式 "base" : "ssp" }, "safearea" : { "background" : "#f00", "bottom" : { "off
2021-11-23 16:29:46 1450 5
原创 uni-app置顶按钮,导航栏随着滚轮滑动筛选框置顶
uniapp自带一个监听页面滚轮的属性方法,view模块里根据定义的flag展示<view class="fix"> <view class="myPage"> <image src="../../static/dayHome/mine_ico.png" mode=""></image> </view> <view class="top" @click="goUp" :style="{'display':(flag === t
2021-11-23 16:13:41 1106
原创 记录根据后台菜单路由搭建到首页菜单
作为一个是刚接触angular的小白,刚学习angular很吃力,每天学习一点点,记录一下自己学习angular的点点滴滴的收获。在后台管理页面上配置路由新增完毕之后在登录账号下面配置该菜单回到项目的菜单里新增一个模块放入从后台新加的模块回到业务菜单管理配置该目录下然后回到首页就会发现配置成功!...
2021-01-07 14:36:02 153
原创 如何在SVN项目地址下新建项目
记录一下自己刚接触angular所遇到的问题,从项目构建到模块开发。由于之前做的项目都是其他老哥搭建好的项目,只需要我们往里面填东西就行。可是又来了一期新项目让我独立开发。上网找了好久也没有头绪,最后还是问公司其他老哥才搞出来。1.在svn上面新建项目(搭建新项目)经理会给一个svn目录地址比如说让你放在哪个目录下面首先复制一下目录地址,然后点开SVN Checkout…会自动复制到该链接。然后找到URL of repository点击会进入该目录盘下把项目拖入该目录文件下即可一个SV
2021-01-07 14:02:07 774 1
原创 小程序uni-app 用父子组件传值的方法写一个时间选择器的公共组件($emit、prpos)
用父子组件传值的方法写一个时间选择器的公共组件的方法由于之前小程序里面用到很多同样的时间筛选器,近期改bug的时候就体会到了没有用公共组件的痛苦,代码量多,修改的地方较多比较麻烦,所以就封装了一个时间选择器公共方法。时间选择器的功能是1.默认选中今天和上个月的今天2.时间选择框相差的时间不超过一年3.开始时间不能大于结束时间利于了vue父子组件传值的方法,直接上代码<template> <div> <view class="seach_demo">
2021-01-06 11:34:32 731 3
原创 uni-app中swiper的指示点自定义
在平时工作中,有时候uni-app中swiper的指示点的样式位置可能需要我们自定义,类似于<swiper class="swiper" circular="true" previous-margin="48rpx" next-margin="21rpx" @change='intervalChange' :current-item-id='currentIndex' :autoplay="false" :duration="500"> <swiper-item cl
2021-01-04 14:22:11 4142 4
原创 微信小程序配合HBuilder X打包的方法
直接上图1、点击发行选中小程序-微信发行即可2、这点要注意微信小程序的Appid选择自己有权限的id3、点击上传4、可以在上面选择版本号以及项目备注即可
2020-12-29 14:56:26 3096 2
原创 OSS接口获取的图片压缩大小 简单好用直接在src获取的地址后面拼接
之前做小程序的时候,后台老哥给了一些在线图片让我放进去,考虑到图片有可能太大,加载的时候图片过大加载时间过长影响用户体验,然后后台老哥就给我分享了一个阿里的在线图片压缩的方法,直接在取到的src地址后面拼接。?x-oss-process=image/resize,m_fill,h_200,w_300例如<image :src=item.imagePath+compress" mode=""></image>data() { return { compress:'
2020-12-29 14:32:33 8136
原创 一些常用的字符串切割方法以及“===“和“==“的区别
字符串切割和提取–slice(start,end),substring(),substr()以上方法不会改变原数组 let str = "Hello,world!"; let sliceStr = str.slice(1,5);//ello (不包含end) let subStr = str.substring(1,5);//ello let subStr = str.substr(1,5);//ello, let str1
2020-12-29 14:21:33 215
原创 项目中简单好用的对数字处理的方法(千分位,万分位,小数)
项目中简单好用的对数字处理的方法(千分位,万分位,小数)千分位处理thousandBitSign(num) {if (!num) {num = 0;}return (num.toString()).replace(/\d{1,3}(?=(\d{3})+(.\d*)?)/g,′)/g, ')/g,′&,’);},万符位处理million(value) {if (value == 0) {return 0}let num;if (value > 9999) { //大于
2020-12-29 14:05:27 646
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人