uniapp

~  设备相关
　　uni.onNetworkStatusChange(function(res){ 判断网络状态
      console.log(res.isConnected)
      console.log(res.networkType)
   })

　　isConnected  Boolean 当前是够有网路连接  networkType  String 网路类型

　　拨打电话

   uni.makePhoneCall({

　　　　phoneNumber： '13313123123423'

　　})

　　uni.scanCode(Object)

　　uni.scanCode({

　　　　onlyFromCamera: true,

　　　　success: function(res) {

　　　　　　console.log('条码类型' + res.scanType)

　　　　　　console.log('条码内容' + res.result)

　　　　}

　　})

数据请求(俩种)
uni-request模块
基本配置

import uniRequest from 'uni-request';

uniRequest.defaults.baseURL = 'https://dianligongsi001.hzsandao.com/index/apiwx';// api的base_url
uniRequest.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';

// 请求拦截
uniRequest.interceptors.request.use(
    request => {
        //配置基本信息   
        return request;
    },
    err => {
        console.log('请求失败');
        return Promise.reject(err);
    });
 
// 响应拦截
uniRequest.interceptors.response.use(function(response) {
    console.log('返回进入拦截成功')
    return Promise.resolve(response);
}, function(error) {
    console.log('返回进入拦截失败')
    return Promise.reject(error);
});


export default uniRequest;
------------------------------------------------------------------
请求方法配置

import request from '../utils/request.js';


//[post]请求
export function Post(url,data) {
     return request({
          url,
          data,
          method: 'post',
        })
  }

 

生命周期

// 应用生命周期
应用 初始化完成触发一次 全局只触发一次
     做一些登录 全局变量的获取  必须在 App.vue这个页面
onLauch: function () {}

onShow
onHide

// 页面生命周期

监听页面加载
onLoad(){}
监听页面的初次渲染完成
onReady(){}
监听页面显示
onShow(){}
监听页面隐藏
onHide(){}
监听页面
onUnload(){}

// 组件生命周期

 

 

 

 

tab + 列表内容

<!-- 自定义导航栏 -->
<navbar></navbar>
<tab :list="tabList" :tabIndex="tabIndex"  @tab="tab"></tab>
<view class="home-list">
    <list :tab="tabList" :activeIndex="activeIndex" @change="change"></list>
</view>


// list

<swiper class="home-swiper" :current="activeIndex" @change="change">
<swiper-item v-for="(item ,index) in tab" :key="index" class="swiper-item">
<list-item :list="listCatchData[index]" :load="load[index]" @loadmore="loadmore"></list-item>
</swiper-item>

</swiper>

 

 

 

 

~setNavigationBarTitle动态修改页面标题

// 修改页面的标题

mounted  ->  uni.setNavigationBarTitle({title: "最新"})

~识别换行符

<text></text>

~头部标签文字不要，然后可以添加背景图

"navigationStyle":"custom"  //禁用uni-app默认的头部导航

 

~引入iconfont

 1. Aapp.vue 引入 @import url("./static/fonts/iconfont.css");  2. 修改iconfont.css     @font-face的url url('~@/static.....')