weixin_43845137的博客

uni-app使用git

分包

目录uni-app项目之 请求的二次封装utils / app.js挂载全局 main.jsuni-app项目之 请求的二次封装utils / app.js// 对请求的 二次封装const baseUrl = "http://localhost:9999";export const myHttp = (options) => { return new Promise(( resolve, reject )=>{ uni.request({ url:baseUrl +

目录uni-app项目之 商品列表的下拉刷新 与 上拉加载更多uni-app项目之 商品列表的 上拉加载更多goods.vue效果uni-app项目之 商品列表的下拉刷新goods.vuepages.json效果uni-app项目之 商品列表的下拉刷新 与 上拉加载更多uni-app项目之 商品列表的 上拉加载更多goods.vue<template> <view class="goods_wrap"> <view class="goods_list">

目录uni-app之项目 首页实现2轮播图的实现首页 导航的实现推荐商品完整的首页uni-app之项目 首页实现2轮播图的实现index / index.vue<template> <view class="home"> 首页 swiper- {{ swiper }} <swiper class="swiper" circular indicator-dots="true" autoplay interval="2000" duration="500" &g

目录uni-app之项目的搭建101:创建项目 + 修改项目的标题02：底部tabbar的配置pages.jsonuni-app之项目的搭建101:创建项目 + 修改项目的标题修改标题 pages.json{ "pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages { "path": "pages/index/index" } ], "globalStyle": { "n

目录uni-app之组件定义uni-app之组件通信父向子 传递数据父组件子组件子向父组件传值子组件父组件兄弟组件通信msg.vueA组件B组件uni-app之组件定义在components之中定义组件uni-app之中的定义的 .vue组件，其中生命周期函数，与vue组件一致<template> <view> 我是test </view></template><script> export default { na

目录uni-app之 声明式导航uni-app之 声明式导航 跳转跳转到普通页面跳转到 tabbar页面open-type 相关值redirectuni-app之 声明式导航 传参url方法传递参数页面 拿到传递的参数数据uni-app之 编程式导航uni-app之 编程式导航 跳转uni.navigateTo(OBJECT)uni.switchTab(OBJECT)uni.redirectTo(OBJECT)编程式导航 传参当前页面，跳转到下一个页面，传递参数值跳转到页面后，获取传递的参数uni-app

目录uni-app之 条件注释 实现跨端兼容页面视图的 相关显示js代码之中 区分不同端 显示css的 不同端口显示uni-app之 条件注释 实现跨端兼容官网#ifdef：if defined 仅在某平台存在#ifndef：if not defined 除了某平台均存在%PLATFORM%：平台名称页面视图的 相关显示我希望在h5看见只是在h5显示在小程序看见只是在微信小程序显示<template> <view> <!--

目录uni-app之图片的上传图片上传 与 图片预览uni-app之图片的上传图片上传图片上传 与 图片预览<template> <view> <button type="default" @click="upload">上传图片</button> <image v-for="(item) in imgArr" :src="item" mode="" @click="previewImg(item)"></imag

目录uni-app之数据的存储存储 取 删 数据同步的 存储 取 删 数据uni-app之数据的存储存储 取 删 数据官网uni.setStorage(obj) 存储数据obj里面有着以下参数：obj 为 { key, data, success, fail, complete }其中：key为存储的值，data为存储的数据，suc为成功的回调，fail为失败的回调，complete为接口调用结束的回调函数（调用成功、失败都会执行）uni.getStorage(obj) 拿

目录uni-app之下拉刷新与 上拉加载uni-app之下拉刷新page.json方式1 使用配置项的 形式开启下拉刷新页面 msg.vue方式2 自定义按钮事件 触发 uni.startPullDownRefresh()uni-app之上拉加载 ( 页面触底 )page.json 配置msg.vue 使用 页面触底 生命函数 onReachBottomuni-app之下拉刷新与 上拉加载uni-app之下拉刷新需要 在 page.json 文件之中 的对应的 page之中 设置"enableP

目录uni-app之生命周期函数应用的生命周期 App.js页面之中的生命周期函数uni-app之生命周期函数应用的生命周期 App.jsonLaunch当小程序初始化完成时，会触发 onLaunch（全局只触发一次）onShow当小程序启动，或从后台进入前台显示，会触发 onShowonHide当小程序从前台进入后台，会触发 onHideonError当小程序发生脚本错误，或者 api 调用失败时，会触发 onError 并带上错误信息<script> export

目录uni-app之样式 scss 和 字体图标uni-app之样式 rpx导入外联样式表base.cssdetail.vueuni-app之 字体图标下载字体图标把对应的字体库copy到 static文件下 font文件目录在App之中使用，加载全局使用 字体图标uni-app使用 scss等uni-app之样式 scss 和 字体图标注意点：uni-app之中选择器，有id，class，标签等，但是没有 * 选择器page标签就类似 bodyuni-app之样式 rpxrpx 即响应式

目录uni-app之 组件的使用视图组件view （类似 div）基础内容组件text组件progress进度条组件基础表单组件按钮媒体组件image组件uni-app之 组件的使用组件官网视图组件view （类似 div）hover-class设置一个类名，就是点击的时候，触发类名的样式，默认为nonehover-stop-propagation阻止冒泡事件hover-start-time按下后，根据设置的时间，时间达到后，加载对应的样式hover-stay-ti

目录uni-app入门篇 全局样式配置page.json设置 uni 导航栏背景颜色导航栏标题颜色navigationBarTitleText开启下拉刷新 配置 下拉刷新的背景颜色uni-app入门篇 页面创建page.json 配置文件之中新建一个 msg 页面路径对当前新增的页面 修改单独的样式设置单独的样式 h5等uni-app入门篇 全局样式配置page.json这是关于 uni项目的页面的全局配置文件，里面有着全局样式等配置全局样式配置文件官网：全局样式globalStyle全局样式是

目录uni-app之入门语法篇属性绑定与插值表达式v-bind:class || :class事件绑定数据的双向绑定条件判断与三目uni-app之入门语法篇属性绑定与插值表达式v-bind:class || :class属性的绑定 <view :class="title" > {{ title }} <br /> <text v-bind:class="title2">{{title2}}</text> </view&gt

目录uni-app之基础篇安装HBuilder X软件uni-app之基础篇安装HBuilder X软件HBuilder X链接运行：打开解压后的文件夹，找到一个叫做“Hbuilder.exe”的可执行文件，这个可执行文件就是Hbuilder的启动文件。解压之后，要进行邮箱登录注册账号等操作！............