07.uniapp项目

1.运用插值表达式可以直接替换字符串非常方便
2.可以把数据封装到vue数据中,然后循环 可以减少代码
//循环也可以绑点击事件,全部绑定

@click="xxx(item.path)"

3.复用组件

  1.建components建组件文件夹建.vue文件
  2.复制代码
  3.数据由使用者提供
     <script>
	export default{
	    props:['goods']

              }
    
         
     </script>
   4.使用引入组件
       import xxx from 'xxx'
       //vue中定义
      components:{"xxx":xxx}
     <xxx :goods"goods"></xxx>

4.加触底加载数据

  onreachBottom(){
   }
   //要合并数据
   this.goods=[...this.goods,...res.data.message]
   //我是有底线的
    //v-if是否创建元素
      //停止下拉刷新
          onPullDownRefresh()
    uni.stopPullDownRefresh()
    //用回调函数传入函数里面
      callBack && callBack();  //会判断是否为空后,执行
      //不用函数就是他的地址,地址为null

5.地图组件

 //精度纬度,百度查
   //在地图标记
   //scale是缩放比例
  <map class="map" scale="15"
  :longitude="" :latitude="" :markers="markers"></map>
    //data定义
    markers:[
      {
       longitude:"",
       latitude:"",
       iconPath:'../../static/xxx.png',
       width:30,
       height:30

       }
       

    ]

6.拨打电话点击

   uni.makePhoneCall({
         phoneNumber: 'xxxx'
    })
  

7.可滚动的视图区域纵向滚动

  <scroll-view scroll-y="">
       <view>xxxx</view>
 
  </scroll-view>

8.选中的样式

 .active{}

9.判断是否高亮

:class="active===index?'active':' '"

10.点击拿到索引的值

11.居中

margin : 0 auto 

12判断是否有数据

 <text v-if="xxx.length===0"></text>

13预览图片
//遍历另外一个数组生成其中数据的数组

  const url=this.secondData.map(item=>{
	return item.img_url;
     })
   uni.previewImage({
        current,  //当前图片地址
         urls,      //所有图片地址,是个数组

    })