- 博客(79)
- 资源 (1)
- 收藏
- 关注
原创 滑动一整屏
比如我们在第二屏幕的时候,每次改变的时候我会动态生成一个数组,并且滑动的时候,是会改变其页数的,因此我可以根据页数和高度数组进而来改变其top值。我们需通过onresize缩放来监听当前的可视窗口的高度。并且每次把当前窗口的值修改到显示区域,同时top值也需进行修改。开始时间为当前时间,结束时间为事件结束以后当时间,若是差值为负数到一定区间,即可判断为向上滑动,否则为向下滑动。根据onmousewheel滚轮事件即可判断,2.根据动态设置top属性即可进行翻页。1.首先我们需获取可视区域的高度。
2024-02-01 16:13:00
498
原创 首页图片自适应宣传海报
因此我说那就弄图片把,我真的绑不住了。我也不清楚怎么想的,有设计也不让设计处理图片,告诉我以后图片可能会奇奇怪怪的宽高比。1.首先判断图片的宽度是否超过可视区域的宽度,若是超过了,那么当前图片实际宽度就为可视区域的宽度,根据比值算出实际显示的图片高度,若是实际显示图片大于最大可视区域的高度,那么就要计算当前图片显示的高度为最大可视区域的高度。2.若是图片的宽度不超过可视区域的宽度,那么显示的图片宽度为可视区域宽度,若是图片的高度大于可视区域高度,就图片显示高度为可视区域高度,根据比值算出图片显示的高度。
2024-01-27 16:53:03
279
转载 nvm切换node版本
如:nvm install 16.20.0。执行下方命令,出现常用版本号即安装成功。百度网盘下载地址:提取码npus。nvm install 版本号。2.点击下一步直接安装即可。
2023-12-26 23:52:12
78
原创 关于打包css找不到报错
</style> 子组件B,C,D<style lang="scss" scoped></style>,这个时候就就会出现上诉错误了。解决办法,所有的组件及其父组件都使用<style lang="scss" scoped>
2023-11-02 10:22:44
544
原创 uniapp自定义播放器
问题描述:我是真无语啊,就是有一个目录切换的地方,然后切换音频,结果你猜怎么着,嘿,音频他不播放了。也就是下面这个方法都不进去了打印的时候,音频播放都播放不了了,我尝试了销毁在播也不行。然后我寻思着,我写代码相同的我也喜欢return出去,会不会是这个原因,结果抱着试一试的态度,好家伙,真这样。一般测试阶段才会出现,我觉得正式用,人家也不会放两个相同的视频在一个课程里面把,并且呢,这个在h5是好的,小程序才会出现。目前呢,这个播放器还没有做拖动的。recourd.vue 子组件。
2023-09-21 15:24:19
509
原创 vite图片处理
踩坑点:之前在webpack中引用方式是require,后面我就一直想用require插件,然后就在网上查到了下面的方法,就是这个导致打包速度很久,后来我想了想,webpack和vite的编译方式都不一样啊,嗯,这不强扭的瓜不甜。后来我就用了vite内部的import.meta.globEager,写了一个getImgSrc方法,通过inject引入。
2023-07-03 11:57:45
651
原创 结合uview实现倒计时
假设接口是20分钟以后倒计时结束,下面就算出了都是秒的时候倒计时结束了。实现场景:试卷答题,点击开始考试,出现倒计时,刷新倒计时就没有了。关键点在于进来以后获取当前时间计算出结束时间。结束时间减去当前时间,就算出了时间差毫秒数。uview组件的使用办法。下面是是实现代码相关逻辑。
2023-06-27 16:49:43
773
原创 最近码云拉取提交的时候报错
报错:update_ref failed for ref 'refs/remotes/origin/master': cannot lock ref 'ref。
2023-02-28 09:16:54
140
原创 iview框架menu菜单展开的问题
meta: { title: "测试一号", icon: "md-copy" },meta: { title: "测试二号", icon: "md-copy" },title: "测试分类一号",title: "测试分类一号",title: "测试分类一号",bug:测试一切都很顺利,但是用到实际中确无法展开。解决办法:只需要在模板中添加一个v-if即可解决。原因:渲染数据的时候页面还未渲染完成。当数据出现的时候才开始渲染即可。...
2022-08-30 10:57:56
947
原创 仿照element plus写的一个tab选项卡
现在实在没时间优化了,催进度了。,记录一下方便下次copy优化。目前只是实现了表面的功能,实际上很多东西都没有实现,后期有时间在优化。
2022-07-15 15:20:29
461
原创 vue3+高德地图
参考文档入门文档 https://lbs.amap.com/api/jsapi-v2/guide/webcli/map-vue1api文档 参考手册-地图 JS API v2.0 | 高德地图API官方示例 多边形的绘制-矢量图形-示例中心-JS API 2.0 示例 | 高德地图API未解决问题:点击的时候缩放卡顿未完成代码......
2022-07-14 10:21:13
1207
转载 scss的一些高阶函数
参考这篇文章Sass中的Map 详解 - 走看看 (zoukankan.com)Sass-语法小抄【简洁!易懂!好上手!】 - 知乎 (zhihu.com)Vue3 Element-Plus 动态更换主题简单实现 - 掘金 (juejin.cn)map-merge
2022-06-16 23:49:36
714
转载 element plus 轮播图第一页数据不显示问题
参考网址element-plus 使用 el-carousel 跑马灯默认第一页不显示_前端老实人的博客-CSDN博客_element plus 走马灯关键代码 :在data里面定义一个初始化数据即可,里面要有长度banner:[{}],<template> <div class="content__wrap"> <div class="swiper"> <el-carousel height="420px"> .
2022-05-20 14:25:03
1145
原创 elment plus form表单使用出现的bug
问题:验证调用validateApi的时候一直验证不通过bug原因:上面这两个名字一定要一样啊体会:要看清楚文档啊,人麻了,一个小时就搞了这。。。。。顺便写写他的用法,方便以后用到吧1.form绑定model是对象,rules是规则集合,formRef用于验证提交<el-formref="formRef"class="demo-form":label-position="labelPositio...
2022-05-16 20:09:55
262
转载 element plus图标循环渲染的问题
查阅到的博客:elementui plus 图标循环加载_Terint的博客-CSDN博客源数据navBarList:[{id:1,title:"首页",icon:"home-filled"},{id:2,title:"用户管理",icon:"avatar"},{id:3,title:"店铺管理",icon:"platform"},{id:4,title:"套餐与应用...
2022-05-06 11:58:04
990
转载 vue子路由实现办法
(29条消息) vue-router中children使用方法_Web_阿凯的博客-CSDN博客_vue路由children
2022-04-27 10:13:57
140
原创 微信小程序拖拽组件
主要就是两个属性给movable-area加上pointer-events: none,给movable-view加上pointer-events: auto参考下面的社区movable-area导致下面的内容无法点击怎么解决 | 微信开放社区 (qq.com)<style lang="scss"> @import "../../css/main"; .moveFather{ width: calc(100% - 112rpx);
2022-03-04 13:45:35
703
原创 uniapp请求的封装
configConstant.jsconst BASE_URL_LOCAL = "http://192.168.5.17";//本地环境const BASE_URL_DEVELOPMENT = "https://qa.qugaiba.com"; //测试(以实际开发api文档为准)const BASE_URL_PRODUCTION = "https://qugaiba.com"; //正式服(以实际开发api文档为准)const LOGINAPI = "/qugai/api2/v1/login
2022-02-24 16:07:40
3232
原创 wepy多倒计时
wxTimer.jsvar wxTimer = function(initObj) { initObj = initObj || {}; this.beginTime = initObj.beginTime || "00:00:00"; //开始时间 this.interval = initObj.interval || 0; //间隔时间 this.complete = initObj.complete; //结束任务 this.intervalFn = initObj.inter.
2022-02-15 17:46:40
222
原创 wepy框架组件相关介绍
wepy框架组件相关介绍常规使用父组件<style lang="scss"></style><template> <xx></xx></template><script> import wepy from "wepy"; import { shttp } from "../utils/http"; import xx from "../../components/xx/x...
2022-02-15 17:40:52
189
原创 wepy关于微信小程序的一点踩坑
1.wepy组件没有生命周期2.wepy组件url路径只能导入网络路径,本地路径无效<style scoped lang="scss"> .empty-placeholder { padding-top: 290rpx; width: 100%; text-align: center; .emptyImg{ width: 203rpx; display: block;
2021-12-28 16:48:56
456
原创 sass相关
vue3以下/deep/vue3::deepcss>>>总结:加/deep/,::deep,>>>是为了当前覆盖组件样式,并且不会影响其他文件sass中添加scoped样式私有化,只作用于当前文件vue3配置全局sassmodule.exports = { css: { loaderOptions: { sass: { prependData: `@import "~@/styles/main.scss";`...
2021-12-22 11:32:34
198
原创 常用函数封装
转换时间戳'use strict';/** * 时间戳转化为年 月 日 时 分 秒 * number: 传入时间戳 * format:返回格式,支持自定义,但参数必须与formateArr里保持一致*///数据转化function formatNumber(n) { n = n.toString(); return n[1] ? n : '0' + n;}function formatTime(number, format) { if (!number) return;
2021-11-03 13:24:21
256
原创 对象在项目中常用操作(持续更新)
两个对象为一组(常用于广播)let obj = [ { loginAccount: "13018885465", title: "用户已注册", }, { loginAccount: "13018885465", title: "ddd", }, { loginAccount: "13018885465", title: "aaa", }, { loginAccount: "13018885465", title: "bbb"
2021-10-26 15:46:03
79
原创 css的相关布局
比较好用的布局方式css:.available{ background-color: pink; display:inline-block; width:-webkit-fill-available;/* 填满剩余宽度 */ height: 140px;}html:<div style="display: flex;height: 120px;"> <div style="width: 300px;">123456</div>
2021-09-25 10:40:23
102
原创 微信小程序滑动scroll-view
首先说一下思路:1.高度是通过一个二维数组存储的,所以我们只需要先通过自己的实际情况算出这个高度即可。let arr = [ [0, 522, 1002], [1602, 2004,2006,2010], [2364, 2766], [3126, 3528], [3888, 4290] ]2.点击的时候我们直接通过index...
2021-06-17 17:23:39
1996
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人