【uni-app】

uni-app给视频网站套壳并打包apk

昨天想弄个东西比如一个视频网址不想每次都输网址我想直接套个壳直接弄成apk多简单说干就干就用这个uni-app完美实现官网地址https://uniapp.dcloud.io/教程也可简单下载HBuilderX
隔壁老王会翻墙·2023-09-06 02:15

uni-app vue 在手机APP中将页面转为图片、保存为PDF文件、打开文件

一、安装插件npmihtml2canvasnpmijspdf二、将第一个script节点的lang为renderjs三、引入插件importhtml2canvasfrom'html2canvas'import{jsPDF}from'jspdf';四、HTML内容样品名称456日期2023-04-24单位单位五、生成图片并获取base64格式文件constdetail=document.getEle
晓_枫·2023-09-06 00:58

[uni-app]微信小程序隐私保护指引设置的处理记录

文章目录微信幺蛾子资料搜集关键信息思路处理代码实现效果展示补充微信幺蛾子关于小程序隐私保护指引设置的公告一切的起因就是上面这则公告.2023年9月15日后自2023年9月15日起，对于涉及处理用户个人信息的小程序开发者，微信要求，仅当开发者主动向平台同步用户已阅读并同意了小程序的隐私保护指引等信息处理规则后，方可调用微信提供的隐私接口。有过APP开发,尤其是安卓开发的都知道,这玩意就是学着安卓的隐
iOSTianNan·2023-09-06 00:27

[uni-app] scroll-view中吸顶的简单做法 - overflow-y: auto；

记录一个css技巧overflow-y:auto;效果这是吸顶view这是滚动view要实现scroll内部,.top吸顶,.content内容上下滚动的效果,只要在.content添加overflow-y:auto;.content{overflow-y:auto;}overflow-y官网描述
iOSTianNan·2023-09-06 00:56

UNI-APP 框架中解决打包后index.html文件中没有引号问题

