这是我参与2022首次更文挑战的第18天，活动详情查看：2022首次更文挑战 概述 打包为原生App，发布为H5 1.打包为原生App 在HBuilderX工具栏，点击发行，选择原生app-云端打包
注意: 1.在 uni-app 中不能使用 * 选择器。 2.page 相当于 body 节点 3.背景图片：本地背景图片的引用路径推荐使用以 ~@ 开头的绝对路径;注：微信小程序不支持相对路径（真机不支持，开发工具支持） 组件： 1.公共属性列表 每个组件都有各自定义的属性，但所有uni-app的 ...
转载
2021-10-18 18:59:00
202阅读
2评论
初始化npm initvuenpm i vue vuex vue-routerfont-awesomenpm i font-awesome -Simport 'font-awesome/css/font-awesome.min.css'sassnpm install --save-dev sass-loadernpm install --save nod...
//小程序获取用户信息 获取手机号 <template> <view class="content">
首先制作自动以基座，然后运行基座选择：自定义基座。
文章目录一、App 版本自动升级1、Uniapp 前端实现2、SpringBoot 后端实现微信公众号一、App 版本自动升级1、Uniapp 前端实现定义消息通知//js文件格式是GBK,在调用时手机上汉字会出现乱码，请大家在使用时复制粘贴一份，另存为UTF-8的文件格式，注意其中汉字显示是否正常，注释信息无所谓//util.js原来是GRK格式（通知栏中会显示乱码），需重新复制一份，uniapp中js文件默认是UFT-8格式：将复制后的js文件中的中文乱码修改即可使用//在通知栏显示下载进度
原创
2021-12-27 10:06:25
3879阅读
┌─components uni-app组件目录│ │─uni-load-more 加载│ │ └─uni-load-more 加载圈│ │─uni-media-list 图文列表│ │ └─uni-media-list 图文列表│ └─...
原创
2022-01-05 13:45:37
158阅读
普通弹窗：uni.showModal({ title:'hello', success(res) { if (res.confirm) { console.log('用户点击确定') } else if (res.cancel) { cons
<template> <view class="content"> <input class="uni-input" focus placeholder="自动获得焦点" v-model="msg" style="padding-top: 100rpx;"/> <image class="logo" src="/static/logo.png
<template> <view> <button @tap="startRecord">开始录音</button> <button @tap="endRecord">停止录音</button> <button @tap="playVoice">播放录音</button> &l
动态样式，适应场景一堆按钮，点中哪个哪个高亮，简单示例 <view :class="[i == current ? 'menu menu-hover' : 'menu']" v-for="(m,i) in menu" :current="current" :key="i" @click="btn(i ...
转载
2021-09-15 14:43:00
236阅读
2评论
不要用原生的img标签 ，app端会不显示， 需要用image 标签 长按事件用 @longpress 触发，抬起用@touchend 触发，如果用 @touchstart 和 @touchend 组合用的话，app端无法到长按事件 场景：自建聊天室，需要每发送或者接收一条消息则滚动到最 ...
转载
2021-09-18 22:47:00
160阅读
2评论
<template> <view class="container"> <button @tap="createCanvas">签名</button> <view class="signature" v-show="showCanvas"> <canvas class="mycanvas" canv ...
转载
2021-07-19 15:56:00
155阅读
1、uniapp跳转 默认的uniapp的跳转方法 toIndex(){ console.log("登陆到主页") uni.switchTab({url: '/pages/port/port', success: res => {},fail: (e) => { console.log(e)//通过 ...
转载
2021-09-10 15:37:00
87阅读
2评论
借鉴链接：https://blog..net/qq_33165549/article/details/89879435 1.扫描页面 <template> <view> </view> </template> <script> var barcode = null; export defau ...
转载
2021-08-03 14:29:00
144阅读
效果图代码：<template> <view> <view class="circle" :animation="animationData" @click="turn" > {{tips}} </view>
1. 在pages.json中的 subPackages 写： 其中 root 是分包包名，name 是分包的别名，pages是页面，页面可以定义 页面路径和样式。 2. 然后创建指定文件夹： 3，验证，可以打开WX小程序 里面看看详情： 看看红框框，证明成功了. 如果真实开发，请记得一定要提前进行
文章目录1、Android Studio（1）相关环境准备（2）导入打包项目（3）打包Uniapp为App资源（4）配置详细过程微信公众号1、Android StudioUniapp 的官方文档有点简洁，对于没有接触过安卓的开发者来说，无疑是晴天霹雳，由于公司的App项目需要对接硬件，所以打包方式被迫变为了Android Studio 离线打包 Uniapp，这里我详细记录一下打包过程，方便以后使用。官方提供的App离线打包可以作为参考（1）相关环境准备Android Studio中文社区下载A
原创
2021-12-27 10:06:26
1270阅读
