thigh_d的博客

原创 自定义选择多个标签功能

然后定义一个对象用于存取选择的数据。1.html样式部分。

原创 自定义验证码

自定义验证码

原创 打开弹框禁止页面滚动

禁止滚动

原创 css3横向无限公告消息滚动功能

css3横向滚动

原创 自制商品列表-瀑布流写法

uniapp商品列表瀑布流写法

原创 git新建分支

git新建分支

原创 自创倒计时

let endtime = data.shop_promotion_zero_active_dto.end_time.replace(/-/g, ‘/’); //先把从接口获取到的结束时间转一下格式let date1 = new Date() //获取当前时间let date2 = new Date(endtime); //获取接口结束时间 let s1 = date1.getTime(); //转出时间戳 let s2 = date2.getTime(); //转出

原创 搜索-历史记录

搜索记录html部分js部分

原创 tabing切换之底部样式

原创 tab导航栏滑动页面切换

html部分js部分css部分

原创 tab切换栏点击切换事失去焦点问题处理

像我们平时写这种底部分类导航栏时，如果在最底部，点击分类的时候会突然失去焦点，所以很影响用户的体验处理方法：给列表盒子设置一个最小高度值：min-height.

原创 uniapp图片预览放大横向滚动

原创 空格转换换行解析

上传数据页面this.form.trace_content = this.form.trace_content.replace(/\n/g, “%3Cbr%2F%3E”)显示页面res.datas.list.forEach((value,index)=>{value.content = value.content.replace(/%3Cbr%2F%3E/g,"")})

原创 点赞，取消点赞

原创 根据id跳转页面

另一个页面

原创 上传图片

1.main.js添加插件index.js引用

原创 图片懒加载

懒加载使用的场景为：页面有很多图片时，APP会同时加载所有的图片，导致页面卡顿，各个位置的图片出现前后不一致

原创 uniapp商品分类

有时候我们会碰到这种 切换不同模式来查看商品的信息（代码如下）HTML部分JS部分CSS部分

原创 uniapp配置uView-ui

第一步：在官网下载插件ZIP第二步：将下载好的zip压缩包解压后放进项目中## 标题**第三步：在main.js中添加uView**第四步：在uni.scss中添加*第五步：.在pages.json中配置*第六步：App.vue中全局配置最后一步：重启HbuilderX或者重新编译项目...

原创 下拉监听加载更多

调用接口

原创 横向可滚动条

更新

原创 单选框选择器

新增修改

原创 日期选择器

拼接起来

原创 uniapp省市区联动

1.插入组件调用接口，返回数据

原创 上传头像-最多上传张数限制

CSS部分另一种方式

原创 头部搜索框

绑定v-model

原创 setTimeout定时器

跳转页面，判断事件是否触发，触发执行定时器里面的方法点击店铺判断是否存在店铺，不存在则自动跳详情页

原创 H5打包

打包H5第一步：点击发行-网站-h5手机版（仅适用于uni-app）第二步：检查这两处域名是否保持一致第三步：第四步第五步：把这里的文件都删掉之后再更新一下代码第六步：此时Hbuilder 会出现这样一个路径把这里的文件复制到刚刚删除文件的路径那里最后再更新一下代码就行了...

原创 点击跳转页面

原创 uniapp点击滚动到顶部

有时候页面很多内容的时候，想要一下回到首页就会相当费劲，今天说一下自动回到顶部添加点击事件JS部分CSS部分这样就大功告成了！！！

原创 uniapp订单通过判断显示各板块信息

相信大家在写商城类APP的时候都遇到过这种订单模块现在来分析这个模块是怎么完成的。第一步：先做好tab头部CSS部分调用好啦，基本上就是这样子了，如果有补充的小伙伴可以留言~~~...

原创 双下拉框的用法

双下拉框的用法通过改变一个下拉框的数据，另一个下拉框也跟着改变数据。实现原理通过双向数据绑定v-model绑定值，然后在使用v-for循环遍历下拉框数据

原创 v-if隐藏和消失功能

v-if隐藏和消失功能给每一个select绑定v-if值，给需要点击的select添加@change=" "设定show的true和false通过if…else判断是否显示

原创 uniapp底部弹框效果

有时候我们在做项目的时候，很多时候会碰到这种效果，今天我们就来实现它！这样就大功告成啦！，有其他方法的可以一起探讨哈~~~

原创 uniapp同一页面切换功能

相信很多小伙伴在做uniapp的页面的时候都有遇到过这样的问题点击不同的选择出现不同的效果那我们来探讨这个功能是如何实现的。第一步第二步第三步最后*这样就可以实现效果啦~~~~*...

原创 APP点赞和取消点赞

通过v-if和v-for进行判断，点赞后的样式。script里面调用外部方法switch…case通过条件返回点赞和取消点赞功能

原创 前端修改php项目页面样式的方法

有时候在开发过程中，在所难免会遇到后端开发的项目，也就是用php写的。作为前端的我们，刚起手还是比较吃力的，今天来教一下从拉打码到修改的过程。（小白一枚，有误请大佬指导）。第一步就是要把项目拉取下来现在用的是svn和FlashFXP这两种拉取远程打码正如图中，php项目的页面路径是这样的，所以我们很难找到项目中所对应的文件夹在哪。所图所示，我们可以在地址上加一个error=1,来找到文件所对应的路径（大部分可以使用这种方法）。然后就能去目录中找到对应的文件，右击选中传输指定的项，传输到右边

原创 uniapp监听下滑到底部时判断

每下滑到底部调用一次后端接来监听给当前页数默认设为第一页监听页数大于多少页时，显示已是最后一页调用接口判断是否执行，滑动到底部时，自动触发一次接口数据，直到滑动到最后一页...

原创 uniapp时间戳转日期格式

时间戳转日期格式主要就是引用一个外部插件，然后调用方法，在渲染到前端页面上html部分****引用外部文件：（这是我在别的项目上找的插件，直接引用进去就有用）添加过滤器：filter调用接口执行...