Uni-app

onShow() {
this.token = $.getCache(‘token’);
this.getUserInfo();
},
没有事件 就在onShow 里 this,****()

image src ？ ：

渲染页面
v-for="(item,index) in organ"
v-for=“item in jigou2” :key=“item.id”

:class="[‘borderColor’,navColor==index?‘color’:’’]"

￥{{item.serve_price}}{{item.serve_unit}}

携带两个参数
$.gopage(’./recharge?num=’ + this.rechargeNum + ‘&num1=’+this.giveNum) ‘ &&’

获取手机验证码 60秒验证（先获取手机验证码再倒计时）

   <view v-if="showText==true"  class="verification "  @click="getphoneCode">发送验证码</view>
  <view v-else style="width:140rpx;text-align: center;">{{second+'秒'}}</view>
  
  second:60,
  showText:true,
  
	getphoneCode(){
			$.ajaxpost(api.getCode,{mobile:this.phone},res=>{
				console.log(res)
				if(res.code==0){
					this.showText = false
					  var interval = setInterval(() => {
					      let times = --this.second
					      this.second = times<10?'0'+times:times //小于10秒补 0
					  }, 1000)
					  setTimeout(() => {
					      clearInterval(interval)
					      this.second=60
					      this.showText = true
					  }, 60000)
				}
			})
		},

上拉加载下拉刷新：

路由配置：
“enablePullDownRefresh”: true,

解决上拉一直加载最后一条数据，没有数据是uni.stopPullDownRefresh()

开关：

 <view class="guanli"  @click="editCart">{{editFlag ? '完成' : '编辑'}}</view>
					 <view class="jiesuan_right"  v-if="!editFlag">
							<view class="heji">合计:</view>
							<view class="jiesuan-num">￥200元</view>
				 	</view>
					<view  v-else class="jiesuan-right">
						<view class="jiesuan-text">移入关注</view>
					</view>
	变量editFlag默认false
	点击事件：this.editFlag = !this.editFlag;
 

跳转进入一个新页面，过一秒跳新的页面

嵌套循环

	<view v-for="(item, index) in list">
		<view @click="getInfo(index, reindex)" v-for="(ree, rindex) in item.info">{{ree.xxx}}
			<view @click="getInfo(index, reindex, aindex)" v-for="(abc, aindex) in ree.xx">{{abc.}}</view>
		</view>
	</view>
	 

小程序条件编译

// #ifdef  MP-WEIXIN
uni.showToast({
title:'请使用我要路演APP端打开',
icon:"none"
})
return
// #endif    

Swiper

小圆点样式放到全局，样式可以修改

进度条

图表组件

uni-app插件市场，ucharts
数据处理格式：

		let list = res.data.data
		let arr_y = []
		for (let i = 0; i < list.length; i++) {
			let dist_data = {}
			dist_data.name = list[i].name
			dist_data.value = Number(((list[i].count / res.data.total) * 100).toFixed(2))
			arr_y.push(dist_data)
		}	
		if (res.data.other.length > 1) {
			let other = {}
			other.name = '其他'
			other.value = Number(((res.data.otherTotal / res.data.total) * 100).toFixed(2))
			arr_y.push(other)
		} else {
			return
		}
		this.$nextTick(() => {
			this.chartsDataRose.series[0].data = arr_y
		})

单选取消单选

:class="isChange==index?'blue':''"
if (index != this.isChange) {
	this.isChange = index;
} else {
	this.isChange = -1;
}

Uview

使用：

import uView from 'uview-ui'
Vue.use(uView);
App.vue页面引入样式
	@import "uview-ui/index.scss";