【uni-app】第40页

黑马小兔鲜儿 uniapp 小程序开发- 商品详情(登录前)- day05

本课程是全网首套用vue3加TS写的uniapp项目，里面大量封装自己的组件库，课程从uni-app基础入手，按照9大电商业务模块逐步实现完整的电商购物流程业务；涵盖了猜你喜欢、热门推荐、商品分类、商品详情

软工菜鸡·2023-09-13 17:07

黑马小兔鲜儿 uniapp 小程序开发- 推荐模块- day03

黑马小兔鲜儿uniapp小程序开发-02首页模块_软工菜鸡的博客-CSDN博客本课程是全网首套用vue3加TS写的uniapp项目，里面大量封装自己的组件库，课程从uni-app基础入手，按照9大电商业务模块逐步实现完整的电商购物流程业务

软工菜鸡·2023-09-13 17:37

黑马小兔鲜儿 uniapp 小程序开发- 分类模块- day04

软工菜鸡·2023-09-13 17:36

uni-app:通过循环处理数据，通过filter方法查询满足条件的项，通过map方法查询每条数据的具体一项

exportdefault{data(){return{warseinfo:[{name:'A',checked:true,loccode:'001'},{name:'B',checked:false,loccode:'002'},{name:'C',checked:true,loccode:'003'},{name:'D',checked:false,loccode:'004'}]}},meth

雯0609~·2023-09-13 15:46

uni-app:自带的消息提示被遮挡的解决办法（自定义消息提示框）

效果：代码：1、在最外层或者根组件的模板中添加一个容器元素，用于显示提示消息。例如：{{toastMessage}}2、在对应的样式文件中设置容器的样式，使其覆盖在页面的最上方。例如：.toast-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;/*设置一个较高的层级，确保在最上方*/pointer

雯0609~·2023-09-13 15:46

uni-app:通过ECharts实现数据可视化-如何引入项目

效果引入文件位置代码importechartsfrom'@/static/js/echarts.js'//引入文件exportdefault{mounted(){//初始化EChartsconstmyChart=echarts.init(document.getElementById('myChart'))//进行图表的配置和数据处理myChart.setOption({title:{text:'

雯0609~·2023-09-13 15:44

微信小程序设置单页面背景颜色无效的解决方案（uni-app）

问题描述：微信小程序如何设置单页面的背景颜色？错误操作：（1）在page.json的globalStyle里设置backgroundColor属性。（原因：该属性是设置全局窗口的背景色，并不是页面的背景色）（2）在page.json的某一个页面的style设置backgroundColor属性。（原因：该属性设置的当前窗口的背景色，并不是当前页面的背景色）解决方案：在当前页面编写样式，且不能有sc

程序员Grand.·2023-09-13 15:24

在 uni-app 中使用 Cesium.js

#1）背景最近在做结合uni-app和Cesium.js的webgis开发项目，希望达到写一套前端代码应用（适配）到不同端（web，android，ios，小程序等）的项目。

1H1R1M·2023-09-13 14:31

taro笔记

看了下，使用上和uni-app差不多，有自己的组件库，做了多端兼容也是通过配置文件设置页面路由表面上大体上差不多，底层没看掘金小册有他们的电子书

许珊珊·2023-09-13 11:59

uni-app小程序与app端的兼容问题

整理在uni-app一套代码适配app&小程序遇到的兼容问题。

zaqenenen·2023-09-13 11:11

css溢出隐藏省略号不生效如何解决？

在uni-app中，文本溢出省略不生效的问题通常是由于样式设置不正确导致的。以下是一些可能的解决方案：确保文本容器具有固定的宽度。

晓同哇哇~·2023-09-13 10:41

vite + react + typescript + uni-app + node 开发一个生态系统

简介使用vite+react+typescript+uni-app+node来开发一个简易的生态系统案例，包含APP，H5，微信小程序，控制台，服务端开发admin技术栈：vite+react+typescript初始化控制台项目选择自定义预设，例如:react+npmnpmcreateminemobile技术栈：vite+uni-app+vue3.x+typescript初始化移动端项目包含AP

biaov·2023-09-13 09:35

uni-app结合vant开发实现文件上传，图片上传

图片上传有van-uploader组件可以用，将获取到的url通过上传接口(比如minio)文件上传使用插件可实现在app打开文件选择框的功能在原有的基础上添加删除功能，非常好用查看效果

每天吃饭的羊·2023-09-13 07:22

uniapp 选择地址

uni.getLocation(OBJECT)|uni-app官网wx.getSetting({success:(res)=>{if(!

沿着路走到底·2023-09-13 06:29

使用微信小程序开发工具运行uni-app项目报错 Uncaught (in promise) undefined

HBuilderX3.6.4版本创建uni-app项目后，使用微信开发者工具stable1.06.2209190版本运行后，控制台会报错Uncaught(inpromise)undefined，如图截屏

georgegrape·2023-09-13 05:31

uni-app项目中如何改变内部组件的显示语言（国际化）

下面以uni-app内置组件picker来举例说明1.uni-appd的picker组件网址：https://uniapp.dcloud.net.cn/component/picker.html#%E6%

VinSmokeW·2023-09-13 04:16

uni-app安卓端离线图片识别

uni-app安卓端离线图片识别技术选择干货内容技术选择前端框架：当然是uni-app了uni-app官网图片识别：tesseract.js介绍一下：PureJavascriptOCRformorethan100Languages

goobad小黑·2023-09-13 01:06

SpringBoot微信小程序授权登录

在开发者管理中即可看到2.2、自己是开发者：让管理员将自己加入到小程序开发者管理中，用管理者提供的appId和secret，否则没有开发权限二、小程序登录页面2.1、打开HBuilderX开发工具，新建一个uni-app

bug0到1·2023-09-12 22:33

uni-app 之下拉刷新，上拉加载，获取网络列表数据

uni-app之下拉刷新，上拉加载，获取网络列表数据image.png---uni.request网络请求API接口---{{item.title}}{{item.posttime}}{{item.hits

jun_tong·2023-09-12 17:38

40个前端练手项目合集百看不如一练

1、【网易云音乐首页制作】2、【实战项目之今日头条】3、【实战项目之拉勾网】4、【ReactNative项目之美食APP】5、【uni-APP项目实战教程】6、【React

编程帆帆·2023-09-12 15:27

[uni-app] iOS/Android端禁止单个页面侧滑返回的处理记录

需要禁止部分页面侧滑返回iOS端popGesture但是实测后,其实设置popGesture:'none'是无效的真正可以用的是这个disableSwipeBackandroid端别的方案没有逐一尝试,这边可以在需要禁止的页面的onBackPressonBackPress(){//禁止侧滑(但注意也会禁止导航返回,导航返回是需要解封)returntrue},但是注意,这个不能写死,不然回导致按照端

iOSTianNan·2023-09-12 14:02

[uni-app] 海报图片分享方案 -canvas绘制

使用记录先看下实际效果图绘制流程及思路1.绘制头像,通过`drawImage`来绘制2.绘制文字部分具体代码分享海报图片的方式,以前再RN端采用的是截图方案,我记得组件好像是react-native-view-shot现在要处理uni-app

iOSTianNan·2023-09-12 14:31

uni-app(微信小程序)图片旋转放缩，文字绘制、海报绘制

总结一下：要进行海报绘制离不开canvas，我们是先进行图片，文字的拖拽、旋转等操作最后再对canvas进行绘制，完成海报绘制。背景区域设置为position:relative，方便图片在当前区域中拖动等处理。添加图片，监听图片在背景区域下的touchstarttouchmovetouchend事件拖动图片，在touchmove中，对图片进行位置（后续坐标-初始坐标）、角度（勾股定理计算点到圆心距

Li_Ning21·2023-09-12 07:49

使用webpack-bundle-analyzer分析uni-app 的微信小程序包大小（HbuilderX运行）

1、找到vue.config.js文件。如果找不到，则在项目根目录下（跟pages.json同一个目录下）创建一个JS文件，命名为vue.config.js2、安装webpack-bundle-analyzer，官方网站：https://github.com/webpack-contrib/webpack-bundle-analyzer。（1）cd到项目根目录，运行命令行npminstall--s

不安分的羽毛·2023-09-12 06:44

【前端】uni-app隐藏H5的头部导航栏page-head

【前端】uni-app隐藏H5的头部导航栏page-headuni-app默认带一个导航栏1.如果所有页面都不需要这个导航栏了，可以在App.vue的公共样式代码中添加/*#ifdefH5*/uni-page-head

我是Superman丶·2023-09-12 02:39

uni-app之页面跳转navigator

页面跳转该组件类似HTML中的组件，但只能跳转本地页面。目标页面必须在pages.json中注册举个例子：跳转到新页面open-type:navigate(默认值，对应uni.navigateTo的功能)redirect(对应uni.redirectTo的功能)switchTab(对应uni.switchTab的功能)reLaunch(对应uni.reLaunch的功能)navigateBack(

浅睡的入梦·2023-09-12 00:37

uniapp之uni-forms表单组件封装的双向数据绑定

不允许改变子组件的props属性,所以记录下uniapp下的form表单的组件是如何封装的,双向数据是如何绑定的.版本:"@dcloudio/uni-ui":"^1.4.27","vue":">=2.6.14//uni-app

喜樂的CC·2023-09-11 18:28

在uni-app中，input组件的auto-focus和focus属性用于控制输入框的自动聚焦行为，它们之间的区别

auto-focus属性：作用：指定输入框是否默认自动获得焦点。值：布尔值，true表示自动聚焦，false表示不自动聚焦。使用方法：直接将auto-focus属性赋值给input组件即可。示例：htmlCopyCodefocus属性：作用：通过绑定一个变量，控制输入框的聚焦状态。值：任意类型，一般将它绑定到一个布尔型的data变量上，在变量值为true时聚焦输入框，为false时失去焦点。使用方

00后整顿职场·2023-09-11 15:12

uni-app 项目笔记（一）

一直想用uni来做个项目，这次公司有新项目，我决定用uni来写，虽然自己学的还不是很熟。感觉只有在项目中才能更好的学习，所以记下在项目中遇到的一些要点。第一步：新建项目我就不写了，当项目建好后会生成很多文件，我就拿几个常用的来说下，先看下图片：imageimage.gifcomponents文件是存放组件的地方，组件都是根据项目需求自己对代码进行抽离。icon文件不是项目自动生成的，是自己建立的，

爱生活的小青年·2023-09-11 12:10

web前端相关官网大全【持续更新中. . .】

VueUse中文文档VueRouter介绍VuePress中文文档Nuxt.js-Vue.js通用应用框架|Nuxt.js中文网Next.js-React应用开发框架|Next.js中文网HBuilderX文档uni-app

AFeiNice·2023-09-11 08:36

芋道 ruoyi-vue-pro v1.8.0 发布：重构支付中心，提供支付接入实战

管理后台的Vue3版本采用gnss导航，Vue2版本采用GNSS系统管理后台的移动端采用uni-app方案，一份代码多终端适配，同时支持APP、小程序、H5！后端采用SpringBoot、My

深圳市晶立弘泰电子·2023-09-11 08:03

【RuoYi移动端】uni-app中实现生成二维码功能（代码示例）

完整示例：执法检查“通行码”信息importUQrcodefrom'@/pages/common/uqrcode.js'exportdefault{onLoad(){this.QRurl='https://mp.csdn.net'this.qrFun(this.QRurl)},data(){return{qrcodeData:'',//存储二维码图片的Base64编码QRurl:'',qrWidt

敦厚的曹操·2023-09-11 08:02

小程序的网络请求

因此，建议在uni-app项目中使用@escook/request-miniprogram第三方包发起网络数据请求官方文档：https://www.npmjs.com/package/@escook/request-miniprogram

梦想家加一·2023-09-11 07:29

UNI-APP从入门到实战学习资料

猪猪侠要增肥·2023-09-11 05:24

uni-app--》基于小程序开发的电商平台项目实战（一）

️作者简介：大家好，我是亦世凡华、渴望知识储备自己的一名在校大学生个人主页：亦世凡华、系列专栏：uni-app座右铭：人生亦可燃烧，亦可腐败，我愿燃烧，耗尽所有光芒。

亦世凡华、·2023-09-11 05:22

uni-app直播从0到1实战

1.安装开发工具2.创建项目参考：uniapp从零到一的学习商城实战_云澜哥哥的博客-CSDN博客3.编写公共样式：common.css&free.cssApp.vue引入公共文件：图标库：iconfont-阿里巴巴矢量图标库

云澜哥哥·2023-09-10 23:07

uni-app编译H5，复制功能，兼容安卓和ios

在用uni-app写项目的时候，编译H5,复制功能没法使用uni-app自己封装的方法，特此记录！！！copyText(node){if(!

前端喜欢研究技术·2023-09-10 09:28

将uni-app项目编译为H5网站

uni-app是一个多端适配框架，其代码可以被编译为标准的H5网站、打包为App安装到手机、或者编译为各类小程序应用。

代码演奏者·2023-09-10 09:25

uni-app 的条件编译（APP-PLUS 、H5、MP-WEIXIN ）

条件编译是用特殊的注释作为标记，在编译时根据这些特殊的注释，将注释里面的代码编译到不同平台。写法：以#ifdef或#ifndef加%PLATFORM%开头，以#endif结尾。1#ifdef：ifdefined仅在某平台存在2#ifndef：ifnotdefined除了某平台均存在3%PLATFORM%：平台名称条件编译写法说明#ifdefAPP-PLUS需条件编译的代码仅出现在App平台下的代码

转角羊儿·2023-09-10 09:24

uni-app 前面项目（vue）部署到本地win系统Nginx上

若依移动端的项目：整合了uview开源ui框架，配置后端请求接口基本路径地址：打包复现到nginx下：安装个稳定版本的：nginx-1.24.0部署配置：增加了网站：8083端口的，网站目录在nginx/html下的子目录：newxss配置跨域转发/apixss，多个后台服务器的话，增加跨域配置如/secondapi,把它们写在8083端口的server{}对象里。location/seconda

Lan.W·2023-09-10 08:10

uni-app运行到微信开发者工具-没有打印的情况

组件库更新之后最近在更新微信开发者工具之后发现所有打印都不显示了，虽然是小问题-但对于强迫症很烦以为是代码配置问题-结果是更新之后打印开关开启不打印查看地方-来到微信开发者工具控制台总结：经过这一趟流程下来相信你也对uni-app

-風过无痕·2023-09-10 06:33

【uni-app】—1.介绍

一、uni-app是什么一个使用Vue.js开发前端应用的框架二、技术栈Vue语法+小程序的标签+API三、主要功能跨平台的框架，支持的平台有iOS、Android、Web（响应式）、以及各种小程序、快应用四

帝博格T－bag·2023-09-10 05:20

【uni-app】—2.必备软件安装

一、Node.js安装流程二、微信开发者工具1.选择自己系统对应安装包下载2.安装设置安装路径三、HBuilderx1.根据系统下载安装包2.解压安装包（自定义解压路径）3.运行四、安卓模拟器（夜神）1.下载安装包2.安装模拟器(自定义路径即可)3.旋转模拟器，竖屏显示

帝博格T－bag·2023-09-10 05:20

【uni-app】—3.新建一个uni-app项目

一、新建uni-app项目1.打开HBuilderX2.新建项目3.配置项目信息4.安装Sass插件（因为项目需要）这里需要登录，自行用邮箱注册登录，再下载安装插件，安装完成如下二、项目目录扩展1.初始化项目目录

帝博格T－bag·2023-09-10 05:19

uni-app 之表格设置

uni-app之表格设置image.png内阻评分4.6233321table表格设置style="border-collapse:collapse;合并单元格中间的缝隙border:1pxsolid;

jun_tong·2023-09-10 05:49

【RuoYi移动端】uni-app中通过vuex的store来实现全局变量的修改和读取

一、在store文件中新建csjVar.js文件constcsjVar={csjMess:[{aaa:"ok"},{bbb:"no"}]}exportdefaultcsjVar二、修改store文件中新建index.js文件importVuefrom'vue'importVuexfrom'vuex'importuserfrom'@/store/modules/user'importgettersf

敦厚的曹操·2023-09-09 22:05

【uniapp】将微信小程序代码转换为 uniapp 小程序

有时候uni-app没有，而微信小程序有。因此，需要将微信小程序的代码转换为uni-app的代码方法创建一个新的uni-app项目，并在页面中创建一个与微信小程序页面同名的vue文件。

wenxueliu@HW·2023-09-09 20:12

前端开发之uni-app官方插件使用

uni-app是一个使用Vue.js开发跨平台应用的前端框架，开发者编写一套代码，可编译到iOS、Android、H5、小程序等多个平台。

长生藤·2023-09-09 19:05

学会用命令行创建uni-app项目并用vscode开放项目

(创作不易，感谢有你，你的支持，就是我前行的最大动力，如果看完对你有帮助，请留下您的足迹）目录创建uni-app项目命令行创建uni-app项目编译和运行uni-app项目：用VSCode开发uni-app

小周不摆烂·2023-09-09 18:20

Error: Cannot find module ‘webpack/lib/RuleSet‘的问题解决方法

芳草斜阳_晨光·2023-09-09 16:24

推荐频道

【uni-app】

黑马 小兔鲜儿 uniapp 小程序开发- 商品详情(登录前)- day05

黑马 小兔鲜儿 uniapp 小程序开发- 推荐模块- day03

黑马 小兔鲜儿 uniapp 小程序开发- 分类模块- day04