2020年4月17日

【小程序】使用uni-app搭建小程序环境--登录流程

摘要: 微信小程序授权一般可以获取用户的openid、昵称、头像、用户所在省和市、性别 ①、首先引导用户点击授权按钮 1 <button open-type="getUserInfo" bindgetuserinfo="bindGetUserInfo">点击授权</button> ②、然后编写bindGet 阅读全文

posted @ 2020-04-17 20:44 smile轉角 阅读(1580) 评论(0) 推荐(0) 编辑

【小程序】使用uni-app搭建小程序环境---时间格式问题 new Date(str) IOS系统跟Android系统不兼容

摘要: 今天做了一个需求,要在列表中把后台返回来的时间给显示出来,使用 new Date(str) 在微信开发者工具上显示是没有问题的,然后在IOS系统上显示是NAN。 原因是 IOS系统只识别 " / " 不识别 " - ". 后台返回来的时间类型一般有三种 时间、时间搓、字符串。我们就研究一下这三种类型 阅读全文

posted @ 2020-04-17 20:43 smile轉角 阅读(810) 评论(0) 推荐(0) 编辑

【小程序】使用uni-app搭建小程序环境---条件编译

摘要: 条件编译写法 说明 仅出现在5+App平台下的代码 #ifdef APP-PLUS 需条件编译的代码 #endid ———————————————— 除了H5平台,其它平台均存在的代码 #ifndef H5 需条件编译的代码 #endif ———————————————— 仅仅在H5平台和微信小程序 阅读全文

posted @ 2020-04-17 20:40 smile轉角 阅读(1216) 评论(0) 推荐(0) 编辑

【小程序】使用uni-app搭建小程序环境--VueX

摘要: 使用VueX 存储登录状态 问题一:在vue页面中使用 this.$store.dispatch('login',option) 没有任何报错 没有任何反应 问题二:在js中使用 this.$tore.state.userInfo 报错 Uncaught TypeError: Cannot read 阅读全文

posted @ 2020-04-17 20:39 smile轉角 阅读(1472) 评论(0) 推荐(0) 编辑

【小程序】使用uni-app搭建小程序环境---页面刷新问题

