LiXiao_Lan的博客

原创 H5页面唤醒 支付宝App 指定页面

h5打开支付宝app

原创 微信小程序多选，全选

微信小程序多选，全选。

原创 for循环新增 / 删除picker日期组件

循环列表出来的时间选择器，可以新增和删除。

原创 微信小程序定位地址与胶囊对齐

微信小程序定位地址与胶囊对齐

原创 小程序轮播图swiper，自定义的指示点

实现轮播图的自动轮播，手动轮播，点击指示点轮播的效果，并且轮播图自适应高度。

原创 小程序主包大了，可以压缩图片

小程序的包超了，可以压缩图片来解决小程序超包的问题

原创 微信小程序，自定义输入框与导航胶囊对其

获取导航胶囊的信息，有两个事件，与（注意这里不能使用rpx，只能使用px）。状态栏高度：，使用。胶囊高度：，使用返回的height。导航栏高度计算：(胶囊top-状态栏高度)*2 + 胶囊高度。

原创 微信小程序引入iconfont图标

iconfont图标库里，当有‘查看在线链接’按钮时，点击复制“Font Class”的链接，在浏览器里面打开链接，复制里面的内容到小程序上面就行了，扩展名改成“.WXSS”当没有在线链接时候，我们就要‘下载到本地’，下载好了之后，就有一个压缩好的文件夹，我们只要里面的这四个文件，css文件里面的内容复制到小程序后缀名为‘.wxss’文件，............

原创 酒店入住时间和离店时间的日期选择

选择入住时间和离店时间的日期

原创 微信小程序：酒店预计到店日期的时间选择器

这个功能只显示下午14:00到次日06:00的时间段，当上午点击时间选择器时候，选择器的列表默认从14:00开始到次日06:00的时间段，当下午点击时间选择器时候，选择器的列表默认从当前时间开始到次日06:00的时间段...

原创 微信小程序，控制自定义头部导航隐藏显示

1，布局2.定义3.方法事件

原创 ‘ 展开 ’和‘ 收起 ’的过渡动画效果

1，布局2.JS逻辑3，css样式

原创 wx.navigateToMiniProgram()方法,微信小程序跳转到另外一个微信小程序

原创 微信小程序 分享转发

1，在组件内写button分享按钮：(加data-xxx来传递参数，在button标签中加入open-type="share"，小程序就会自动识别分享链接功能)<button open-type="share" data-list="{{bookInfo}}" >分享邀请</button>2，然后在Page写onShareAppMessage()事件；...

原创 微信小程序嵌套PC端页面

1，注册企业版小程序，只有企业版微信才能用(web-view)；2，在微信公众平台的‘开发管理--开发设置’找到‘业务域名’；下载的校验文件放到你要引入的PC端的文件夹里面，域名放PC端的域名（可以放多个域名）可以在微信开发者工具的“详情”里面看到域名3，在微信开发者工具页面里面引入web-view组件；当页面引入了web-view组件后会覆盖其他的组件<web-viewsrc="https://www.szstjs.com/#/home"></web.

原创 前端生成二维码 微信小程序

1，在微信开发者工具里面引入npm命令“ npm install weapp-qrcode --save ”；2，将 dist 目录下的weapp.qrcode.esm.js 复制到项目的utils目录中；3，在所需的index.js页面引入weapp.qrcode文件。并调用drawQrcode()方法4，在同一个index.wxml页面，创建绘制的 canvas，并定好 width, height, canvasId；宽高要与drawQrcode()方法里面的一致。&...

原创 css移动端动态菜单左右滑动

如果在pc端，隐藏了横向滚动条，那就没有任何效果，不用隐藏滚动条，可以在::-webkit-scrollbar { width: 0; }里面设置宽度0，把滚动条样式调好看一点

原创 div框仿input框

1，布局<div class="remarks white-bg"><span>备注</span>//contenteditable：属性规定元素内容是否可编辑。//@input： 一般用于监听事件，只要输入的值变化了就会触发input。//-webkit-user-select:text；解决苹果手机没有触发的@input事件<div class="normal" style="-webkit-user-select:text;" ...

原创 删除当前下标后面的值

for(let i = 0; i < this.menues.length; i++){if(val.name === this.menues[i].name){ this.menues.splice(i+1,this.menues.length-1) ; //i+1当前的下标位置，删除当前下标后面的值}}

原创 swiper插件文档，页面区域滚动，滑动

1，网址：Swiper CDN - Swiper中文网，2.下载指令：npm install [email protected] -save3.引入页面：import { swiper, swiperSlide } from "vue-awesome-swiper";import "swiper/dist/css/swiper.css";4，页面布局：<swiper ref="swiper" :options="swiperOpti...

原创 鼠标滚轮事件

1.布局<div class="fonts white-bg"><div class="fon" ref="tabList" @mousewheel="mouse">.........</div></div>methods:{ mouse(event) { //滚轮事件 //wheelDelta是判断鼠标滚动方向的指标 //wheelDelta的值为正（120.240...）则是鼠标向...

原创 mint-ui 自定义的日期选择器

1.HTML5页面，父页面2.子组件

原创 获取未来与过去的时间，时间戳，结束时间与开始时间的时间差，以及向对象数组传值

1.获取未来6天（过去60天）的时间戳this.times = new Date().getTime() //当前的时间//当使用setDate()之后，date对象就发生了改变，所以之后getDate()就能获取到指定的日期//这里的num就是要加的天数，减也可以。var date = new Date();date.setDate(date.getDate() + 6) //未来的6天date.setDate(date.getDate() - 60) //过去的60天.....

原创 vue项目引用阿里巴巴图标

1.登录、注册阿里巴巴图标。2.将需要的图标添加到购物车。3.添加到项目里面，没有项目就创建项目4. 点击“font class”，然后在点击“下载至本地”5.下载之后有个安装包，解压玩文件夹，里面有以下的文件，前面两个不用，可以删除6.剩下的在项目创建一个文件夹，复制上去7. 然后在main.js里面导入iconfont.css样式8.最后在直接调用就行了， iconfont是第一类名，icon-yunying是第二类名。&...