问题打包后index.html文件中src属性没有引号。打包后修改默认相对路径为“./”，比如index.xxxx.js中的a.p属性值希望为“./”，默认为“/”。问题一在项目根目录下添加文件vue.config.js。在文件中添加如下内容：module.exports={chainWebpack:config=>{consthtml=config.plugin('html-index');ht
田秋浩·2023-09-06 00:20

uni-app:实现右侧弹窗

效果：代码：点击按钮这是右侧弹窗的内容exportdefault{data(){return{showModal:false,//控制弹窗显示与隐藏};},methods:{closeModal(){this.showModal=false;},},};.container{height:100vh;display:flex;justify-content:center;align-items:c
雯0609~·2023-09-05 23:23

uni-app Scss使用data内的变量

话不多说直接上代码data(){return{hotbg:`url(${this.$imgUrl}index/top.png)no-repeat`}},.top{&::before{content:"";display:inline-block;width:50rpx;height:30rpx;margin-right:4rpx;background:var(--hotbg);background
小杨小杨、努力变强！·2023-09-05 18:25

uni-app/vue 文字转语音朗读（附小程序语音识别和朗读）

语音播报的实现的方法有很多种，我这里介绍集中不引用百度、阿里或者迅飞的API的实现方式。一、采用newSpeechSynthesisUtterance的方式废话不多说直接上代码data(){return{utterThis:null,}},//方法使用this.utterThis=newSpeechSynthesisUtterance('');this.utterThis.pitch=1;//音高
小杨小杨、努力变强！·2023-09-05 18:24

初次使用HBuilder X、微信开发者工具、uni-app问题集合

1、安装1-1、微信开发者工具安装最新版本的微信开发者工具（稳定版），是一个exe文件（例如：wechat_devtools_1.03.2010240_x64.exe），初次点进去的时候可能还显示要下载，关掉它一直重启，直至显示“下一步”安装。记住安装的地址，或者安装完成后，右键“微信开发者工具”，点击打开文件所在位置即可。安装完成后，将服务端口打开，否则在启动项目时会提示端口关闭。设置/安全设置
晓晓莺歌·2023-09-05 12:38

更改uni-app组件默认样式

注意样式必须写在最外层，且前缀为"/deep/"，后面有一个空格.container{.item{}}/deep/uni-progress{width:160upx;.uni-progress-bar{border-radius:6upx;.uni-progress-inner-bar{border-radius:6upx;}}}
晓晓莺歌·2023-09-05 12:38

uni-app 中 swiper 轮播图高度自适应

方法一1、首先swiper标签的宽度是width:100%2、swiper标签存在默认高度是height:150px；高度无法实现由内容撑开，在默认情况下，图片的高度显示总是150pxswiper宽度/swiper高度=原图宽度/原图高度swiper高度=swiper宽度*原图高度/原图宽度.swiper-box{width:100%;height:calc(100vw*9/16);}方法二1、在
UserGuan·2023-09-05 11:42

uni-app scroll-view 怎么去除滚动条

写的一个nav导航滚动效果，在微信开发者工具上面，滚动的体验效果和视觉效果上没有任何问题，然后再自己的手机上打开体验这个功能，滚动的时候滚动条就出来了，对于我个人而言是无所谓的，但是做产品是面向客户的，效果的好坏决定你的产品是否可以留住用户。这个滚动的不好影响：视觉效果不是很好解决方法：方法一：uniapp官方文档里面有说明标签的属性里面是有一个控制滚动条的属性，将属性打开即可。方法二：就是通过穿
过了个羊·2023-09-05 11:27

uni-app 之 目录结构

目录结构：工程简介|uni-app官网(dcloud.net.cn)pages/index/index.vue页面元素等static静态文件，图片字体文件等App.vue应用配置，用来配置App全局样式以及监听应用生命周期
jun_tong·2023-09-05 06:09

uniapp组件库总结笔记

uView-uiuView2.0-全面兼容nvue的uni-app生态框架-uni-appUI框架优点：整体样式风格不错缺点：不支持vue3（可以使用社区维护的uview-plusuview-plus3.0
翻斗花园-图图·2023-09-05 05:58

uni-app 之 tabBar 底部切换按钮

uni-app之tabBar底部切换按钮1693289945724.png{"pages":[//pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation
jun_tong·2023-09-05 05:28

uniapp实现像浏览器一样前进后退的功能 uniapp在webview怎么后退返回

在uni-app中使用了webview之后,由于项目完全由app内嵌h5完成,所以无法控制app的物理返回键；要实现这个功能，最主要的是完成应用与H5的通讯问题。
时间在飞飞·2023-09-05 05:57

uniapp webview全屏

在uni-app里vue页面直接使用plus.webview.currentWebview()无效，非v3编译模式使用this.$mp.page.$getAppWebview(
采姑娘的小蘑菇·2023-09-05 05:56

uniapp webview缩放

在uni-app里vue页面直接使用plus.webview.currentWebview()无效，非v3编译模式使用this.mp.page.mp.page.mp.page.g
lulu2426·2023-09-05 05:20

uni-app学习笔记之router路由跳转规则

//官方示例//importrouterfrom"@/router/router.js";//需要在main.js中导入才起效///router/router.jsletneedLogin=["/pages/auth/resetPwd","/pages/auth/updatePwd","/pages/center/center","/pages/detail/detail","/pages/ind
光明有我16620122910·2023-09-05 05:42

uni-app 之 vue语法

uni-app之vue语法image.png---v-html字符---image.png{{title}}---v-html字符---{{title2}}{{arr}}{{arr[2]}}{{obj}
jun_tong·2023-09-05 04:54

uni-app 之 图片

uni-app之图片获取图片v-bind动态绑定image.png---获取图片1------获取图片2v-bind动态绑定------获取图片3:简写------获取图片4:循环获取---exportdefault
jun_tong·2023-09-05 04:54

uni-app 之 v-on:click点击事件

uni-app之v-on:click点击事件image.png里必须要有一个盒子，不能有两个，这里的盒子就是view-->---v-on:click点击事件---{{title}}---点击事件简写@click
jun_tong·2023-09-05 04:54

uni-app 之 安装uView，安装scss/sass编译

uni-app之安装uView，安装scss/sass编译image.pngimage.pngimage.png点击HBuilderX顶部，工具，插件安装，安装新插件image.pngimage.png
jun_tong·2023-09-05 04:20

小程序进阶-图表库uchart

wx-chart：没有维护了；echart：更倾向于pc；ucharts：专为小程序而生，他是伴随小程序跨端框架uni-app而来的，所以uchart更小程序更具有一种天然的属性。
光图强·2023-09-05 03:16

uni-app 经验分享，从入门到离职（Debug篇）——运行拷贝的项目在其他电脑运行出现的报错以及解决方案

文章目录前言⏬关于专栏运行拷贝的新项目关于报错：sass依赖问题与代码报错解决方法意外情况❗注意最后前言这篇文章的内容的记录一下在运行uni-app项目的时候遇到的报错，以及解决报错的过程。
黛琳ghz·2023-09-05 02:31

uni-app开发微信小程序,9月15日前需添加隐私协议弹窗解决方案

8月10日微信官方发布公告关于小程序隐私保护指引设置的公告，从2023年9月15日起必须用户点击同意隐私保护政策并同步给微信之后，开发者才可以调用微信提供的隐私接口。小程序隐私保护官方开发文档：https://developers.weixin.qq.com/miniprogram/dev/framework/user-privacy绝大部分的小程序都应该至少使用过一两个隐私接口，如果不处理，9月
西海岸第一rapper·2023-09-04 08:06

uni-app之android离线自定义基座

一为什么要自定义基座1，基座其实就是一个app，然后新开发的页面可以直接在手机上面显示，查看效果。2，默认的基座就是uniapp帮我们打包好的基座app，然后我们可以进行页面的调试。3，自定义基座主要用来实现原生插件的调用的，自定义基座可以实现使用HBuilder/HBuilderX开发应用时，可在手机/模拟器上查看运行效果二怎样自定义基座2.1确保离线打包appkey配置正确：上一篇已经演示了怎
12345，catch a tiger·2023-09-03 23:07

uni-app之android原生插件开发

一插件简介1.1当HBuilderX中提供的能力无法满足App功能需求，需要通过使用Andorid/iOS原生开发实现时，可使用App离线SDK开发原生插件来扩展原生能力。1.2插件类型有两种，Module模式和Component模式Module模式：能力扩展，无嵌入窗体的UI控件。大部分插件都是属于此类，比如调用计步器API。代码写法为通过js进行require，然后调用该插件对象的方法。如涉及
12345，catch a tiger·2023-09-03 23:07

uni-app之android离线打包

一AndroidStudio创建项目1.1，上一节演示了uni-app云打包，下面演示怎样androidStudio离线打包。
12345，catch a tiger·2023-09-03 23:07

Uni-App CSS Flex布局

一直觉得自己写的不是技术，而是情怀，一个个的教程是自己这一路走来的痕迹。靠专业技能的成功是最具可复制性的，希望我的这条路能让你们少走弯路，希望我能帮你们抹去知识的蒙尘，希望我能帮你们理清知识的脉络，希望未来技术之巅上有你们也有我。前言简单的记录一下Flex布局的使用和常用的属性.基本概念看看就好采用Flex布局的元素，称为Flex容器（flexcontainer），简称"容器"。它的所有子元素自动
冯汉栩·2023-09-03 19:23

uni-app 打包 ios 测试包，通过 testFlight 分发测试

uni-app开发，ios申请证书打ios包1、申请ios证书(私钥证书)和描述文件(证书profile)申请方式通过uni-app介绍进行申请，地址：https://ask.dcloud.net.cn
前端小袁·2023-09-03 19:46

uni-app 取消原生tab导航栏

这是原生的效果，有时候我们不太需要！解决方法：找到pages.json界面=》globalStyle=》加入"app-plus":{"titleNView":false//取消原生tab导航栏}就可以了
刘建状·2023-09-03 18:03

uniapp 实现滑动元素删除效果

官网地址：uni-app官网(dcloud.net.cn)最终效果如下图：滑动删除需要用到uni-ui的uni-swipe-action组件和uni-swipe-action-item属性名类型可选值默认值是否必填说明
打不着的大喇叭·2023-09-03 16:16

uni-app开发

获取wifi坑：1.定位权限要打开2.targetSdkVersion改成了22，6.0以下版本。6.0是23.3.manifest.json里打开以下权限；代码：varContext=plus.android.importClass("android.content.Context");varWifiManager=plus.android.importClass("android.net.wi
monkeyfly36·2023-09-03 10:46

uni-app之android项目云打包

1，项目根目录，找到mainfest.json，如果appid是空的，需要生成一个appid2，点击重新获取appid，这个时候需要登录，那就输入账号密码登录下3，登陆后可以看到获取appid成功4，选择栏目运行选项，再选择云打包选项，这时候弹出一个云打包配置页面5，需要配置密钥，可以通过androidStudio快速生成一个密钥，jks或者keystore都可以，我这之前有一个jkd，就可以直接
12345，catch a tiger·2023-09-03 06:21

uni-app修改checkbox为实心

修改checkbox为圆形、实心选中样式。自动登录uni-checkbox.uni-checkbox-input{border-radius:50%!important;border:1pxsolidblack;}uni-checkbox.uni-checkbox-input.uni-checkbox-input-checked{background:$primary-color;}点击check
MINO吖·2023-09-02 18:52

2021-11-05

uni-app配置微信小程序调试1.打开manifest.json-->微信小程序设置，然后填写AppID2.AppID获取方法：https://mp.weixin.qq.com3.在微信开发者工具中获取端口号
奶茶和亮亮·2023-09-02 17:25

【Uni-app 引入海康h5player并接入ws视频流】

uni-app海康h5player接入ws视频流内容简介采用uni-app中的renderjs引入海康H5SDK后端接入海康综合安防平台的开放API获取预览流海康H5SDK下载地址接入原因因在移动端接入不管是
一只很想飞的猪·2023-09-02 17:55

【RuoYi移动端】uni-app如何发布h5网站？

一、登录D-Cloud开发者中心开发者中心https://dev.dcloud.net.cn/二、创建应用三、填写和提交创建应用四、复制APPID
敦厚的曹操·2023-09-02 11:59

uni-app入门-实战教程-十九-条件渲染

v-if满足条件view才显示1v-show同v-if，相当于v-if增加了隐藏样式1{{age>30?'中年人':'青少年'}}三元运算符，如果满足条件就是第一个，不满足条件等于二个引号内容20)">{{age}}{{age>30?'中年人':'青少年'}}v-ifv-else-ifelse判断性别使用男女未知修改性别1{{bttext}}1{{bttext}}20)">{{age}}{{age
Magic_小灰灰·2023-09-02 09:06

使用 v-for 指令和数组来实现在 Uni-app 中动态增减表单项并渲染多个数据

在data中定义一个数组，用于存储表单项的数据：data(){return{formItems:[]}}在模板中使用v-for指令渲染表单项：删除添加表单项在methods中定义添加和删除表单项的方法：methods:{addFormItem(){this.formItems.push({value:''});},removeFormItem(index){this.formItems.splic
迟_·2023-09-02 08:37

uniapp 配置并使用 VueX

uni-app内置了VueX1、创建需要的文件右键点击根目录【我的是uni-shop】，然后新建目录，命名为store右键点击刚刚建立的store文件夹，然后新建js文件创建某个store模块，例如存储购物车数据的
打不着的大喇叭·2023-09-02 08:05

解决小程序中textarea ios端样式不兼容的方法

出现不兼容的情况解决方法：我们看官网的textarea的属性textarea|uni-app官网disable-default-padding是否去掉iOS下的默认内边距代码：第二种方法获取手机机型；然后判断是
T3165919332·2023-09-02 08:58

关于微信小程序的生命周期

关于微信小程序的生命周期onLaunch官网App.vue/App.uvue|uni-app官网问题描述：我现在有个小程序取名为a有个用户b从来没有打开过小程序那么他第一次打开小程序的时候会触发onLaunch
T3165919332·2023-09-02 06:25

uni-app 编译报错 unexpected character

场景复现：打包编译uni-app运行到微信开发者工具的时候提示unexpectedcharacter：一般出现这个错误基本可以确认是代码写的不规范，根据调试信息如果一眼不能看到报错行数的话，点击showmore
优倍网络·2023-09-02 06:49

uni-app 实现每天弹一次指定内容

uni.getStorage({key:"popUp-show-time",success:(res)=>{if(!res.data||newDate().getTime()-res.data>1000*60*60*24){uni.setStorage({key:"popUp-show-time",data:newDate().getTime(),});this.show_index_big_pi
优倍网络·2023-09-02 06:19

uni-app 客服按钮可上下拖动动

项目需求：因为悬浮客服有时候会遮挡住界面内容，故需要对悬浮的气泡弹窗做可拖动操作movable-area：可拖动区域movable-view：可移动的视图容器，在页面中可以拖拽滑动或双指缩放。属性说明属性名类型默认值说明平台差异说明directionStringnonemovable-view的移动方向，属性值有all、vertical、horizontal、noneinertiaBooleanf
优倍网络·2023-09-02 06:46

前端框架和后端框架总结

JavaScript框架，用于开发响应式，移动端先行的web项目2-web端开发：Vue.js和nvue，Bootstrap，Layui，Element-UI，MintUI，Angular，Reactapp前端开发：uni-app
韩同学叫园园·2023-09-02 04:53

uni-app程序运行在微信小程序开发工具，报缺乏app.json文件错误

错误:当uni-app程序导入微信小程序开发工具后报错，缺乏app.json文件。
cqzj70·2023-09-01 19:50

uni-app 开发小程序,使用到u-charts.js时会出现弹框或下拉框部分与图标重叠的情况(还有在解决过程中出现 vasToTempFilePath: fail canvas is empty)

如下图,是我用uni-app开发小程序时出现视图与弹框或下拉框重叠的效果图,在微信开发工具上显示正常,但到了真机上就这样.解决措施:在小程序中canvas层级过高,导致z-index也无法让弹窗置于视图之上
万德佛·2023-09-01 18:09
上一页 38 39 40 41 42 43 44 45 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他