ICode9

精准搜索请尝试: 精确搜索
  • uni--横向滑动2021-12-07 19:00:06

    <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 生命周期2021-12-04 20:59:06

    目录 前言 一、应用生命周期 二、页面生命周期 三、组件生命周期 总结 前言 uni-app 的生命周期主要分为:用生命周期、页面生命周期、组件生命周期三种 一、应用生命周期  注意:仅在App.vue中有效,在其他页面监听无效 onLaunch当uni-app 初始化完成时触发(全局只触发一次)onShow

  • 关于v-show与v-if的区别以及uni-app小程序中v-show指令失效问题2021-12-04 16:02:59

    前言 在 Vue 和 uni-app 的使用过程中,我们常使用到 v-show 与 v-if 。但很多人在用时并不知道两者到底有什么区别,下面就由我来介绍下吧 一、v-show v-show 是一个根据条件展示元素选项的指令 : <view v-show="true">Hello!</view> v-show 不管条件是真还是假,第一次渲染的时

  • uni-app小程序结合腾讯地图获取定位以及地图选址2021-12-03 10:02:07

    表单中的地址用地图的方式进行编辑与选址 看效果第一步:登录公众平台==>设置==>第三方设置第二步:登录腾讯地图申请属于自己小程序的key第三步:找到腾讯地图的插件第四步:添加插件与允许授权第五步:通过点击事件进入插件第六步:拿到接口调用的数据 看效果 第一步:登录公众平

  • uni-app全局配置和页面配置2021-12-02 19:34:41

    通过globalStyle进行全局配置 用于设置应用的状态栏、导航条、标题、窗口背景色等。详细文档 属性类型默认值描述navigationBarBackgroundColorHexColor#F7F7F7导航栏背景颜色(同状态栏背景色)navigationBarTextStyleStringwhite导航栏标题颜色及状态栏前景颜色,仅支持 black/wh

  • uni-app 128创建收藏和收藏列表2021-12-02 19:02:01

    /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包在手机上运行无法使用uni.chooseLocation获取定位2021-12-02 17:01:16

    uni-app中为什么在模拟器真机运行上可以获取定位而在云打包成apk包之后就不行了,这里需要在manifest.json里面配置高德地图key,高德、百度或者其他开放平台申请平台key 高德开放平台在我的应用配置key 这里需要注意的是 根据不同的证书配置不同的SHA1 HBuilderX云端打包选

  • uni-app 127收藏相关接口开发2021-12-01 21:02:19

    创建迁移文件 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

  • uni-app 126删除指定消息记录2021-12-01 21:02:01

    /pages/chat/chat/chat.vue <template> <view> <!-- 导航栏 --> <free-nav-bar :title="detail.name" :noreadnum="totalNoreadnum" showBack> <free-icon-button slot="right" @click="openChatSe

  • Uni-app——生命周期2021-12-01 18:32:14

    简介   分为:应用、组件、页面的生命周期   应用   在App.js,定义应用生命周期:     加载,显示,隐藏 onLaunch: function() { // 登录处理,全局变量 console.log('App Launch') }, // 应用显示执行或应用调到前台执行

  • uni-app基础组件2021-12-01 16:02:51

    基础组件   rpx:类似rem的自动换算。678下 2rpx等于1rpx   <view> 块级元素   <text>行级元素   <scroll-view>区域滚动     作用:定义一个有固定高度的滚动区域。需要给height 。      属性:并要scroll-y="true":允许y轴滚动     自定义事件: @Scroll滚动触发的

  • uni-app调用扫码功能2021-12-01 14:34:28

    使用uni封装API uni.scanCode 调用扫码功能 // 允许从相机和相册扫码 uni.scanCode({ success: function (res) { console.log('条码类型:' + res.scanType); //扫描出来的扫码类型 console.log('条码内容:' + res.result); //扫码内容 } }); // 只允许

  • uni-app 136修改用户个人资料(二)2021-11-30 21:02:01

    /pages/my/userinfo/userinfo.vue <template> <view class="page"> <!-- 导航栏 --> <free-nav-bar title="个人资料" showBack :showRight="false"></free-nav-bar> <free-list-item title="头像"

  • uni-app 125复制功能实现2021-11-29 21:02:01

    /pages/chat/chat/chat.vue <template> <view> <!-- 导航栏 --> <free-nav-bar :title="detail.name" :noreadnum="totalNoreadnum" showBack> <free-icon-button slot="right" @click="openChatSe

  • 在使用uni-app中mygoods引用的时候样式不起作用的解决办法2021-11-29 12:30:40

    在生活中我们也会接触微信小程序的,今天在我使用组件的时候,就发现了一个问题,同样是使用scss的样式的,在我的goods.vue里面的scss为啥在我购物车页面使用不了就是特别的不理解。 在数据列表里面的样式:     然后,数据就是好好的,在我的购物车页面用的话 应该也是没有问题的 对吧,接

  • uni-app的基本使用2021-11-27 10:34:11

    听说uni-app牛逼的狠,一套代码可以发布到各种微信、QQ、百度、头条小程序以及H5、安卓、IOS,牛逼的不要不要的,还有超级多好看的插件,完全拿来即用超级方便? 这么好的话打算小小的学一下,然后重构下我的连词小程序。 学习主要是看官方文档就可以啦,我这里只是大概介绍下我的学习流程而

  • uni-app的swiper组件设置overflow: hidden不生效2021-11-25 12:03:22

    问题:在小程序里使用swiper组件制作轮播图,给父元素设置了固定宽高,样式圆角border-radius,定位position: relative,超出隐藏overflow: hidden,在安卓机正常显示,但是在ios上圆角不能显示,原因是这个超出隐藏没有生效,所以需要在父元素在添加这四行代码。 backface-visibility: hidden;

  • uni-app获取DOM元素2021-11-24 14:01:47

    uni-app获取DOM元素 uni.createSelectorQuery().select('#reasonSelf') uni.createSelectorQuery().select('.class类名') 如果有许多相同类名的 let doms=uni.createSelectorQuery().selectAll(‘.class1’) doms.fields({ rect:true, //是否返回节点布局位置信息

  • uni-app子组件刷新2021-11-24 09:04:34

    最近做uni-app项目,在做页面通信录收藏功能时,发现在人员收藏页面,对数据操作后,返回通讯页面,发现从后台取到了数据,可是页面数据没有刷新,只有彻底关闭app后 在重新打开数据才能正确显示,所以查了很多资料,发现uni-app 在加载页面时,子组件是不刷新的,所以需要从主页面调用一下子组件的方

  • uni-app 横竖屏问题2021-11-21 12:33:15

    前情 uni-app是我很喜欢的跨平台框架,它能开发小程序,H5,APP(安卓/iOS),对前端开发很友好,自带的IDE让开发体验也很棒,公司项目就是主推uni-app 坑位 最近有用户反馈闪屏页也叫启动页会出现横屏,收到反馈后自测发现确实是有横屏问题,而且横屏进入页面会乱,即使已切到竖屏。 Why? 因为页面

  • uni-app 110清空聊天记录功能2021-11-21 09:30:15

    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

  • uni-app 微信小程序全局分享2021-11-20 16:01:27

    实际使用中,经常需要小程序分享到好友或者朋友圈,一般而言是一个个页面去设置。 官网分享介绍:https://uniapp.dcloud.io/api/plugins/share?id=onshareappmessage 单页面每一个需要分享的页面多需要单独写上 export default { //发送给朋友 onShareAppMessage(res) { if (res

  • uni-app 109生成个人二维码名片2021-11-20 09:33:55

    code.vue <template> <view class="page"> <!-- 导航栏 --> <free-nav-bar title="二维码名片" showBack :showRight="false"></free-nav-bar> <view class="p-5"> <view class="

  • uni-app 地图全解析+事件监听2021-11-20 09:31:52

    最近找到了一篇uni-app的地图解决方案精品文章,这里分享给大家,希望对大家有所帮助 转载地址:https://blog.csdn.net/cplvfx/article/details/111447466 前置条件:你需要阅读 https://uniapp.dcloud.io/component/map 先看图   事件监听-属性说明 这个表也是官方的 标红的是我

  • uniapp 微信小程序 授权获取个人信息2021-11-18 19:04:30

    主要用 uni.login 和  uni.getUserProfile  两个方法。 特别注意 uni.getUserProfile 里会重置code     let code = ""; uni.login({ provider: "weixin", success: function (loginRes) { console.log("getUserProfile", l

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有