- 博客(83)
- 收藏
- 关注
RSS订阅
原创 微信小程序自定义全局组件showModal
开发过程中微信提供的showmodal样式不符合ui风格，又不想写成组件用的页面都引入，就考虑模拟showmodal写一个自定义的弹框组件。三，把这个组件挂载到app的实例中在utils文件夹中新建nav-modal.js文件。组件配置好之后，我们就需要引入eventBus 来实现数据和事件的监听。目前没有找到可以在全局挂载之后，页面就不需要引入的办法。六，在app.json文件中引入navModal组件。四，把这两个文件在app.js中引入。五，使用，在需要使用的地方调用。七，在需要的页面底部引入组件。
2023-02-20 18:04:54
1258
原创 vue 中html 转word 遇到的坑记录
4.一段文字用p标签，但是word中的p标签的上边距会和上一个的下边距重合 写成下方的样式才生效，word中p标签的上下间距使用margin表示的。3.一行多段：需要对数据经行处理，一行展示的用p标签，一行展示多段的需要放在一起生成数组用table标签来展示。
2024-06-27 11:38:14
480
原创 vue2 使用 highlight.js 实现代码高亮（一些使用上遇到的坑）
2.封装成全局自定义指令 utils/highlight.js。4.在页面内使用index.vue。3.在main.js中引入。
2024-06-27 10:50:07
778
原创 vue3 element-plus el-form的二次封装
form表单的二次封装vue3 element-plus el-form的二次封装。
2023-07-07 15:52:45
1780
原创 实现函数，参数为城市名，逗号或者空格分隔，输出重复的城市，以及重复的下标位置
【代码】实现函数，参数为城市名，逗号或者空格分隔，输出重复的城市，以及重复的下标位置。
2023-05-10 13:42:52
156
原创 微信小程序原生tab
在这里插入图片描述](https://img-blog.csdnimg.cn/7497a75719ef4067a96160816f14b74c.png#pic_cente。
2023-03-07 15:45:58
115
原创 微信小程序图片拖动，缩放canvas裁剪2，3，4，6，9宫格圆角裁剪加边框切图工具
details.wxmldetails.wxssdetails.jsdetails.jsondetails.wxsscale.wxs工具组件1.toolsCons.wxml2.toolsCons.wxss3.toolsCons.js4.toolsCons.json5.border.wxs6.move.wxs
2023-02-24 14:45:53
47
原创 用JavaScript写的一个录屏功能简直太香
用JavaScript写的一个录屏功能简直太香使用JavaScript的API mediaDevices 实现录屏功能，亲测有效直接贴代码使用JavaScript的API mediaDevices 实现录屏功能，亲测有效这个不是本人写的，是看了Sunshine_Lin的文章，发现这么好玩的功能的直接贴代码index.html<!DOCTYPE html><html> <head> <title>录屏功能</title
2021-11-12 11:20:35
1177
1
原创 uni-app小程序自定义样式的下拉选择框
<!-- 选择字体模板 --> <view class="font" @click="selectFont"> <text style="margin-left:152rpx; color:#979797;" v-if="fontName==''">请选择字体样式</text> <text style="margin-left:152rpx;" v-else>{{fontName}}</text> ..
2021-09-01 17:13:53
1364
原创 css流星动效
<view class="page-footer-star"></view>.page-footer-star { width: 140rpx; height: 3rpx; background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%); border-radius: 3rpx; display: flex; flex-direction: column; l.
2021-09-01 16:52:07
185
原创 CSS3左右摇杆动效
小程序摇杆动效 <!-- 摇杆 --> <image class="gan" src="https://img.doutuimao.net/dtmimg/7c59b33d170fb651971dc75900689ba0" mode="widthFix"> </image> <!-- 摇杆座 --> <image class="zuo" src="https://img.doutuimao.net/dtmimg/57c40b...
2021-08-16 14:45:33
491
原创 2021-05-28
修改 vue-admin-template mock数据为请求本地接口找到vue.fonfig.js文件注释掉before mock找到这三个文件夹.env.development 生产环境.env.production 开发环境.env.staging 测试环境配置base api 为自己的链接打开src文件夹下面的api api文件夹下面放的就是我们的接口了修改成自己的接口打开utils文件夹下面的request.js文件根据后端返回的状态修改这里接口调取成功的状态
2021-05-28 17:15:36
65
原创 2021-05-27
swiper 轮播图 走马灯 uni-app 小程序插件使用：<fy-swiper :posterList="posterList" @getItem="getItem"></fy-swiper>import fySwiper from '../../../components/fy-swiper/fy-swiper.vue'components:{ fySwiper},getItem(e){ console.log(e,'eeee')},地址...
2021-05-27 14:52:22
56
原创 2021-05-27
uni-app 小程序 图片拖动 缩放 旋转，并生成canvas海报的插件模仿火花思维小程序制作个性海报模仿火花思维小程序制作个性海报用户上传图片到海报中，可以拖动 缩放 旋转图片在海报中寻找绝佳位置，然后生成海报并分享到朋友圈实现图片：代码：可在uni-app的插件中获得：地址...
2021-05-27 14:49:37
81
原创 vue实现模拟象棋走子
/* eslint-disable indent */<template> <div class="container" <div class="item-rigts"> <div class="canvas-bg" id="bgcanvas"> <canvas id="canvas1" ref="myCanvas">不支持Canvas</canvas> <
2021-03-08 11:00:08
1076
1
原创 使用js写的一个随机分组
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> body{ width: 100%; ..
2021-02-23 17:54:00
1489
2
原创 h5使用canvas模拟制作的中国象棋实现残局走子
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta http-equiv="Access-Control-Allow-Origin" content="*"> <title>中国象棋</title> <style> html,body{ width: 100%; height: 100%; padding: 0;
2021-02-23 17:51:40
1125
1
原创 移动端兼容问题总结（摘抄总和）
从各个地方各个大佬的发现问题的文章总和而来给移动端添加点击事件会有300S的延迟如果用点击事件，需要引一个fastclick.js文件，解决300s的延迟一般在移动端用ontouchstart、ontouchmove、ontouchend移动端点透问题,touchstart 早于 touchend 早于click,click的触发是有延迟的，这个时间大概在300ms左右，也就是说我们tap触...
2020-03-24 11:07:37
229
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人