![](https://img-blog.csdnimg.cn/310e10ccaf114b6c8d99e5b950d3ebd1.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
uni-app
文章平均质量分 55
uni-app
朝阳39
钟爱编程,偏前端开发,欢迎私信我加入EC尽享编程俱乐部共同学习,交流成长!
展开
-
uniapp+uView 【详解】录音,自制音频播放器
效果预览代码实现<template> <view class="btnListBox"> <view class="audioBox" v-if="audioLength"> <u-row> <u-col span="2"> <u--text align='center' :text="currentTime"></u--text> </u-col> &原创 2024-02-05 15:42:20 · 900 阅读 · 0 评论 -
uniapp【组件封装】时间戳格式化为星期
/</exportdefaultprops'time'mountedethisthisgetWeekNumberthisdatareturnweek''methods// 通过时间戳计算星期,如 getWeek(1706190315813),得到 周三getWeekstrDatetypeletnewDategetDay;letif==='星期'"星期日""星期一""星期二""星期三""星期四""星期五""星期六";else"周天""周一""周二"原创 2024-02-01 14:53:12 · 651 阅读 · 0 评论 -
uniapp 开发微信小程序 --【地图】打开地图选择位置,打开地图显示位置(可开启导航)
地图选址,导航原创 2024-01-22 11:39:40 · 1134 阅读 · 0 评论 -
uniapp 开发规范(兼容性适配)
直接在组件上添加样式,会出现某些端不生效的情况,建议统一用样式穿透 +!important实现。此处 class 不要写在 u–form,单独用 view 包裹 u–form 来添加样式。微信小程序上上传文件,无法获取到文件名,需做 name 兼容处理。原创 2024-01-16 10:23:22 · 819 阅读 · 0 评论 -
uniapp 图片保持宽高比,撑满屏幕宽度
image 标签添加样式。image 标签添加。原创 2024-01-15 15:33:31 · 1377 阅读 · 0 评论 -
uniCloud + uView 上传图片,删除图片(含u-upload 组件的使用)
/原创 2024-01-15 11:59:42 · 800 阅读 · 0 评论 -
uniapp 实战 -- app 的自动升级更新(含生成 app 发布页)
修改 app 项目的代码,增加配置文件里的版本号后再次打包,得到升级后的apk,本范例版本配置为 1.0.2 版。会下载得到一个 index.html 文件,可根据需要修改名称。手机打开任意浏览器,扫描 app发布页的二维码即可下载安装。将项目免费托管到 unicloud 更方便,不托管也行。打开手机上的app,会弹出升级弹窗,按提示下载更新即可。运行 uni-admin 项目并登录。本范例中,版本配置为1.0.1版。(已托管的直接访问线上链接登录)将其托管到unicloud。原创 2024-01-12 16:37:06 · 4176 阅读 · 0 评论 -
uniapp 制作 wgt 包(用于 app 的热更新)
修改 manifest.json 的配置,应用版本名称和应用版本号必须高于上一版的值。原创 2024-01-12 15:09:17 · 2332 阅读 · 1 评论 -
uniapp 打包成 apk(原生APP-云打包)免费
还可一键上传到 unicloud 云存储空间,得到下载链接,手机浏览器访问下载链接直接下载安装。完成排队,进入打包状态后,约需 2-5分钟完成打包。打包成功后,根据目录提示可找到最终的 apk 文件。使用 HBuilder X 进行云打包。点浏览选择png格式的图片后,点击。因云打包人较多,可能需要排队。,即可便捷更换应用图标。原创 2024-01-12 14:28:47 · 1344 阅读 · 0 评论 -
uniapp 实战 -- 创建 uni-admin 项目,部署到 uniCloud 前端网页托管(免费云空间)
可见只能创建一个超级管理员,创建过后,登录页将不再显示注册管理员账号。原创 2024-01-12 11:46:28 · 1819 阅读 · 1 评论 -
Hbuilder X 设置格式化代码时清除空白行
的值改为 false。原创 2024-01-11 11:00:37 · 595 阅读 · 0 评论 -
uniapp 【专题详解 -- 时间】云数据库时间类型设计,时间生成、时间格式化渲染(uni-dateformat 组件的使用)
推荐使用时间戳 timestamp。原创 2024-01-05 11:30:09 · 828 阅读 · 0 评论 -
uniCloud 云函数
相对于云函数,官方更推荐使用。原创 2024-01-04 15:49:52 · 514 阅读 · 0 评论 -
uniCloud 的 schema2code 【实用教程】
以 uniCloud-aliyun/database/todo.schema.json 为例。schema2code 用于通过 schema 文件,自动生成对表进行增删改查的操作页面。范例中的字段类型必须设置(否则 schema2code 无法渲染表单)默认生成的列表只展示_id,此处需自行修改成想要的效果。将文件 pages/todo/list.vue 中的。若提示安装插件 schema2code 则安装。原创 2024-01-03 18:01:52 · 594 阅读 · 0 评论 -
uniCloud 云数据库(新建表、增、删、改、查)
todo 为自定义的表名表结构描述文件的默认后缀为。原创 2024-01-03 16:04:58 · 1450 阅读 · 0 评论 -
uniCloud 云对象
hello 为自定义的云对象名称。原创 2024-01-03 10:43:09 · 417 阅读 · 0 评论 -
uniapp 获取微信的 openid(借助 uniCloud)
AppID 和 AppSecret 从你的微信小程序的后台获取。原创 2023-12-28 21:51:39 · 980 阅读 · 0 评论 -
uniapp 新建组件
文件夹名称必须是 components ,否则组件无法自动导入。原创 2023-12-28 20:01:53 · 679 阅读 · 0 评论 -
uniapp 添加自定义图标
/启动项目,效果如下。原创 2023-12-28 19:38:33 · 1207 阅读 · 0 评论 -
uniapp 底部导航栏 tabBar
在 static 文件夹中新建文件夹 tabBar,放入标签图片。在 pages.json 中添加。原创 2023-12-28 18:59:52 · 1023 阅读 · 0 评论 -
uniapp 新建页面
原创 2023-12-28 17:54:28 · 385 阅读 · 0 评论 -
uniapp 安装插件 uView (多平台快速开发的UI框架)
打开链接导入成功后,可见。原创 2023-12-28 17:41:59 · 1031 阅读 · 0 评论 -
uniCloud 创建项目
若提示需登录,则登录若提示需实名认证,则完成实名认证。原创 2023-12-28 17:20:47 · 376 阅读 · 0 评论 -
vue 项目/备案网页/ip网页打包成 apk 安装到平板/手机(含vue项目跨域代理打包成apk后无法访问接口的解决方案)
则在打包成 apk 后会无法访问接口,因为app无跨域限制,不能使用跨域代理,需使用访问接口的绝对路径,如:原接口 “/myAPI/dmis/login” 需改为 “http://43.140.200.74:8810/dmis/login” 才能使用。若是 vue 项目,则保留新建的 test 项目中的 manifest.json 文件,将其他文件全部删掉,将 vue 项目打包后的文件拷贝到 test 项目中,范例如下图。默认配置了很多模块,如扫码、相机相册等,没涉及时建议取消,可减小apk包的大小。原创 2023-12-25 17:32:08 · 1779 阅读 · 0 评论 -
uniapp实战 -- 个人信息维护(含选择图片 uni.chooseMedia,上传文件 uni.uploadFile,获取和更新表单数据)
效果预览相关代码页面–我的src\pages\my\my.vue <!-- 个人资料 --> <view class="profile" :style="{ paddingTop: safeAreaInsets!.top + 'px' }"> <!-- 情况1:已登录 --> <view class="overview" v-if="memberStore.profile"> <n原创 2023-12-22 18:11:08 · 1020 阅读 · 0 评论 -
uniapp 添加分包页面,配置分包预下载
分包即将小程序代码分成多个部分打包,可以减少小程序的加载时间,提升用户体验。原创 2023-12-22 11:14:50 · 784 阅读 · 0 评论 -
uniapp 登录
仅企业版可获取用户微信绑定的手机号。</原创 2023-12-22 09:18:36 · 383 阅读 · 0 评论 -
uniapp实战 —— 弹出层 uni-popup (含vue3子组件调父组件的方法)
/ 子组件调父组件的方法const'close'void</</</</</</</</</</</</</</</padding;;position;;.title;padding;text-align;font-size;;;color;right;top;.dt;font-size;color;;position;width;原创 2023-12-08 20:57:24 · 2066 阅读 · 0 评论 -
uniapp实战 —— 轮播图【数字下标】(含组件封装,点击图片放大全屏预览)
importfrom'vue'constconfigconstref0constchangee=>// 点击图片时constonTapImageurlstring=>// 大图预览currenturls?position;height;padding;;;color;;rgba;position;bottom;right;.current。原创 2023-12-08 20:32:12 · 438 阅读 · 0 评论 -
uniapp实战 —— 竖排多级分类展示
效果预览完整范例代码页面 src\pages\category\category.vue<script setup lang="ts">import { getCategoryTopAPI } from '@/apis/category'import type { CategoryTopItem } from '@/types/category'import { onLoad } from '@dcloudio/uni-app'import { computed, ref原创 2023-12-08 18:12:27 · 776 阅读 · 0 评论 -
uniapp实战 —— 开发微信小程序的调试技巧
开发版和体验版的小程序,域名没有备案时想调试接口访问效果,可以按下述方式操作:在手机上点右上方三个点,点击“开发调试”,开启调试模式,即可真机访问接口(跳过域名校验)重新进入小程序,看到下图所示的绿色浮标,即进入了调试模式。原创 2023-12-08 16:48:39 · 2027 阅读 · 0 评论 -
uniapp实战 —— 骨架屏
1. 自动生成骨架屏代码在微信开发者工具中,预览界面点击生成骨架屏确定后,会自动打开骨架屏代码文件 pages\index\index.skeleton.wxml2. 将骨架屏代码转换为vue文件在项目中新建文件 src\pages\index\components\skeleton.vue将pages\index\index.skeleton.wxml中的代码复制到 skeleton.vue 中删除所有的注释和无接口访问的部分(如顶部的导航栏),如下图所示,通过 i原创 2023-12-08 11:42:21 · 1532 阅读 · 0 评论 -
uniapp实战 —— 猜你喜欢(含滚动触底分页加载)
效果预览组件封装src\components\SUI_Guess.vue<script setup lang="ts">import { ref, onMounted } from 'vue'import type { GuessItem } from '@/types/index'import { getGuessListAPI } from '@/apis/index'import type { PageParams } from '@/types/global'原创 2023-12-07 17:47:20 · 114 阅读 · 0 评论 -
uniapp实战 —— 可滚动区域 scroll-view (自适配高度,下拉刷新)
如图可见,在页面滚动过程中,顶部导航栏和底栏未动,仅中间的内容区域可滚动。自定义的顶部导航栏,可参考博文。原创 2023-12-07 15:02:33 · 2516 阅读 · 0 评论 -
uniapp实战 —— 自定义顶部导航栏
下图中的红框区域。原创 2023-12-07 12:07:26 · 1611 阅读 · 0 评论 -
uniapp实战 —— 分类导航【详解】
padding;display;flex-wrap;min-height;width;display;;;;box-sizing;.iconwidth;height;color;</原创 2023-12-06 18:33:19 · 512 阅读 · 0 评论 -
uniapp实战 —— 轮播图【自定义指示点】(含组件封装,自动注册全局组件,添加全局组件类型声明)
轮播图原创 2023-11-23 17:28:01 · 686 阅读 · 0 评论 -
uni-app 使用vscode开发uni-app
用于快速创建页面配置插件。原创 2023-11-17 14:39:31 · 1290 阅读 · 0 评论 -
uni-app 搭建开发环境,创建项目,运行项目
可实现一套代码跨端编译到多个平台,通常用于移动端项目的开发,如各平台的小程序、APP、H5页面等。原创 2023-03-31 17:19:05 · 713 阅读 · 0 评论