极光uniapp

uniapp系列-图文并茂教你配置uniapp开发环境

环境安装 1. 安装 node.js (版本 18+/16+) 在搭建 Vue 开发环境之前,请先下载 node.js。 Node 可从官方网站下载,也可从中文网站下载。根据你的电脑选择 32 位 或 64 位。网站: Node 或者访问 历史版本 查看 node 版本 C:\Users> node ......
uniapp 图文并茂 图文 环境

uniapp 腾讯地图 实现自定义markers标注

需求:根据不同状态动态展示地图标注 图中的markers标注简称“大耳朵” 大耳朵的两个耳朵展示的是车辆的不同信息 大耳朵中心展示的是状态 技术:uniapp+腾讯地图 代码实现: <map id="myMap" :latitude="latitude" :longitude="longitude" ......
markers 地图 uniapp

解决uniapp button type ts类型冲突问题

安装类型声明文件 npm i -D @dcloudio/types miniprogram-api-typings @uni-helper/uni-app-types @uni-helper/uni-ui-types // tsconfig.json { "compilerOptions": { / ......
类型 uniapp button 问题 type

uniapp部分浏览器input框设置disabled之后点击事件不生效

给input设置css属性,外边包个盒子抛出点击事件 .disabled { pointer-events: none; } ......
disabled 浏览器 事件 部分 uniapp

uniapp小程序实现直播组件live-player全屏问题

<template> <view class="player-content"> <!-- #ifdef APP-PLUS --> <video id="myVideo" :src="srcLink" autoplay controls> <!-- 打开全屏 --> <image class="im ......
live-player 组件 程序 uniapp player

uniapp引入iconfont真机nvue不生效(兼容vue)

兼容nvue 1.只能使用text标签<text class="iconfont" style="color: #fff;font-size: 28rpx;">&#xe6ec;</text> 2.App.vue设置,引入iconfont onLaunch() { // #ifdef APP-PLUS ......
iconfont uniapp nvue vue

uniapp四种提示框

四种提示框 ①吐司对话框 —— 用于简单的提醒,非重要事件的提示 uni.showToast( {title, icon, duration} ) ②模态对话框 —— 用于严重的提示,甚至必须作出选择的提示 uni.showModal({title, content }) ③加载中对话框 —— 提示 ......
uniapp

uniapp实现页面横屏展示