摘要: 一、页面跳转后刷新 页面逻辑:我的页面 点击头像 登录弹窗 点击去登录 登录后跳转到我的页面 存在的问题:没有加载我的页面接口 解决方案: uni.switchTab({ url: this.backurl, success(){ let page = getCurrentPages().pop() 阅读全文

posted @ 2020-04-17 20:38 smile轉角 阅读(2558) 评论(0) 推荐(0) 编辑

【小程序】使用uni-app搭建小程序环境---顶部导航条

摘要: 在使用顶部导航功能时遇到:页面不滚动,不会触发@scrolltolower功能 解决方案:给swiper-view 组件加高度 阅读全文

posted @ 2020-04-17 20:37 smile轉角 阅读(756) 评论(0) 推荐(0) 编辑

【小程序】使用uni-app搭建小程序环境---video

摘要: 相关资料:视频组件控制 阅读全文

posted @ 2020-04-17 20:36 smile轉角 阅读(593) 评论(0) 推荐(0) 编辑

【小程序】使用uni-app搭建小程序环境---播放音频

摘要: 微信小程序平台自基础库 1.6.0 版本开始,不再维护 audio 组件,推荐使用API方式而不是组件方式来播放音频。API见 uni.createInnerAudioContext 替代。 app-nvue也不支持此组件。 故采用API方式 相关资料 音频组件控制 阅读全文

posted @ 2020-04-17 20:35 smile轉角 阅读(3075) 评论(0) 推荐(0) 编辑

【小程序】使用uni-app搭建小程序环境---滚动位置

摘要: uni.createSelectorQuery().select(".comment").boundingClientRect((res)=>{ console.log(res); // console.log(_this.imgHeight ,_this.imgHeight * 27); uni. 阅读全文

posted @ 2020-04-17 20:34 smile轉角 阅读(419) 评论(0) 推荐(0) 编辑

【ajax】get 和post区别

摘要: post 每次都执行 不被缓存 get 同一个地址不重复执行 可以被缓存 阅读全文

posted @ 2020-04-17 20:33 smile轉角 阅读(223) 评论(0) 推荐(0) 编辑

【小程序】使用uni-app搭建小程序环境---滑块组件

摘要: https://ext.dcloud.net.cn/plugin?id=181 阅读全文

posted @ 2020-04-17 20:32 smile轉角 阅读(512) 评论(0) 推荐(0) 编辑

【小程序】使用uni-app搭建小程序环境---基础组件的自动化全局注册 ******

摘要: 功能: 想实现自动化全局注册组件 const componentsContext = require.context('./components', true, /Base[A-Z]\w+\.(vue|js)$/); console.log('????',componentsContext,comp 阅读全文

posted @ 2020-04-17 20:30 smile轉角 阅读(2095) 评论(0) 推荐(0) 编辑

【小程序】使用uni-app搭建小程序环境---图片懒加载

摘要: 属性: 属性名类型默认值说明平台差异说明 src String 图片资源地址 mode String 'scaleToFill' 图片裁剪、缩放的模式 lazy-load Boolean false 图片懒加载。只针对page与scroll-view下的image有效 微信小程序、5+APP、百度小 阅读全文

posted @ 2020-04-17 20:29 smile轉角 阅读(6830) 评论(0) 推荐(0) 编辑

【小程序】使用uni-app搭建小程序环境---列表上拉加载更多

摘要: <template> <view> <view class="banner" @click="goDetail(banner)"> <image class="banner-img" :src="banner.cover"></image> <view class="banner-title">{{ 阅读全文

posted @ 2020-04-17 20:27 smile轉角 阅读(1120) 评论(0) 推荐(0) 编辑

【小程序】使用uni-app搭建小程序环境---页面跳转

摘要: 标签方式: <navigator class="search" url="/pages/home/search" >搜索课程</navigator> 含参数跳转 <navigator :url="'/pages/course/courseList?name='+item3.name+'&cid='+ 阅读全文

posted @ 2020-04-17 20:23 smile轉角 阅读(1737) 评论(0) 推荐(0) 编辑

【小程序】使用uni-app搭建小程序环境--轮播图

摘要: 轮播图: <view class="uni-padding-wrap"> <view class="page-section swiper"> <view class="page-section-spacing"> <swiper class="swiper" :indicator-dots="in 阅读全文

posted @ 2020-04-17 20:21 smile轉角 阅读(796) 评论(0) 推荐(0) 编辑

【小程序】使用uni-app搭建小程序环境---路由配置及页面跳转获取参数

摘要: 路由 uni-app路由全部交给框架统一管理,开发者需要在pages.json里配置每个路由页面的路径及页面样式,不支持 Vue Router。 范例: "pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/p 阅读全文

posted @ 2020-04-17 20:18 smile轉角 阅读(4349) 评论(0) 推荐(0) 编辑

【小程序】使用uni-app搭建小程序环境---工程结构和页面管理

摘要: 工程结构和页面管理 uni-app的工程结构有单独的要求,详见 每个可显示的页面,都必须在 pages.json 中注册。如果你开发过小程序,那么pages.json类似app.json。如果你熟悉vue,这里没有vue的路由,都是在pages.json里管理。 原来工程的首页一般是index.ht 阅读全文

posted @ 2020-04-17 20:16 smile轉角 阅读(429) 评论(0) 推荐(0) 编辑

【小程序】使用uni-app搭建小程序环境---尺寸单位

摘要: 尺寸单位 uni-app 支持的通用 css 单位包括 px、rpx px 即屏幕像素 rpx 即响应式px,一种根据屏幕宽度自适应的动态单位。以750宽的屏幕为基准,750rpx恰好为屏幕宽度。屏幕变宽,rpx 实际显示效果会等比放大。 vue页面支持普通H5单位,但在nvue里不支持: rem 阅读全文

posted @ 2020-04-17 19:31 smile轉角 阅读(2664) 评论(0) 推荐(0) 编辑

【小程序】使用uni-app搭建小程序环境---css变化

摘要: css的变化 标准的css基本都是支持的。 选择器有2个变化:*选择器不支持;元素选择器里没有body,改为了page。微信小程序即是如此。 复制代码page{ } 单位方面,px无法动态适应不同宽度的屏幕,rem只能用于h5。如果想使用根据屏幕宽度自适应的单位,推荐使用rpx,全端支持。 尺寸单位 阅读全文

posted @ 2020-04-17 19:12 smile轉角 阅读(1115) 评论(0) 推荐(0) 编辑

导航