uniapp
文章平均质量分 68
uniapp相关
奶糖 肥晨
一名热爱技术和写作的00后前端程序媛,研究方向包括但不限于大前端、基础架构与中间件、性能优化等。相信不少朋友在CSDN、掘金、博客园、InfoQ、阿里云、公众号,腾讯云等社区看到过俺的干货文章。欢迎一起讨论学习。
展开
-
uniapp上传功能用uni-file-picker实现
欢迎关注我获取前端学习资源,日常分享技术变革,生存法则;行业内幕,洞察先机。用image覆盖,就能实现完全自定义上传样式的功能(也能用其他的覆盖)原创 2024-07-20 00:00:00 · 194 阅读 · 0 评论 -
uniapp bug解决:uniapp文件查找失败:‘uview-ui‘ at main.js:14
文件中配置 easycom 组件模式,确保 uView 的组件可以在项目中被正确引用。欢迎关注我获取前端学习资源,日常分享技术变革,生存法则;行业内幕,洞察先机。标签中的首行位置引入 uView 的基础样式,确保给。文件中引入 uView 的 SCSS 主题文件。文件中引入并使用 uView 的 JS 库。改成具体文件路径即可。原创 2024-07-19 11:23:25 · 347 阅读 · 1 评论 -
[保姆级教程]uniapp安装使用uViewUI教程
通过以上步骤,你已经成功地将 uView UI 集成到了你的 UniApp 项目中,并可以开始使用其提供的丰富组件和样式来构建界面。点击下载地址:uView UI下载:https://ext.dcloud.net.cn/plugin?下载地址:uView UI下载:https://ext.dcloud.net.cn/plugin?安装和使用 uView UI 在 UniApp 中是相对简单的过程,下面我来为你提供一个基本的教程。接下来,我们需要在 UniApp 项目中安装 uView UI。原创 2024-07-19 11:16:32 · 836 阅读 · 1 评论 -
uniapp判断h5/微信小程序/app端+实战展示
当你在开发Uni-app时,需要根据不同的平台(比如App端、H5端、微信小程序等)来执行不同的代码逻辑,可以使用条件编译来实现这一点。:针对不同平台可能需要不同的性能优化策略,例如在App端可能更注重内存和CPU的优化,而在H5端可能更注重网络和DOM的优化。通过合理利用条件编译,可以有效地管理不同平台下的代码逻辑,提高代码的复用性和平台适配性,从而更好地满足用户和开发者的需求。:在App端和H5端可能需要不同的样式表达方式,可以通过条件编译来引入不同的CSS文件或样式代码。如果未定义,则会被忽略。原创 2024-07-17 18:00:00 · 1112 阅读 · 1 评论 -
uniapp小程序有文件却报错没文件是怎么回事?Module build failed (from ./node_modules/@dcloudio/vue-cli
有的还有可能是冒号大小,语法错误,多了一个冒号啥的都会报错。直接点击报错页面,逐个修改就好了。欢迎关注我获取前端学习资源,日常分享技术变革,生存法则;行业内幕,洞察先机。删除了下面多余的空格,就正常了。最后打开了有问题的这个文件。原创 2024-07-17 13:46:38 · 170 阅读 · 0 评论 -
uniapp微信小程序分享教程
并自定义转发内容(在methods中有onShareAppMessage函数就行)欢迎关注我获取前端学习资源,日常分享技术变革,生存法则;行业内幕,洞察先机。没有开分享的时候,默认状态下是显示:当前页面未设置分享。uniapp 微信小程序 当前页面未设置分享?uniapp 微信小程序分享到好友怎么写?分享转发文件到聊天(转发至好友、群聊等)uniapp微信小程序分享怎么写?文件,在“App模块配置”项的“监听用户点击页面内转发按钮(是转发给朋友或者转发给群。点击按钮转发怎么写?原创 2024-07-10 10:19:50 · 1358 阅读 · 1 评论 -
uniapp内置组件uni.navigateTo跳转后页面空白问题解决
欢迎关注我获取前端学习资源,日常分享技术变革,生存法则;行业内幕,洞察先机。可能是没有注册的问题,把没注册的页面 注册一下。在h5上跳转正常 但是在小程序里面跳转有问题。页面跳转地址显示正确,但页面内容为空。如果还有其他的解决方法,欢迎补充!方法二:修改路由名称就好。原创 2024-07-08 15:44:18 · 469 阅读 · 0 评论 -
uniapp父页面调用子页面 组件方法记录
主要是要有要被触发的函数,或者数值。主要是要有要被触发的函数,或者数值。如何点击父页面,触发子页面函数?如何点击父页面,修改子页面的值?要先把组件引入,给子元素添加。要先把组件引入,给子元素添加。原创 2024-07-08 14:21:34 · 481 阅读 · 0 评论 -
uniapp 去掉小数末尾多余的0
这个方法中,replace(/0+$/, “”)用于匹配并替换字符串末尾的一个或多个0。欢迎关注我获取前端学习资源,日常分享技术变革,生存法则;行业内幕,洞察先机。以上方法都可以有效去除小数末尾不必要的0,根据具体需求选择适合的方法即可。原创 2024-07-06 13:13:33 · 490 阅读 · 3 评论 -
uniapp 数据父传子
如果父组件的数据依赖于异步操作(如网络请求),则可能在子组件生命周期函数执行时数据还未准备好。定义Props: 在子组件中,你需要先定义将要接收的属性(即来自父组件的数据)。这通常在组件的props选项中完成。通过这样的方式,父组件的数据就被成功传递给了子组件,并且子组件可以根据接收到的数据进行显示或进一步处理。使用传递的数据: 然后在子组件的模板或逻辑中,就可以直接使用这个childMessage属性了。模板中使用子组件: 在父组件的模板中引入子组件,并通过props将数据绑定到子组件的属性上。原创 2024-07-05 16:39:48 · 416 阅读 · 2 评论 -
uni-app组件 子组件onLoad、onReady事件无效
最终将onLoad,onReady换成mounted/created 替代解决了问题。欢迎关注我获取前端学习资源,日常分享技术变革,生存法则;行业内幕,洞察先机。在uni-app的组件中可以直接使用Vue的生命周期函数对逻辑进行处理。突然发现在项目中,组件 子组件的onLoad、onReady事件无效。打印也出不来值 怎么处理呢?原创 2024-07-05 16:31:30 · 509 阅读 · 0 评论 -
uniapp切换分支的时候 git报错:fatal: Unable to create ‘C:/Users/Administrator/Desktop/uniapp-food/.git/index.l
(2)在 .git 同级目录执行 rm -f .git/index.lock 将文件删除就可以了。欢迎关注我获取前端学习资源,日常分享技术变革,生存法则;行业内幕,洞察先机。(1)在 .git 同级目录中找到 index.lock ,删除就可以了。会遇到项目git文件隐藏,或者公司屏蔽rm -f等方法。点击这里的路径就能找到文件直接删除就行。uniapp切换分支的时候 git报错。可以使用查找git上传记录。原创 2024-07-03 14:36:26 · 490 阅读 · 1 评论 -
uni-app系列:uni.navigateTo传值跳转
不会替换当前页面,而是将当前页面入栈,并跳转到应用内的某个页面。这意味着可以通过页面栈返回之前的页面。方法跳转到另一个页面并传递参数,可以使用页面路由的URL参数或者页面栈的方式来传递。欢迎关注我获取前端学习资源,日常分享技术变革,生存法则;行业内幕,洞察先机。可以将要传递的参数附加到目标页面的URL上。然后在目标页面中通过。本身并不直接支持通过页面栈传递数据,但可以使用。将数据存储到本地缓存中,然后在目标页面中通过。在uni-app中,如果想要通过。原创 2024-06-24 14:29:34 · 2136 阅读 · 0 评论 -
uniapp字体ttf在小程序报错,解决方法
在你的代码中,你已经尝试使用wx.loadFontFace来加载一个名为BoldFont的字体,字体文件位于https://www.zitixiazai.cn/static/upload/other/20220914/1663119174123134.ttf。这样做的好处是字体文件被嵌入到 CSS 文件中,减少了 HTTP 请求的数量,但缺点是 CSS 文件可能会变得非常大。通过此API,可以指定字体名称、字体文件路径,并在加载成功后应用该字体。)的 base64 编码版本时,可以在 CSS 的。原创 2024-06-24 14:09:43 · 1901 阅读 · 0 评论 -
[保姆级教程]uniapp自定义标签页切换组件
,直接修改组件比手写一个还麻烦,下面手写一个。在data中定义列表,和当前展示的页面值。然后实现默认样式,和标签页点击样式。使用index索引值,判断滑动位置。做一个滑动,不然多的话滑动不了。先创建好组件,一般放在。在父页面中引入组件,在。原创 2024-06-22 14:50:08 · 1292 阅读 · 0 评论 -
uniapp小程序button按钮去掉黑色线条
欢迎关注我获取前端学习资源,日常分享技术变革,生存法则;行业内幕,洞察先机。该问题并不是所有的手机机型都有,最好添加一下,以防用户手机端样式有问题。在uniapp的button按钮中有一个莫名其妙的黑色线条。原创 2024-06-21 14:07:59 · 1045 阅读 · 0 评论 -
[保姆级教程]在uniapp中使用vant框架
和Vue.js的版本都在不断更新,因此上述步骤可能会随着版本的更新而有所变化。但是,如果你想要全局引入某个组件(这通常不推荐,因为它会增加你的包大小),你可以在。可能已经内置了类似的工具,或者你可能需要根据你的构建工具进行特定的配置。来按需加载组件,那么你可以不用全局引入样式,而是在每个组件中单独引入。然后,在你的模板部分,你可以像使用普通的Vue组件一样使用。的组件时,Babel会自动为你处理样式和组件的按需引入。根据参考文章和Vant的官方文档,在你的Vue 2.x项目的根目录下,使用npm来安装。原创 2024-06-21 12:11:27 · 2030 阅读 · 0 评论 -
[保姆级教程]uniapp设置字体引入字体格式
在 UniApp 中设置和引入自定义字体(如 .ttf、.woff、.woff2 等格式)通常涉及几个步骤。但在 UniApp 中,可能需要直接使用相对路径或绝对路径。确保路径指向字体文件。文件夹下的文件不会被 Webpack 处理,而是直接复制到最终的打包目录中。行业内幕,洞察先机。确保有权使用这些字体,并遵守任何相关的许可协议。是 Vue CLI 项目中常用的别名,它指向。将字体文件放入你的 UniApp 项目的。首先,你需要有字体文件。部分或单独的 CSS 文件),使用。规则来定义你的字体。原创 2024-06-21 09:00:00 · 944 阅读 · 0 评论 -
[保姆级教程]uniapp小程序获取右上角胶囊位置信息
欢迎关注我获取前端学习资源,日常分享技术变革,生存法则;行业内幕,洞察先机。uniapp小程序获取右上角胶囊位置信息。配置中,为相应的页面设置。,这将隐藏默认的导航栏。原创 2024-06-20 14:48:20 · 728 阅读 · 0 评论 -
[保姆级教程]uniapp自定义导航栏
在你的页面.vue文件中,使用或标签在页面顶部添加自定义的导航栏视图。这可以包括标题文本、返回按钮、搜索框等。原创 2024-06-20 13:41:59 · 1249 阅读 · 0 评论 -
uniapp的bug解决:11:34:15.673 at Module._resolveFilename (node:internal/modules/cjs/loader:1140:15)
11:34:15.674 at Object.loader (D:\公司项目文件\uniApp-food\node_modules@dcloudio\vue-cli-plugin-uni\packages\sass-loader\dist\index.js:42:61)具体来说,sass-loader 在尝试获取默认的 Sass 实现时遇到了问题,并且这个过程中涉及到了 module-alias 这个模块,它可能用于在 Node.js 项目中设置模块别名。特有的功能或配置,那么您可能需要查阅。原创 2024-06-19 11:49:19 · 704 阅读 · 0 评论 -
[保姆级教程]uniapp实现接口请求和请求方法二次封装
欢迎关注我获取前端学习资源,日常分享技术变革,生存法则;行业内幕,洞察先机。新建index.js和request.js文件。request.js中输入以下内容。现在src中新建一个api目录。index.js配置接口。原创 2024-06-19 10:45:00 · 356 阅读 · 0 评论 -
[保姆级教程]uniapp配置vueX
在 uni-app 项目根目录下,新建 store 目录,在此目录下新建 index.js 文件。在 index.js 文件配置如下。欢迎关注我获取前端学习资源,日常分享技术变革,生存法则;行业内幕,洞察先机。在store中新建一个js文件,修改js文件名称和选择模板为default。在组件中使用,通过 this.$store 访问到 state 里的数据。在src文件中,新建一个store(如果有的话跳过)通过属性访问,需要在根节点注入 store。在 main.js 中导入文件。原创 2024-06-19 10:00:00 · 533 阅读 · 0 评论 -
[保姆级教程]uniapp实现页面路由配置
欢迎关注我获取前端学习资源,日常分享技术变革,生存法则;行业内幕,洞察先机。弹出弹框,输入页面名称,点击创建。并以此类推完成所有新建页面。在package.json中的pages配置,继续添加即可。输入名称,并以此类推完成所有新建目录。把iconPath改成对应地址就好。右击目录,点击新建–》vue文件。先点击src–》新建–》目录。原创 2024-06-18 18:51:11 · 1208 阅读 · 0 评论 -
[保姆级教程]uniapp实现底部导航栏
欢迎关注我获取前端学习资源,日常分享技术变革,生存法则;行业内幕,洞察先机。在package.json里面配置,点击package.json文件。注意:地址需要有页面才行,不然不会显示底部导航栏。在内容中添加底部菜单代码配置。原创 2024-06-18 16:17:41 · 1227 阅读 · 0 评论 -
[巨详细]使用HBuilder-X启动uniapp项目教程
欢迎关注我获取前端学习资源,日常分享技术变革,生存法则;行业内幕,洞察先机。点击运行–》运行到浏览器–》任意选择浏览器。其他的情况下可以选择合适的命令行。原创 2024-06-18 13:52:23 · 801 阅读 · 0 评论 -
[巨详细]使用HBuilder-X新建uniapp项目教程
欢迎关注我获取前端学习资源,日常分享技术变革,生存法则;行业内幕,洞察先机。选择已经安装到本地的uniapp项目,并输入项目名称。选择uniapp侧边栏,mian中的点击浏览。先打开HBuilder-X。点击创建 即可创建成功。原创 2024-06-18 12:05:42 · 490 阅读 · 0 评论 -
[巨详细]安装HBuilder-X教程
欢迎关注我获取前端学习资源,日常分享技术变革,生存法则;行业内幕,洞察先机。官方网址:https://www.dcloud.io/原创 2024-06-18 11:39:44 · 420 阅读 · 0 评论