uni-app论坛 今日: 0|主题: 500|排名: 35 

这样的代码在uni-app中不显示，刚开始以为是框架问题导致不能使用， <picker-view v-show="true" :value="value" @change="bindChange"> <picker-view-column> <view class="item" v-for="item in toDayList" :key="item"> {{ item }} </view> </picker-view-column> <picker ...

uni-app 蓝牙打印功能 本章主要讲解 uni-app蓝牙API的使用，蓝牙打印的实现思路，了解蓝牙在项目中的使用。支持的蓝牙打印机设备：芝佳蓝牙打印机、佳博打印机，如其他蓝牙打印机，需自己进行调试。感谢qihang666提供的代码。源码来源以及uni-app蓝牙API： https://github.com/qihang666/BluetoothPrinterhttps://uniapp.d ...

  完成样式 项目地址：https://gitee.com/jielov/uni-app-tabbar 顶部tabbar代码   <!--顶部导航栏--> <view class="uni_tab_bar"> <view class="uni_swiper_tab order_top"> <block v-for="(tabBar,index) in tabBars" :key="index"> <view class="swiper_ta ...

在写上传的功能时候，发现uni.choosefile上传文件不支持app，所以就自己写了一个上传的方法。、        首先写了一个上传文件的组件。、，用input写成的。 <view class="content" style="opacity: 0; position: absolute; bottom: 0; width: 0rem; height: 0rem;" > <view ref="input" class="i ...

uni-app Request请求设置请求头Referer参数 首先看到uni-app官网提供的文档来看是不支持伪造或修改请求头中的Referer参数的，但我们也有一种解决这个问题的办法。      解决办法： 我这里先说一下解决思路，前端没法设置Header中的Referer但不代表后端不能伪造请求头呀。我们的解决思路就是通过后端服务器 ...

　　uniapp使用指纹识别功能，一般有2种方式：官方api验证或用plus.fingerprint进行验证，下面分别讲解一下。 　　使用指纹识别的基础是需要开启指纹识别的权限：首先需要获取得到权限，在 manifest.json文件中配置 一、官方生物认证API 　　官方生物认证说明：https://uniapp.dcloud.io/api/system/authentication 　　 ...

最近在做uni-app项目时，遇到了需要蓝牙打印文件的功能需要制作，在网上找到了一个教程，这里分享给大家。 引入tsc.js 简单得引入到自己所需要得页面中去，本次我们只要到了标签模式，他同时还有账单模式可以选择。 // 蓝牙打印 指令和转码 var tsc = require('@components/gprint/tsc.js') 蓝牙适配前期工作 首先 ...

uni-app 想要实现最顶部（手机预览包含电量信号的位置）， 改成我们自己想要的，可以是透明状态 解决方案： 在pages.json文件中设置 1、全局取消原生导航栏，注释或者删除即可。 2、在每个页面单独配置style，当navigationStyle设为custom或titleNView设为false时，原生导航栏不显示： { 　　"path": "pages/index/index" ...

Uni-app工程转vue-cli工程步骤 一、全局安装vue-cli // 安装之前需要安装node,npm,安装方法自行百度 npm install -g @vue/cli 二、创建一个空的uni-app工程 //使用正式版（对应HBuilderX最新正式版），my-project项目名称不支持驼峰式命名 vue create -p dcloudio/uni-preset-vue my-project //执行命令会先安装uni-app ...

分享一个uni-app实现手写签名的方法 具体代码如下： <template> <view > <view class="title">请在下面输入签名：</view> <canvas class="mycanvas" canvas-id="mycanvas" @touchstart="touchstart" @touchmove="touchmove" @touchend="touchend"></canvas> <view class="footer"> <view class="left" @click="f ...

前置条件： 开发环境：windows 开发框架：uni-app , H5+，nativeJS 编辑器：HbuilderX 2.8.13     4. 兼容版本：安卓，IOS已作测试 进入正题： 文档地址uni-app： https://uniapp.dcloud.io/collocation/frame/lifecycle?id=%e9%a1%b5%e9%9d%a2%e7%94%9f%e5%91%bd%e5%91%a8%e6%9c%9f uni-app自定义 ...

背景 最近项目使用uni-app实现微信支付，把过程简单记录下，帮助那些刚刚基础uni-app，苦于文档的同学们。整体来说实现过程和非uni-app的实现方式没有太大不同，难点就在于uni-app对于orderInfo的格式没有说明。 准备工作 申请了商户号，拿到了API秘钥。这个需要微信开发平台，相关的工作大家百度。 后面代码里用到的appid ...

最近在做一个截图功能，发现uni-app分享自定义图片还是有点问题 APP端的分享和微信小程序分享还是有点不同的，这里APP测试用的是安卓手机   下面列举下我遇到的问题 1.draw函数的回调不执行 　　　　一般都是ctx.draw(false,()=>{})的方式执行，但是打印半天都不进入，发现是回调函数的问题，查了一会，最终还是在微信 ...

对于uni-app的开发，很多地方都需要h5+接口去实现，对于需要切入原生方式开发的，因为对Android 原生开发不了解，所以就显得很无奈。因业务需求，需要监听电话状态，找了好久天才找到，特意来分享一下： let maintest = plus.android.runtimeMainActivity(); let Contexttest = plus.android.importClass("android. ...

uni-app以其“一次开发，多端覆盖”的理念深得大家青睐，并且生态环境丰富，本文以一个幸运轮盘小例子，简述canvas的相关操作，仅供学习分享使用，如有不足之处，还请指正。 什么是canvas? canvas又称画布，为uni-app提供自定义绘制的区域，通常用于图表或者图片的处理。在uni-app开发中，如果要在canvas中进行绘制，需要通 ...

传统vue组件，需要安装、引用、注册，三个步骤后才能使用组件。easycom将其精简为一步。 只要组件安装在项目的components目录下，并符合components/组件名称/组件名称.vue目录结构。就可以不用引用、注册，直接在页面中使用。 如下： <template> <view class="container"> <uni-list> <uni-list ...

概述 在实际工作中，App既需要支持Android手机，又要支持IOS手机，还要支持微信小程序，公众号等，面对这样的需求，是否劳心费力，苦不堪言，还要考虑各平台的兼容性。现在uni-app以“开发一次，多端覆盖”的理念，海纳百川，求同存异，受到大多数开发者的青睐。uni-app是采用vue.js作为开发前端应用的框架，开发者编写一套 ...

官网：https://uniapp.dcloud.io/component/swiper 效果图：    <view class="swiper"> <swiper :interval="3000" :duration="1000" :indicator-dots="false" :current="topSwiperIndex" @change="topSwiperTab"> <swiper-item v-for="(item,index) in topSwiper" :key="index"> ...

https://nativesupport.dcloud.net.cn/AppDocs/README https://blog.csdn.net/u012375924/article/details/85716965?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-2.channel_param&depth_1-utm_source=distrib ...

最近在项目中遇到这么一个需求，需要在小程序中跳转第三方界面，认证通过后跳转三方界面，整理了一下代码，做个记录 1.小程序中新建一个vue文件用作承载web-view <template> <view> <web-view :src="url"></web-view> </view> </template> <script> export default { data() { r ...