uni-app论坛 今日: 0|主題: 500|排名: 25 

使用uni.previewImage方法点击图片预览 <!-- 轮播图 --> <swiper class="swiper" :circular="true" :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000" > <swiper-item v-for="(item,index) in swiperList" :key="index" @click="preViewPic(item)"> ...

老是碰到初版制作完成没多久，就整一出说什么要更改整个项目的色彩体系。真的是宝宝心里苦啊! 起初都是通过uni项目自带的uni.scss中定义，在替换页面上对应的css。以便于达到一次性修改整体布局的样式。 一.uni.scss 使用方式 在该文件里定义： $名字 ：颜色值； 使用时需要在 style 节点上加上 lang=“scss” <style l ...

我们在运用uni-app开发小程序或h5时，常常需要页面实现下拉刷新功能。 在 js 中定义 onPullDownRefresh 处理函数（和onLoad等生命周期函数同级），监听该页面用户下拉刷新事件。 步骤： 1、需要在pages.json 里，找到的当前页面的pages节点，并在 style 选项中开启enablePullDownRefresh。2、当处理完数据刷 ...

1、打开微信支付分页面：首先需要将这个小程序绑定的商户号开通微信支付分服务，然后使用navigateTominiProgram跳转微信支付分小程序，跳转时需要传参，其中appId和path是固定的(为要跳转的小程序的参数，此时使用的是微信支付分的参数)，然后在extraData中设置的是当前小程序的一些参数。 uni.navigateToMiniProgram( ...

这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 一、开发环境 uni-app 官方文档地址 原生开发者支持 1、Android Studio 下载地址：Android Studio官网 OR Android Studio中文社区 2、最新版的HBuilderX 3、App离线SDK下载：最新android平台SDK下载 4、3.1.10版本起需要申请Appkey，申请请参考 二、准备环 ...

基于上一篇文章对AJAX概念的描述，那么目前流行的uni-app到底是怎么发请求的呢，我会把格式写在下面 使用uni.request()发起GET请求: 使用uni.request()发起POST请求 let url = "url地址" url.request( { url } ).then( result =>{ result[1].data 就是响应主体 }).catch( err=>{ } ) let url = "" uni.request( { u ...

uni-app介绍 官方网页 uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。 即使不跨端，uni-app同时也是更好的小程序开发框架。 具有vue和微信小程序的开发经验，可快速上手uni-app 为什么要去学习uni-app？ ...

uni-app如何解析html标签 ，主要包括 uni-app如何解析html标签 使用实例、应用技巧、基本知识点总结和需要注意事项，具有一定的参考价值，需要的朋友可以参考一下。 一、导入rechText.js /* graceUI rich-text 加强工具 link : graceui.hcoder.net author : 5213606@qq.com 深海 */ // 正则变量 var graceRichTextReg; ...

状态管理 Pinia 此功能和VUEX类似，局有全站通用状态共享的特性。 在 HBuilder X 下不需要安装，直接使用即可，步骤如下： 第一步：在 main.js 中引入插件： import { createSSRApp } from 'vue'; import * as Pinia from 'pinia'; export function createApp() { const app = createSSRApp(App); app.use(P ...

这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 说明 基于uni-app开发，调用官方蓝牙相关api实现连接蓝牙与向蓝牙热敏打印机发送字节流，可打印文字，二维码，图片，调整字体大小等，本文提供大概思路 结构 bluetooth.js 蓝牙连接相关模块封装 commands.js 打印十六进制相关代码库 gbk.js 编码转换库 ...

条件编译可以使一套代码，在不同平台下执行不同的部份。比如在APP内执行A，在小程序内执行B。 条件编译可以出现在：template、style、script 三个模块内。在三个模块内编译代码也不一样。 比如在template内，输入ifdef 按回车，代码如下： <!-- #ifdef APP-PLUS --> 在APP平台下执行这部份 <!-- #endif --> 比如在style内 ...

uni-app页面跳转传递参数 <navigator> 首先来看看官网给的介绍： navigator官网介绍 页面跳转。 该组件类似HTML中的<a>组件，但只能跳转本地页面。目标页面必须在pages.json中注册。 该组件的功能有API方式，另见：https://uniapp.dcloud.io/api/router?id=navigateto(opens new window) 属性说明 属性名 类型 默认值 说 ...

一、renderjs使用 renderjs是一个运行在视图层的js。它只支持app-vue和h5。 renderjs的主要作用有2个：   1.大幅降低逻辑层和视图层的通讯损耗，提供高性能视图交互能力 2.在视图层操作dom，运行for web的js库   使用时的注意事项 1.目前仅支持内联使用。 2.不要直接引用大型类库，推荐通过动态创建 script 方式 ...

uni-app 是使用 vue.js 开发的所有前端应用框架，开发者编写的一套代码，可以发布到 ios、android、web ，以及各种小程序平台。 一、创建uni-app 1、hBuilderX 可视化创建 最便捷的就是使用 hbuilder 可视化创建项目，在点击工具栏里的文件 -> 新建 -> 项目：   选择uni-app类型，输入工程名，选择模板，点击创建， ...

####uni-app的基本使用 参考视屏：03-项目目录和开发规范简单介绍_哔哩哔哩_bilibili 笔记：2022.08.01~2022.08.10 1.~~~Uni-App从入门到实战-黑马程序员杭州校区出品视屏地址 ：https://www.bilibili.com/video/BV1BJ411W7pX?p=1&vd_source=d0acf1b50d58a251fbd395d941b1268c2.~~~ 配置环境；hbuilderx和微型小程序开发2. ...

如何在uni-app中选择一个合适的UI组件库  https://blog.csdn.net/qq_47443027/article/details/119734230 火兰 于 2021-08-16 15:27:13 发布 4782 收藏 3分类专栏： uniapp版权 uniapp专栏收录该内容2 篇文章0 订阅订阅专栏uni-app框架转眼已经发布了一年多，使用uni-app的开发者也是与日俱增。因为uni-app是一个跨端 ...

Uni-app全局弹框提示插件 由于uni-app端不支持dom操作，像下面这种方式在app端就无法实现 https://www.cnblogs.com/Plume-blogs/p/16348462.html Uni-app端实现全局弹框插件 1.创建initPrompt.js文件（名称可以自定义，不过后面对应位置的名称要注意换过来） 代码如下： import Vuex from 'vuex' export default function ...

1. uniapp进行条件编译的两种方法？小程序端和H5的代表值是什么？ 通过 #ifdef、#ifndef 的方式 H5 ： H5 MP-WEIXIN ： 微信小程序 2. uniapp的配置文件、入口文件、主组件、页面管理部分 pages.json 配置文件 main.js 入口文件 App.vue 主组件 pages 页面管理部分 3. uniapp上传文件时用到的api是什么？格式 ...

​ Uni-app 作为近些年国内逐渐兴起的跨平台开发架构，一次开发就可以完成小程序、iOS APP、安卓 APP、 H5等平台的打包是受到关注的原因。于此同时，很多开发者也开始关注Uni-app架构之外的东西，比如说如何加入广告功能让自己的软件能够实现变现。 其实 Uni-app 的开发团队 DCloud 早就推出了一款名为 uni-AD 广告联盟的产 ...

1、auto.js /** * @description 权限存储函数 */const authorizationKey = 'accessToken' export function getAuthorization() { return uni.getStorageSync(authorizationKey)} export function setAuthorization(authorization) { return uni.setStorageSync(authorizationKey, authorization)} export function remove ...