- 博客(11)
- 收藏
- 关注
原创 uniapp 基于uni-file-picke实现上传
之前有个实名认证的界面,需要上传身份认证的消息,手动上传,点击提交按钮的时候,先上传图片,等所有图片上传成功后在调用提交的api 进行确认,
2025-02-18 14:06:06
196
原创 若依后台管理系统打包成桌面端electron
如果安装一直卡住不动 可以设置淘宝镜像npm config set electron_mirror=“https://npmmirror.com/mirrors/electron/”3.1. 如果需要本地预览可以在dist_electron下面win-unpacked文件中找到exe文件直接打开。2.1下载成功后会在src多一个background.js (需要修改桌面的配置项都在里面)1.下载electron: npm install electron --save-dev。3.退出登录页面白屏问题。
2024-10-23 13:41:11
276
原创 uniapp静态资源图片预加载
引言:若一个页面的静态图片很多,当该页面渲染后,图片(背景图)才缓慢加载,给用户的体验很差。使用预加载后,图片加载成功后,相同的图片就不会再去加载,而是从缓存中取。02.在data中定义一个percent变量用与监控当前预加载的进度(可作为加载条)1.在utils下新建一个imgurl.js的文件,把需要预加载的图片地址都放在里面。推荐:1.图片尽量使用jpg,或者小图用base64,尽可能减少图片的尺寸。2.在加载首页的时候就准备预加载图片(根据个人需求来定)03. 编写预加载的函数。
2024-10-23 10:58:32
1027
1
原创 uniapp,video标签在app端使用
原因:video是原生标签,在app使用,会造成层级过高的原因,导致页面布局错乱。在h5端可以正常显示。解决:第三方插件ls-dom-video(在插件市场)
2024-06-28 13:43:39
2611
4
原创 uniapp 对接腾讯IM来聊天
1.需要下载一个插件 cnpm i @tencentcloud/tui-customer-service-plugin,启动不了。1.最近项目中用到腾讯IM,我也去粗略的学习了一下,根据官网的安装指南,使用会报一点小错。
2024-05-30 01:28:26
401
原创 自适应布局
let width = Matn.min(document.body.clientWidth,750) //获取当前的设备宽度(限制最大宽 度750px)let fontsize = (width/750)*100 //项目中的尺寸需要计算 比如:宽度100px == 100/100 = 1rem。exclude: /node_modules/i //排除下的文件夹。rootValue: 100, //UI设计图的宽度/10。//scss全局变量的配置。
2024-05-02 13:27:56
55
1
原创 vue3中封装svg组件,并且全局注册
iconDirs: [path.resolve(process.cwd(), 'src/assets/icons')], //取svg的文件路径。//引入svg此插件 cnpm i vite-plugin-svg-icons -D。//我这里使用的ui 框架时arco-vue //根据实际取使用。// //接收父组件传递的名字。//接收父组件传递的图标的宽度。//接收父组件传递的图标的高度。//name 是你svg的名称。//接收父组件传递过来的参数。//接收父组件传递的颜色。//引入自定义全局组件。
2024-01-17 15:11:20
921
1
原创 react项目创建
一、react项目创建npx create-react-app my-app二、下载antdnpm install antd --save三、按需加载antd1..安装(react-app-rewired customize-cra) yarn add react-app-rewired customize-cra2.修改package.jsonz中react-scripts 需改为react-app-rewired "scripts": { "start"
2022-05-31 16:34:54
284
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人