uni-app一个像商城分类中心一样的联动侧边栏导航分类
<template> <view> <view class="ld"> <view class="left"> <scroll-view :scroll-y="true" :scroll-with-animation="true" :scroll-into-...阅读全文
uni-app实现tab选项卡
HTML <view class="end-title"> <view @tap="change(0)" :class="{btna:btnnum == 0}">基本信息</view> <view @tap="change(1)" :class="...阅读全文
uni-app的父与子页面传递参数之属性Props字段类型讲解
Vue.component('myComponent', { props: { // 基础类型检测 (`null` 意思是任何类型都可以) propA: Number, // 多种类型...阅读全文
uni-app判断当前客户端是安卓还是ios还是其它平台
uni-app是一款强大的前端框架,可以打包原生app、手机h5页面、微信小程序。 但是有一个问题就是原生的app和微信小程序是有一定的区别的,因为app有标题栏,返回键,而微信小程序自带了,那判断平台的语法就很重要了 1、uni-app 编译为小程序时均为生产环境,可用过 uni.getSystemInf...阅读全文
uni-app基础知识事件传参(动态参数演示)
<template> <view> <view v-for="(item, index) in students" class="persons" @click="menuClick" v-bind:id="index">{{index}} - {{it...阅读全文
uni-app基础知识事件绑定@click与@tap点击事件区别
我最喜欢的操作是 @tap="这个是自定义点击事件" 总觉得比@click好用。 tap和click的区别: 两者都会在点击时触发,但是在web手机端,clikc会有200-300ms的延时,所以要用tap代替click作为点击事件,singleTap和doubleTap分别作为单次点击和双击,但是使用tap会...阅读全文
uni-app基础知识页面事件与web事件的对比
事件映射表,左侧为 WEB 事件,右侧为 uni-app 对应事件 { click: 'tap', touchstart: 'touchstart', touchmove: 'touchmo...阅读全文
uni-app基础知识使用hidden条件显示
<template> <view> <view v-for="(item, index) in students"> <view class="persons">{{index}} - {{item.name}}</vi...阅读全文
uni-app基础知识条件渲染
<template> <view> <view v-for="(item, index) in students"> <view class="persons">{{index}} - {{item.name}}</vi...阅读全文
uni-app基础知识列表渲染
<template> <view> 这个就是开始循环的段落 <view v-for="(item, index) in students"> <view class="persons">{{index}} - {{item....阅读全文