需求: 正常页面: 在路由处增加字段: "mp-weixin": { "pageOrientation": "landscape" //横屏 } ......
页面 uniapp

uniapp 点击video全屏播放

话不多说直接上代码 <video :id="item.id" @play="playFullscreen(item.id)" :src="$IMG_URL+item.video"></video> 不要写点击事件@click 不会生效的 要写@play播放事件 以上代码中由于作者需循环渲染video ......
uniapp video

uniapp 输入框文本域(uni-easyinput)内容长度限制

问题描述提示:uni-ui 组件库中 uni-easyinput 输入框组件 相关使用问题 在使用 uni-easyinput 组件时,你会发现,默认情况下你输入内容的长度最大是140 原因是,uni-easyinput 组件内封装的 maxlength属性,在不设置的情况下,默认值为140。我们可 ......
uni-easyinput easyinput 长度 内容 uniapp

uniapp获取已配对蓝牙

//#ifdef APP-PLUS//获取已经连接的蓝牙设备 var main = plus.android.runtimeMainActivity(); var Context = plus.android.importClass("android.content.Context"); var B ......
uniapp

uniapp获取设备mac地址

//#ifdef APP-PLUS // 获取设备mac地址 var net = plus.android.importClass("java.net.NetworkInterface"); //导入后可以使用new方法创建类的实例对象 var intent = new net(); var wl0 ......
地址 uniapp 设备 mac

uniapp模仿淘宝商品列表展示

父组件代码: <template> <view class="boxPage"> <scroll-view class="contentBox" :scroll-y="true" :scroll-top="scrollTopPage" :refresher-enabled="true" :refre ......
商品 uniapp

uniapp iphone 6s获取时间戳失败

上代码 时间格式:2023-10-11 00:00:00 var ms = new Date(item.content.goodsList[0].end_time).getTime() 使用iphone 6s运行获取到的结果是Nan 但是使用iphone 12运行居然正常输出结果 可能6s系统版本太 ......
时间 uniapp iphone

uniapp 使用z-paging 分页组件 写在头部插槽内的单选按钮无法点击

这个问题是因为组件层级太低 <z-paging ref="paging" v-model="dataList" @query="queryList" auto-show-back-to-top :empty-view-z-index="9999" class="paging"> <view slot ......
头部 组件 按钮 z-paging uniapp

web uniapp设置文字点击变色,点击其他的回复原来颜

<view class="filter_line"> <view class="filet_text"> <view v-for="(item,index) in filterList" :key="index" :class="item.order == previous[0].order? 'a ......
文字 uniapp web

uniapp微信小程序如何处理input输入空格问题?

第一种方法用input组件自带的@input事件使用@input事件 绑定变量用trim修剪掉前端和末尾的空格后用replace替换空格为空 把处理过的值赋给自己<input type="text" class="" v-model="certNo" placeholder="请输入您的证书编号" ......
空格 程序 uniapp 问题 input

uniapp-微信小程序

一 打开微信小程序首先打开登录界面 在一键绑定当前微信账号后,才可以进到内部进行操作的方法, 1 新建一个login的登录界面 2 page.json中将login页面的配置放到最前面。 3 在login页面中添加跳转到首页的方法。一般也是绑定账号后的跳转方法。 <script> export de ......
程序 uniapp

uniapp项目实践总结(二十七)苹果应用商店上架教程

导语:之前介绍了如何打包一个苹果安装包文件,如果想要上架苹果 ios 应用商店,那么就来这里学习一下方法吧。 目录 准备材料 上架步骤 审核事项 准备材料 基本信息 构建版本:需要一个 ipa 格式安装包; logo:你应用的 logo 图标; 应用名称:名称经过审核后才会显示在 App Store ......
商店 苹果 项目 教程 uniapp

uniapp项目实践总结(二十六)安卓应用商店上架教程

导语:之前介绍了如何打包一个安卓安装包文件,如果想要上架安卓应用商店,那么就来这里学习一下方法吧。 目录 准备材料 应用商店 注册账号 上架步骤 审核事项 准备材料 基本信息 安装包:需要 32 或 64 位; 包名:打包配置时填写的包名; logo:你应用的 logo 图标; 应用名称:你的应用的 ......
商店 项目 教程 uniapp

vue 数据data-uniapp

data 属性 data 必须声明为返回一个初始数据对象的函数(注意函数内返回的数据对象不要直接引用函数外的对象);否则页面关闭时,数据不会自动销毁,再次打开该页面时,会显示上次数据。 //正确用法,使用函数返回对象 data() { return { title: 'Hello' } } //错误 ......
data-uniapp 数据 uniapp data vue

uniapp中的三种组件

uni-app中的模板 —— <template>: 第一类:内置组件/原生组件 —— 无需导入直接使用 view、text、image、button、input 第二类:扩展组件(uni-ui组件库) —— 先下载再使用 uni-rate、uni-number-box 第三类:自定义组件 —— 先 ......
组件 uniapp

uniapp项目实践总结(二十五)苹果 ios 平台 APP 打包教程

导语:当你的应用程序开发完成后,在上架 ios 应用商店之前,需要进行打包操作,下面就简单介绍一下打包方法。 目录 准备工作 注册账号 生成证书 打包配置 准备工作 在打包之前,请保证你的 uniapp 应用程序编译到 ios 模拟器或者是真机调试基座环境下是可以正常运行的,苹果打包的过程比较复杂, ......
苹果 项目 教程 uniapp 平台

Uniapp学习笔记(vue3)

https://uniapp.dcloud.net.cn/ 使用 Vue.js 开发所有前端应用的框架 开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台。 周边生态丰富 发送请求 meth ......
笔记 Uniapp vue3 vue

极光工作室

极光算法二轮考核 目录极光算法二轮考核算法端概况考核内容C with STL (string,map,set)位运算排序二轮考核练习 算法端概况 获奖情况 : 算法端曾荣获蓝桥杯国一3次、国二和国三多次,今年首次参加的比赛获得:睿抗国一,中国高校计算机大赛——团体程序设计天梯赛团队及个人国三,百度之 ......
极光 工作室

uniapp自动引入Vue3(ref,reactive...)的API、uniapp生命周期和封装hooks

未自动导入Vue3(ref,reactive...)的API和uniapp生命周期,需要在每个页面把API和uniapp生命周期的代码都重复写一遍 <script setup> import { ref, reactive } from "vue" import { onLaunch, onShow ......
uniapp 周期 reactive 生命 hooks

23年9月最新微信小程序 手机号授权 (uniapp+盛派SDK) 帮你踩坑

一、背景 微信小程序手机号授权接口,从23年8月开始实行付费验证。 文档地址:https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/getRealtimePhoneNumber.html 新版手机号授权说明如下 ......
手机号 程序 uniapp 手机 SDK

uniapp代码 上传发布钉钉小程序 流程

uniapp代码发行到钉钉平台流程:1. 下载hbuilder,打开项目,在setting.json里面运行配置里面配置支付宝小程序开发路径:类似D:/Program Files/小程序开发者工具/小程序开发者工具.exe,然后发行-自定义发行-钉钉小程序,然后 2. 会自动打开小程序开发工具,工具 ......
流程 代码 程序 uniapp

uniapp项目实践总结(二十四)安卓平台 APP 打包教程

导语:当你的应用程序开发完成后,在上架安卓应用商店之前,需要进行打包操作,下面简单介绍一下打包方法。 目录 准备工作 配置项目 生成证书 打包配置 准备工作 在打包之前,请保证你的 uniapp 应用程序编译到安卓手机模拟器的 App 是可以正常运行的,APP 打包分为安卓和 ios 两个平台,下面 ......
项目 教程 uniapp 平台 APP

uniapp项目实践总结(二十三)网页和小程序应用打包教程

导语:当你的应用程序开发完成后,在发布到互联网之前,需要进行打包操作,包括网页端、小程序端的打包。 目录 准备工作 网页打包 小程序打包 准备工作 在打包之前,请保证你的 uniapp 应用程序编译到网页、小程序是可以正常运行的。 网页打包 编写好应用之后,如需打包到 web 平台,可以选中当前项目 ......
网页 程序 项目 教程 uniapp