uniapp

uniapp项目中如果想关闭所有页面的顶部导航栏 在page.json中 "globalStyle": { "navigationStyle":"custom", }, 如果是指定某个页面关闭顶部导航栏 ,{ "path" : "pages/index/webview", "style": { "n ......

app直播源代码，uniapp点击按钮 保存页面为图片到本地 首先写一个按钮 创建事件 <button class="info" @click="capture()">点击保存我哦~</button> ​ 然后把点击事件写上 capture() {var pages = getCurrentPage ......

<template> <rich-text :nodes="content"></rich-text> </template> <script> import { queryProductDetail } from "@/api/api.js" // 后端接口 export default { da ......

uniapp小程序使用高德地图api实现路线规划 Posted on 2023-01-10 11:18 书中枫叶 阅读(1387) 评论(3) 编辑 收藏 举报 路线规划 简介 路线规划常用于出行路线的提前预览，我们提供4种类型的路线规划，分别为：驾车、步行、公交和骑行，满足各种的出行场景。高德开放 ......

一、开发层级结构介绍 page.json 对uniapp进行全局配置，决定页面文件的路径、窗口样式、原生的导航栏、底部的原生tabbbar manifest.json 应用的配置文件，指定应用的名称、图标、权限 App.vue 页面入口文件，可以调用应用的生命周期函数 main.js 初始化vue实 ......

首先一个正常的Nodejs项目都会有package.json 简单的说，在早期的前端领域中其实没有组件化，模块化这种概念，直到nodejs中引入了模块，它认为 一个模块就是一个库或者一个框架（比如文件处理模块fs模块），当模块化出现之后，为了 管理这些模块，或者说 为了描述这个模块，package. ......

在uni-app中引入video.js有两种方式 1.通过cdn的方式引入(不建议，当这个cdn失效时，你的业务可能就崩了) <link href="https://cdnjs.cloudflare.com/ajax/libs/video.js/7.3.0/video-js.min.css" rel ......

应用生命周期（onLaunch等） 页面生命周期（onLoad，onShow等） 组件生命周期（组件生命周期是vue的生命周期，没有onLoad，onShow这些页面生命周期） ......

1、先去图标库下载图标 2.解压下载的文件进入 、 3、输入 npm install -g iconfont-tools ，再输入iconfont-tools最后无脑回车 4.文件夹会多一个iconfont-weapp的文件夹 5.iconfont-weapp-icon.css放入项目随机位子 6. ......

// 监听页面初始化，其参数同 onLoad 参数，为上个页面传递的数据，参数类型为 Object（用于页面传参），触发时机早于 onLoad onInit(){ }, // 监听页面加载，其参数为上个页面传递的数据，参数类型为 Object（用于页面传参） onLoad(obj) { }, // ......

1.uniapp小程序/deep/修改全局组件样式不生效问题 2. 用于处理小程序::v-deep 组件样式无效问题 全局把/deep/修改成 ::v-deep 并且在uniapp的全局方法里面加上下面代码 options: { styleIsolation: 'shared' }, 3. /dee ......

uniapp最大的坑 遇到修改数组属性视图不更新的问题 有两种解决方法 一：this.$forceUpdate();强制更新，这个确实在H5端更新了，但是微信小程序还是没有更新 二：this.$set(),一样不行修改数组后视图依旧不刷新 最后用$.elmit()方法 在子组件修改父组件传给子组件的 ......

在uni-app中接入 Airwallex 的支付，需要进行如下步骤： 在你的uni-app项目中引入Airwallex SDK。 import airwallex from 'airwallex-payment-widgets'; 初始化Airwallex支付控件。 const paymentMe ......

起因：需要做一个小程序，家人们谁懂啊，老师我真的不会做，由于懒得看视频学习，于是只能看博客学习了。 uniapp 好处： 1、不用关心适配问题 2、可以发布到各大平台的小程序 3、上手容易，使用vue.js语法开发 开发工具 HBuilderX ......

在开发过程中，input或者Textarea聚焦时，出现遮挡一半的情况 处理方法： （1）在input或者textarea添加:cursorSpacing="20"留出光标到软键盘的距离。 （2）若在弹窗定位中时需要加入:fixed="true"属性，不然拉起软键盘时没有显示在软键盘上面。 （3）若 ......

1.使用腾讯云直播助手live-room-play组件 参考：https://www.cnblogs.com/czhowe/p/17138175.html 可能会出现问题： 1.uniapp使用云直播助手插件时播放有问题，插件没问题，又没有报错？原因：拉流的播放地址的问题，使用的不是小程序的域名ap ......

基于uniapp开发小程序上下滑直播间功能时，再使用uView-UI的Tabs 标签，安卓没问题，但ios会出现内容丢失的情况 经过调试发现是因为封面图片设置了模糊效果导致的，把模糊效果的代码注释掉，就可以了 .play-bg-img{ display: block; width: 100%; he ......

1.JSON转换格式，数据中含有地址 解决方法：经过JSON.stringify()方法转换过的对象或数组，再使用encodeURIComponent()方法再次编码，使用时先通过decodeURIComponent解码，然后再使用JSON.parse()方法转化成json类型的对象或者数组 2.g ......

1、打开HBuilder X，新建项目 2、修改AppID（在https://mp.weixin.qq.com注册一个小程序） 3、登入Hbuilder自动获取ApppID 4、运行 -微信开发者工具 ......

var Manifest = plus.android.importClass("android.Manifest"); var MainActivity = plus.android.runtimeMainActivity(); MainActivity.checkSelfPermission(M ......

直接上代码 .img1a{ position: relative; width: 100%; height: 100%; } .video-open{ margin-left: 45%; margin-top: 45%; position: absolute; z-index: 9999; widt ......

由于组件代码内容很长，就对代码进行了拆分，把index.vue里面的template和css代码放到了index.vue里面，把js代码放到了index.js里面，结果h5上面没有问题，app调试的时候出现了Not found -1,68,0[ERROR]。找到原因是把components也写到了m ......

直播平台软件开发，Uniapp动态设置组件颜色 这里主要是使用了Vue 内联样式，动态绑定某一样式属性：color，background-color等 <button type="primary" plain="true" @click="onClick(item)" :style="{'backg ......

直播平台源代码，Uniapp text 样式设置 1、使用perps定义样式数组 <template> <view> <text :style='{ color: fontColor, fontSize: fontSize, fontWeight: fontWeight }'> {{ time }} ......

说明 有读者反馈： 学习uniapp ios 插件开发不知道从哪些文章看起，没有一个清晰的学习路线 本文就做一个解答。 首先本系列的文章是作者精心排过序的，如果想要完整的学习uniapp ios原生插件开发技术的话，建议是按文章顺序浏览。 当然您如果有相关的开发经验，且只对某一技术实现感兴趣的话，也 ......

Uniapp获取当前页面路由的方法： 方法一： let routes = getCurrentPages(); // 获取当前打开过的页面路由数组 let curRoute = routes[routes.length - 1].route // 获取当前页面路由，也就是最后一个打开的页面路由 ......

高德文档 https://lbs.amap.com/api/wx/guide/route/route <template> <view class="content"> <map style="width: 100%; height: 100%" :polyline="polyline" :lati ......

selectable="true" style="-webkit-user-select: text;"可以让页面文字可选复制 v-html标签解析HTML标签 ......

app发送信息给H5 这个很简单，只要在网址上面携带参数就可以 上面的例子是在app里面通过webview来嵌套网页，通过src的地址，可以携带参数，这样打开网页通过网址就可以获得传过来的参数 重点讲解网页发送信息给app 网页给app发送信息 官网给的列子只有html网页，因为业务的需求，vue和 ......

//数据展示页 <lab ref="thridRef" confirm="sumbitFn"></lab> const thridRef = ref() //数据展示页引用的组件 lab.vue //抛出需要被塞数据的字段 defineExpose({form}) //回塞数据页 var pages ......