<view class="content-box-scroll" v-show="btnList.length > 0"> <scroll-view scroll-x style="white-space: nowrap;width: 100%;"> <block v-for="(item, index) in btnList" :key="index&qu
目录 前言 一、应用生命周期 二、页面生命周期 三、组件生命周期 总结 前言 uni-app 的生命周期主要分为:用生命周期、页面生命周期、组件生命周期三种 一、应用生命周期 注意:仅在App.vue中有效,在其他页面监听无效 onLaunch当uni-app 初始化完成时触发(全局只触发一次)onShow
前言 在 Vue 和 uni-app 的使用过程中,我们常使用到 v-show 与 v-if 。但很多人在用时并不知道两者到底有什么区别,下面就由我来介绍下吧 一、v-show v-show 是一个根据条件展示元素选项的指令 : <view v-show="true">Hello!</view> v-show 不管条件是真还是假,第一次渲染的时
表单中的地址用地图的方式进行编辑与选址 看效果第一步:登录公众平台==>设置==>第三方设置第二步:登录腾讯地图申请属于自己小程序的key第三步:找到腾讯地图的插件第四步:添加插件与允许授权第五步:通过点击事件进入插件第六步:拿到接口调用的数据 看效果 第一步:登录公众平
通过globalStyle进行全局配置 用于设置应用的状态栏、导航条、标题、窗口背景色等。详细文档 属性类型默认值描述navigationBarBackgroundColorHexColor#F7F7F7导航栏背景颜色(同状态栏背景色)navigationBarTextStyleStringwhite导航栏标题颜色及状态栏前景颜色,仅支持 black/wh
/pages/my/fava/fava.vue <template> <view class="page"> <!-- 导航栏 --> <free-nav-bar title="我的收藏" showBack :showRight="false"></free-nav-bar> <view class="pt-3 px-3" v-for="
uni-app中为什么在模拟器真机运行上可以获取定位而在云打包成apk包之后就不行了,这里需要在manifest.json里面配置高德地图key,高德、百度或者其他开放平台申请平台key 高德开放平台在我的应用配置key 这里需要注意的是 根据不同的证书配置不同的SHA1 HBuilderX云端打包选
创建迁移文件 npx sequelize migration:generate /database/migrations/***-fava.js 'use strict'; module.exports = { up: async (queryInterface, Sequelize) => { const { INTEGER, STRING, DATE, ENUM, TEXT } = Sequelize; // 创建表 await que
/pages/chat/chat/chat.vue <template> <view> <!-- 导航栏 --> <free-nav-bar :title="detail.name" :noreadnum="totalNoreadnum" showBack> <free-icon-button slot="right" @click="openChatSe
简介 分为:应用、组件、页面的生命周期 应用 在App.js,定义应用生命周期: 加载,显示,隐藏 onLaunch: function() { // 登录处理,全局变量 console.log('App Launch') }, // 应用显示执行或应用调到前台执行
基础组件 rpx:类似rem的自动换算。678下 2rpx等于1rpx <view> 块级元素 <text>行级元素 <scroll-view>区域滚动 作用:定义一个有固定高度的滚动区域。需要给height 。 属性:并要scroll-y="true":允许y轴滚动 自定义事件: @Scroll滚动触发的
使用uni封装API uni.scanCode 调用扫码功能 // 允许从相机和相册扫码 uni.scanCode({ success: function (res) { console.log('条码类型:' + res.scanType); //扫描出来的扫码类型 console.log('条码内容:' + res.result); //扫码内容 } }); // 只允许
/pages/my/userinfo/userinfo.vue <template> <view class="page"> <!-- 导航栏 --> <free-nav-bar title="个人资料" showBack :showRight="false"></free-nav-bar> <free-list-item title="头像"
/pages/chat/chat/chat.vue <template> <view> <!-- 导航栏 --> <free-nav-bar :title="detail.name" :noreadnum="totalNoreadnum" showBack> <free-icon-button slot="right" @click="openChatSe
在生活中我们也会接触微信小程序的,今天在我使用组件的时候,就发现了一个问题,同样是使用scss的样式的,在我的goods.vue里面的scss为啥在我购物车页面使用不了就是特别的不理解。 在数据列表里面的样式: 然后,数据就是好好的,在我的购物车页面用的话 应该也是没有问题的 对吧,接
听说uni-app牛逼的狠,一套代码可以发布到各种微信、QQ、百度、头条小程序以及H5、安卓、IOS,牛逼的不要不要的,还有超级多好看的插件,完全拿来即用超级方便? 这么好的话打算小小的学一下,然后重构下我的连词小程序。 学习主要是看官方文档就可以啦,我这里只是大概介绍下我的学习流程而
问题:在小程序里使用swiper组件制作轮播图,给父元素设置了固定宽高,样式圆角border-radius,定位position: relative,超出隐藏overflow: hidden,在安卓机正常显示,但是在ios上圆角不能显示,原因是这个超出隐藏没有生效,所以需要在父元素在添加这四行代码。 backface-visibility: hidden;
uni-app获取DOM元素 uni.createSelectorQuery().select('#reasonSelf') uni.createSelectorQuery().select('.class类名') 如果有许多相同类名的 let doms=uni.createSelectorQuery().selectAll(‘.class1’) doms.fields({ rect:true, //是否返回节点布局位置信息
最近做uni-app项目,在做页面通信录收藏功能时,发现在人员收藏页面,对数据操作后,返回通讯页面,发现从后台取到了数据,可是页面数据没有刷新,只有彻底关闭app后 在重新打开数据才能正确显示,所以查了很多资料,发现uni-app 在加载页面时,子组件是不刷新的,所以需要从主页面调用一下子组件的方
前情 uni-app是我很喜欢的跨平台框架,它能开发小程序,H5,APP(安卓/iOS),对前端开发很友好,自带的IDE让开发体验也很棒,公司项目就是主推uni-app 坑位 最近有用户反馈闪屏页也叫启动页会出现横屏,收到反馈后自测发现确实是有横屏问题,而且横屏进入页面会乱,即使已切到竖屏。 Why? 因为页面
chat.js import $U from "./util.js"; import $H from './request.js'; class chat { constructor(arg) { this.url = arg.url this.isOnline = false this.socket = null // 获取当前用户相关信息 let user = $U.getStorage('user'); this
实际使用中,经常需要小程序分享到好友或者朋友圈,一般而言是一个个页面去设置。 官网分享介绍:https://uniapp.dcloud.io/api/plugins/share?id=onshareappmessage 单页面每一个需要分享的页面多需要单独写上 export default { //发送给朋友 onShareAppMessage(res) { if (res
code.vue <template> <view class="page"> <!-- 导航栏 --> <free-nav-bar title="二维码名片" showBack :showRight="false"></free-nav-bar> <view class="p-5"> <view class="
最近找到了一篇uni-app的地图解决方案精品文章,这里分享给大家,希望对大家有所帮助 转载地址:https://blog.csdn.net/cplvfx/article/details/111447466 前置条件:你需要阅读 https://uniapp.dcloud.io/component/map 先看图 事件监听-属性说明 这个表也是官方的 标红的是我
主要用 uni.login 和 uni.getUserProfile 两个方法。 特别注意 uni.getUserProfile 里会重置code let code = ""; uni.login({ provider: "weixin", success: function (loginRes) { console.log("getUserProfile", l