uni-app结合PHP实现单用户登陆
单用户登陆，即在一个应用中，同一个用户只能在线登陆一个，一个用户登陆，在其他设备上会被即时挤下线，确认后清空登陆该设备上的登陆装填并退回到登陆界面。
uni-app是目前能通过使用vue.js框架只需要编写一套代码同时打包Android，IOS，微信小程序，头条支付宝小程序和H5，通过使用HBuilder工具方便调试与 ...
uni-app 生命周期函数
应用生命周期
函数名说明
onLaunch
当uni-app 初始化完成时触发（全局只触发一次）
onShow
当 uni-app 启动，或从后台进入前台显示
onHide
当 uni-app 从前台进入后台
onUniNViewMessage
对 nvue 页面发送的数据进行监听，可参考 nvue 向 vue 通讯
注意
应用生命周 ...
uni-app 基础
uni-app 是一款基于 vue 的支持多端开发的一套开源的架构
创建 && 运行发布
除了运用 HBuilderX 之外，还可以使用 vue-cli 进行创建项目，但是 vue-cli 必须是 3.x 的版本
npm instiall -g @vue/cli // 安装 vue-cli 最新的版本
vue creat -p dcloudio/uni-preset-v ...
uni-app 之 聊天室页面滚动到底部
uni-app 之 聊天室滚到最底部
请注意 ！： 知识点为uni-app 与 vue 结合
这次写到聊天室，碰到一个emmmmm问题比较严重的事情，聊天嘛，咱们想实现的就无非是微信，QQ那种聊天的效果嘛，我们研究了，，，，emmmm （n久之长），终于是把这个功能写出来了，代码等什么时候整理出来给大家看，今天主要说一 ...
uni-app编译配置
Uni-app 编译配置
<!-- #ifdef H5 -->
<view>只在H5编译</view>
<!-- #endif -->
<!-- #ifdef APP-PLUS -->
<view>只在Android/IOS端编译</view>
<!-- #endif -->
<!-- #ifdef MP -->
<view>只在小程序（百度，蚂蚁金服，百度）端编译</view>
<!-- #endif -->
<! ...
解决uni-app开发环境中H5端跨域问题
此跨域问题只存在于浏览器端，App和小程序不存在跨域问题
参考地址：
manifest.json官方配置文档： https://uniapp.dcloud.io/collocation/manifest?id=devserver
Chrome 调试跨域问题解决方案之插件篇： https://ask.dcloud.net.cn/article/35267
其实uni-app官方有解决跨域的办法，官方推荐使用HBuilderX ...
uni-app 之地图 map
uni-app 之地图 map
怎么说呢，，，我们公司啊（忒好啊）是房地产公司，所以我现在写的是一个关于买房卖房一类的APP，用的这个uni-app ，这种app少不了的就是房产经纪人啊，置业部的店铺啊，店铺啊就不用说了，位置被~~~~是吧
看了一下uni-app 的地图给大家实例一下
<map> 说一说属性问题
...
在小程序里添加跳转外部链接web-view(使用的是uni-app)
1.创建一个空的文件
2.在文件夹里放置web-view
<view>
<web-view :src="url" :progress="false">
</web-view>
</view>
3.在js里接收传递过来的链接
<script>
export default {
data() {
return {
url: ''
};
},
onLoad(val) {
this.url = decodeURIComponent(val.url) //解码网址
},
}
</scri ...
uni-app v-for循环遍历 动态切换class、动态切换style
动态切换class，主要代码：:class="i.themColor"
<view v-for="i in htmlJSON" class="column" :class="i.themColor" >
<view class="uni-flex uni-column line">
<view class="flex-item flex-item-V uni-bg-red">
<view class="flex-item left">
<view class="t ...
uni-app h5端跳转到底部导航栏的时候使用方法uni.switchTab跳转刷新页面更新数据
h5端的uni-app项目
需求：uni-app h5端跳转到底部导航栏的时候使用方法uni.switchTab跳转刷新页面更新数据
百度的方法如下：
uni.switchTab({
url: '/pages/index/main',
success: function (e) {
var page = getCurrentPages().pop();
console.log('page',page)
if (page == undefined || pa ...
Uni-app登录态管理（vuex）
应用中，保持登录状态是常见需求，本文讲解使用uni-app框架时如何保持用户登录状态。
即：初次进入应用为未登录状态------->登录---------->关闭应用，再次打开--------->为已登录状态
传统应用保持登录状态的方式是通过读取 cookie 来判断是否是登录状态，但是uni-app不支持对cookie的读写。因为uni-app框架的主体是 VUE， ...
uni-app入门学习
什么是 uni-app
1 uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架，开发者编写一套代码，可编译到iOS、Android、H5、小程序等多个平台。 官方的体验例子：
2 uni-app在跨端数量、扩展能力、性能体验、周边生态、学习成本、开发成本等6大关键指标上拥有极强的竞争优势 。
跨端数量更多
平台能力不受限
性能体 ...
uni-app 搜索栏
uni-app 搜索栏
1 <template>
2 <view>
3 <view class="content1"></view>
4 <view class="search-block">
5 <view class="search-ico-wapper">
6 <image src="../../static/chongzhi_sousuo/chongzhi-icon-sousuo@3x.png" class="search-ico" mode=""></image>
7 ...
uni-app调用支付宝、微信支付
项目中要用到支付功能，现在来看支付宝、微信应该是必选的两个方式了。
uni-app 文档中要求：APP端 微信 和 支付宝的 orderInfo 必须是 字符串。
调用支付宝时，支付宝直接返回的 orderInfo 就是拼接好的字符串，拿来用即可。很顺利的完成调起，支付。
调用微信遇到了问题。
微信返回的是加密后的 签名，也就是 sign 这个字 ...
uni-app 之 数据缓存
uni-app 之 数据缓存
铛铛铛~~~之前有写过一个navagator路由的博客，今天就分享一下关于数据缓存的把
1.uni.setStorage(OBJECT) 与 uni.getStorage(OBJECT) 这两个是异步缓存，简单说就是将数据放到本地缓存指定的key中，一个存一个取罢了
uni.setStorage(OBJECT) ：将数据缓存在本地缓 ...
基于Promise封装uni-app的request方法，实现类似axios形式的请求
基于Promise封装uni-app的request方法,h5和小程序均可使用
特别之处
支持Promise API
拦截请求和响应
转换请求和响应数据
取消请求
自动转换为JSON数据
超时请求
告别callback
支持默认请求前缀
支持并发请求
特别之处
uni-app框架中
安装
npm install uni-request --save
文件中引用
import uniReque ...
uni-app 数据缓存（setStorage）
uni-app 数据缓存（setStorage）
1 <template>
2 <view>
3
4 </view>
5 </template>
6
7 <script>
8 var _self;
9 export default {
10 data() {
11 return {
12
13 }
14 },
15 methods: {
16 ...
uni-app 图片上传（uploadFile，chooseImage）
uni-app 图片上传（uploadFile）
1 <template>
2 <view>
3 <progress :percent="percent" strock-width="10"></progress>
4 <button type="primary" @tap="cI">chooseImg</button>
5 </view>
6 </template>
7
8 <script>
9 // 注册一个进度条
10 var _self;
11
12 exp ...
uni-app 选择图片（chooseImage）
uni-app 选择图片（chooseImage）
1 <template>
2 <view>
3 <button type="primary" @click="img">button</button>
4 <button type="primary" @tap="info">info</button>
5 </view>
6 </template>
7
8 <script>
9 export default {
10 data() {
11 return {
12 ...
uni-app插件ColorUI步骤条
1. uni-app插件ColorUI步骤条
1.1. 前言
uni-app就不介绍了，前面几篇已经有所介绍，不知道的可以翻看我前面几篇博客
ColorUI-uniApp是uni-app的一款ui组件，事实上就是对uni-app组件添加css，使其更加漂亮
这里我抛砖引玉的介绍一下步骤条的使用，之所以介绍它是因为使用它的过程中，发现的几点问题
第一它本身的例子太 ...
