- 博客(17)
- 问答 (1)
- 收藏
- 关注
RSS订阅
原创 uniapp小程序底部tabbar图标大小设置
在uniapp中小程序的tabbar没有设置图标大小的属性，导致小程序在不同平台打开时图标大小显示的不一样，特别是在电脑微信打开小程序时，上的效果吧。所以既然代码没法调大小，自定义底部tabbar搞起来又很心累，那我只好从图片剪裁这方面来想办法了。第一张是pc端H5，第二张是微信开发者工具(与手机端效果一样)、第三张电脑微信打开的小程序。图片切图的时候,不要紧贴图像切, 图片四周留出相应比例的空白。代码可以用uniapp的编译器（条件编译）来处理。剪裁后的图片：四周留出空白部分
2022-12-28 14:35:29
10854
2
原创 element树形控件(tree)实现父与子关联，子与父不关联；手动设置半选状态
elemetn树形控件父与子关联，子与父不关联；手动设置半选状态
2022-06-10 18:06:29
3866
原创 批量上传视频到阿里云
批量上传视频到阿里云这段时间项目里有一个上传视频到阿里云的功能是我来负责写的，之前一直没有写过这种功能，感觉很难的亚子，但是后来仔细研究了一遍发现也没想象中那么难，最后经过不懈的努力也算是搞出来了哈哈哈，开心坏我了。搞出这个功能真的也是学习到了很多东西，所以就来这里记录一下啦。也有同样需求的兄弟姐妹们希望可以帮到你们一点点嘻嘻，如果有更简单轻便的方法或哪里需要改进的地方也请大家多多指教呦我用的就是 vue+element 写的阿里云给我们提供了客户端上传的SDK使用JavaScript上传SDK
2022-01-14 18:45:22
3665
原创 js获取ISO8601规范时间，使用UTC时间，格式为：YYYY-MM-DDThh:mm:ssZ
js获取ISO8601规范时间，使用UTC时间，格式为：YYYY-MM-DDThh:mm:ssZ
2021-12-23 09:21:34
3539
原创 uniapp中uni.getImageInfo渲染页面不生效的坑
uniapp中uni.getImageInfo在渲染页面不生效的坑问题 ：写详情页(nvue页面)简介部分的时候发现那个大图片的高度不能自适应，后面的mode各种改变依然达不到想要的效果，又不能设置固定高度，所以只能js部分给它动态设置了解决后来发现文档中有一个获取图片信息的方法：uni.getImageInfo(OBJECT)我想要的正是这个图片的高度 height ，然后就在页面上写了代码：可是把imgheight渲染到页面上时，图片的高度并没有做出任何改变。百度了一下原来u
2020-12-25 11:54:02
10436
3
转载 解决uni-app微信小程序底部输入框，键盘弹起时页面整体上移 问题
解决uni-app微信小程序底部输入框，键盘弹起时页面整体上移 问题转发自https://www.cnblogs.com/XHappyness/p/13528236.html#4703250存在问题做了一个记录页面（类似单方聊天页），输入框在底部；当弹出键盘时，页面整体上移，页面头信息会消失不见需要实现效果：比如一个记录页面，需要在键盘弹出时：底部的输入框跟随键盘上弹页面头固定在顶部不动聊天信息区域（即内容区）调整高度，该区域局部滚动解决方法底部输入框fixed定位在底部，使用输
2020-10-12 17:02:40
8589
2
原创 uniapp中swiper内嵌video组件的坑
uniapp中swiper内嵌video组件的坑功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入是使用uniapp写的项目，需求就是写一个tab切换，tab1里面是一段文本，tab2也是，tab3里面需要使用video组件插入一个
2020-09-29 11:19:12
7118
11
原创 uniapp运行Android App基座安装后无法打开问题处理
uniapp连接手机运行项目到Android设备，发现手机基座已安装成功，但是手机上基座的【打开】按钮却是置灰状态，无法操作。关闭当前安装页面后，手机屏幕上也没有基座图标。这种情况一般是由于基座缓存的问题导致的。1、数据线连接上手机后，找到电脑上HbuilderX安装文件：（根据自己的安装路径来找）2、打开电脑终端 win + r -> cmd ->进入。输入按回车后，一般显示 success 即为删除成功。后面的是包名，只需更给为自己的包名即可。3、进入到上面的adbs的路径，
2024-06-02 12:00:13
420
原创 我的创作纪念日
从0到1，一点一点成长起来，通过写博客的方式记录下了自己学习的内容以及项目实践中遇到的难点，回头看，轻舟已过万重山，见证到了自己努力的那一刻，还是蛮有成就感的。
2023-07-25 17:48:43
91
原创 动态循环多表单校验获取不到ref
首先说一下我的使用场景（uniapp）：一个页面内五个表单，使用tab来切换展示。这种情况下只能是页面写一个表单，通过循环数据来分别展示的。表单大致填写完成点确定按钮肯定要做正则校验的，通过ref，然后校验那里使用this.$refs.form.validate() 的方式来做校验，但是我后面发现一个问题， 只有第一个表单可以获取到ref的内容，后面循环出来的表单都无法获取到，在后面表单上填写信息时，明明已经填写正确格式的内容，但是校验依然会一直提示，好像填写的内容并没有在当前表单生效。
2023-03-06 09:52:36
998
原创 draggable拖拽列表设置某一条元素禁止被拖拽
使用draggable拖拽列表设置某一条元素不能被拖拽filter=".unmover" :move="onMove"
2022-09-08 17:30:17
2550
原创 VueCropper + Element上传并剪裁图片
VueCropper + Element 上传并剪裁图片效果图安装插件VueCropper组件代码父组件使用效果图安装插件npm install vue-cropperVueCropper组件代码<template> <div> <el-dialog title="图片剪裁" :visible.sync="cropperShow" append-to-body width="1000px" center> <div class
2022-05-12 16:04:37
280
原创 CSDN浏览器助手，我真的爱了
CSDN浏览器助手，我真的爱了安装地址：https://plugin.csdn.net/chrome-index-help（里面有安装步骤，老省心了）安装上打开看了一眼，我天，太漂酿了吧，爱了爱了啥也不说了，先上图看一眼吧！这背景粉粉嫩嫩的可真好看，不止我这样的程序员妹子喜欢，猛男肯定也是抗拒不了的吧哈哈哈哈哈????????????要是喜欢其他类型的也是可以切换的呦看右下角这两个按钮，点第一个可以直接切换，点第二个会打开一个弹框里面可以任意选择你喜欢的壁纸，里面的都满足不了的话也可以自己
2021-06-03 17:07:27
570
7
原创 element树形控件子节点重复的问题处理
记录一次使用element树形控件踩的坑需求：这次要做的是角色权限配置的需求，需要使用element树形控件来给对应的角色分配对应的导航菜单，像下图这样问题：写的时候主要问题就是只选择一个子组件不选父组件的时候会打印出两条数据，一条完整的父节点包含子节点的数据，一条单纯只有子节点数据。此时需要把勾选的数据信息传给后台data是点击的数据，checked是勾选的数据这样写了以后打印出的数据就会有父组件包含子组件的，也有单个子组件的，总之会很乱就会出现类似这样的bug效果，，还有其他菜单混乱的效
2021-05-17 17:42:42
2095
2
原创 根据屏幕高度判断列表是否滚动
需要实现的效果就是根据屏幕的高度来判断这个列表是否可以滚动这个列表我开始只是用css给他加了一个可以滚动的效果当在全屏时，列表数据有很多已经超出屏幕，这个css添加的滚动效果就出现了，有固定高度的情况下完全可以正常使用但是将整个浏览器高度变小时，再去滚动列表，它已经滚动不了了，所以我们需要把他的高度变成一个动态的值1、在列表上添加一个id2、在data里面定义屏幕高度的变量data() { return { fullHeight: document.documentEl
2021-04-03 11:10:40
287
1
原创 mock入门学习
mockjs入门学习,自动生成数据官网入口：http://mockjs.com/安装：npm i mockjs --save-dev创建mock.js文件mock.js// 引入mockjsimport Mock from 'mockjs'// 图片大小定义let size = [ '300x250', '250x250', '240x400', '336x280', '180x150', '720x300', '468x60', '234x60', '88x31', '
2020-07-25 17:21:24
1063
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人