小太阳!-优快云博客

原创 uniapp小程序底部tabbar图标大小设置

在uniapp中小程序的tabbar没有设置图标大小的属性，导致小程序在不同平台打开时图标大小显示的不一样，特别是在电脑微信打开小程序时，上的效果吧。所以既然代码没法调大小，自定义底部tabbar搞起来又很心累，那我只好从图片剪裁这方面来想办法了。第一张是pc端H5，第二张是微信开发者工具(与手机端效果一样)、第三张电脑微信打开的小程序。图片切图的时候,不要紧贴图像切, 图片四周留出相应比例的空白。代码可以用uniapp的编译器（条件编译）来处理。剪裁后的图片：四周留出空白部分

2022-12-28 14:35:29 12127 2

原创 element树形控件(tree)实现父与子关联，子与父不关联；手动设置半选状态

elemetn树形控件父与子关联，子与父不关联；手动设置半选状态

2022-06-10 18:06:29 4416

原创批量上传视频到阿里云

批量上传视频到阿里云这段时间项目里有一个上传视频到阿里云的功能是我来负责写的，之前一直没有写过这种功能，感觉很难的亚子，但是后来仔细研究了一遍发现也没想象中那么难，最后经过不懈的努力也算是搞出来了哈哈哈，开心坏我了。搞出这个功能真的也是学习到了很多东西，所以就来这里记录一下啦。也有同样需求的兄弟姐妹们希望可以帮到你们一点点嘻嘻，如果有更简单轻便的方法或哪里需要改进的地方也请大家多多指教呦我用的就是 vue+element 写的阿里云给我们提供了客户端上传的SDK使用JavaScript上传SDK

2022-01-14 18:45:22 3773

原创 js获取ISO8601规范时间，使用UTC时间，格式为：YYYY-MM-DDThh:mm:ssZ

js获取ISO8601规范时间，使用UTC时间，格式为：YYYY-MM-DDThh:mm:ssZ

2021-12-23 09:21:34 3777

原创 uniapp中uni.getImageInfo渲染页面不生效的坑

uniapp中uni.getImageInfo在渲染页面不生效的坑问题：写详情页(nvue页面)简介部分的时候发现那个大图片的高度不能自适应，后面的mode各种改变依然达不到想要的效果，又不能设置固定高度，所以只能js部分给它动态设置了解决后来发现文档中有一个获取图片信息的方法：uni.getImageInfo(OBJECT)我想要的正是这个图片的高度 height ，然后就在页面上写了代码：可是把imgheight渲染到页面上时，图片的高度并没有做出任何改变。百度了一下原来u

2020-12-25 11:54:02 10865 3

转载解决uni-app微信小程序底部输入框，键盘弹起时页面整体上移问题

解决uni-app微信小程序底部输入框，键盘弹起时页面整体上移问题转发自https://www.cnblogs.com/XHappyness/p/13528236.html#4703250存在问题做了一个记录页面（类似单方聊天页），输入框在底部；当弹出键盘时，页面整体上移，页面头信息会消失不见需要实现效果：比如一个记录页面，需要在键盘弹出时：底部的输入框跟随键盘上弹页面头固定在顶部不动聊天信息区域（即内容区）调整高度，该区域局部滚动解决方法底部输入框fixed定位在底部，使用输

2020-10-12 17:02:40 9822 2

原创 uniapp中swiper内嵌video组件的坑

uniapp中swiper内嵌video组件的坑功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入是使用uniapp写的项目，需求就是写一个tab切换，tab1里面是一段文本，tab2也是，tab3里面需要使用video组件插入一个

2020-09-29 11:19:12 7769 11

原创 uniapp ios 输入框输入时键盘顶部闪烁

一般是在登录时，输入账号密码，苹果手机键盘顶部会出现闪动现象。解决办法就是在两个input之间放一个隐藏的input就好了。也是借鉴别人的，在这里记录一下。

2024-07-29 20:25:53 449 1

原创 uniapp运行Android App基座安装后无法打开问题处理

uniapp连接手机运行项目到Android设备，发现手机基座已安装成功，但是手机上基座的【打开】按钮却是置灰状态，无法操作。关闭当前安装页面后，手机屏幕上也没有基座图标。这种情况一般是由于基座缓存的问题导致的。1、数据线连接上手机后，找到电脑上HbuilderX安装文件：（根据自己的安装路径来找）2、打开电脑终端 win + r -> cmd ->进入。输入按回车后，一般显示 success 即为删除成功。后面的是包名，只需更给为自己的包名即可。3、进入到上面的adbs的路径，

2024-06-02 12:00:13 1562 1

原创我的创作纪念日

从0到1，一点一点成长起来，通过写博客的方式记录下了自己学习的内容以及项目实践中遇到的难点，回头看，轻舟已过万重山，见证到了自己努力的那一刻，还是蛮有成就感的。

2023-07-25 17:48:43 112

原创动态循环多表单校验获取不到ref

首先说一下我的使用场景（uniapp）：一个页面内五个表单，使用tab来切换展示。这种情况下只能是页面写一个表单，通过循环数据来分别展示的。表单大致填写完成点确定按钮肯定要做正则校验的，通过ref，然后校验那里使用this.$refs.form.validate() 的方式来做校验，但是我后面发现一个问题，只有第一个表单可以获取到ref的内容，后面循环出来的表单都无法获取到，在后面表单上填写信息时，明明已经填写正确格式的内容，但是校验依然会一直提示，好像填写的内容并没有在当前表单生效。

2023-03-06 09:52:36 1116

原创 draggable拖拽列表设置某一条元素禁止被拖拽

使用draggable拖拽列表设置某一条元素不能被拖拽filter=".unmover" :move="onMove"

2022-09-08 17:30:17 2818

原创 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 313

原创 flex实现四个元素分布在盒子的四个角

使用flex布局让四个元素分别分布在盒子的四个角

2022-03-08 11:15:07 3013

原创优快云浏览器助手，我真的爱了

优快云浏览器助手，我真的爱了安装地址：https://plugin.youkuaiyun.com/chrome-index-help（里面有安装步骤，老省心了）安装上打开看了一眼，我天，太漂酿了吧，爱了爱了啥也不说了，先上图看一眼吧！这背景粉粉嫩嫩的可真好看，不止我这样的程序员妹子喜欢，猛男肯定也是抗拒不了的吧哈哈哈哈哈????????????要是喜欢其他类型的也是可以切换的呦看右下角这两个按钮，点第一个可以直接切换，点第二个会打开一个弹框里面可以任意选择你喜欢的壁纸，里面的都满足不了的话也可以自己

2021-06-03 17:07:27 605 7

小羊的博客