爬楼梯的前端小白的博客

该效果类似于电商小程序左侧滑动下拉的效果scroll-y属性：允许纵向y轴滑动scroll-x属性：允许横向x轴滑动注意！使用竖向滚动时 必须给scroll-view一个固定高度制作滚动效果图 wxml部分：<scroll-view class="gundong" scroll-y> <view>a</view> <view>b</view> <view>c</view></scro

事件监听API特点：以on开头 用来监听某些事件的触发 举例：wx.onWindowResise(function callback) 监听窗口尺寸变化的事件同步API特点1：以Sync结尾的api都是api 特点2：同步api的执行结果 可以通过函数返回值直接获取 如果执行出错会抛出异常 举例：wx.setStorageSync('key','value')向本地存储中写入内容异步API特点：类似于jq中的$.ajax(options)函数 需要通过success fail comp

点击按钮 文字由456变789做法：是vue的绑定模式，给这个dom元素绑定一个js变量，在script中修改js变量的值，dom会自动变化，页面会自动更新渲染 <view class="content"> <text>{{textvalue}}</text> <!-- 组件值的绑定 --> <button type="buttontype" @click="changetextvalue()">修改为789</button

uniapp微信登录返显用户名和头像发现可以在授权登陆后，获取到的用户信息随 token 一起存入storage中，在需要使用的地方从storage中获取就行。注 : 通过前面的1 去调取 这不是打印字符串的意思顺序不能变 把需要存储的信息放在后面取onshow就是 页面一加载就显示......

let reg = /^[1][3,4,5,7,8,9][0-9]{9}$/ if (!this.oldPhone) { //判断如果手机号为空，提示用户输入手机号 uni.showToast({ title: '请输入手机号码', icon: 'none' }) return } else if (!reg.test(this.oldPhone)) { //判断手机号格式时候正.

<view> <van-field label="头像" readonly="true" @tap="openChooseImg" :value="oldHeadPicId" /> <image v-if="!imgUrl" :src="require('static/headphoto.png')" class="headPhoto"></image> <image v-...

uniapp官网关于日期选择器:picker | uni-app官网van-cell是vant里一个组件 <!-- 出生日期 --><picker mode="date" :value="date" :start="startDate" :end="endDate" @change="bindDateChange" v-show="isShow"> <van-cell is-link title="出生日期" mode="date" :value="dat..

首先新建一个项目 选择第二个hello uni-app的模板 找到以下四个文件夹 复制到自己本地项目中哪个组件需要使用uni-lis 就将代码复制导入进js中 import uniList from '@/components/uni-list/uni-list.vue'; import uniListItem from '@/components/uni-list-item/uni-list-item.vue'; import uniAd from '@/components.

wx.uploadFile({ filePath: tempFilePaths[0], name: 'file', url: api.baseUrl + 'dsms/app/upload', header: { "Authorization": wx.getStorageSync('userId') + "_" + wx.getStorageSync('token') ...

第一步:复制这一段要写在app.vue中才可生效 //设置圆角 checkbox.round .wx-checkbox-input, checkbox.round .uni-checkbox-input { border-radius: 100upx; } //设置背景色 checkbox.red[checked] .wx-checkbox-input, checkbox.red.checked .uni-checkbox-input{ background-color:

tap和click都是点击事件。不过移动端有太多复杂的功能是click监听不到的，例如，触摸、按住和轻滑。这时候就要用tap方法了。另外，click事假是点击放开之后才触发的，所以时间上会有延迟，大概200-300ms这样，可是我们在移动端的话就比较追求速度，所以就不能出现说有延迟的情况。所以用tap来代替click事件的话，对于针对移动设备的产品都适合。而且，tap还有一个特点就是『事件穿透』，就是你执行完绑定的tap事件之后呢，如果下面如果绑定了其他事件或者是本身就存在点子事件的话，也会默认触发。..

在uniapp里 v-bind和v-for的使用和在vue使用模式一样v-bind 定义一张图片 把图片渲染到页面上<template> <view> <!-- v-bind:src v-bind可省略 --> <image :src="img"></image> </view></template><script> export default { data.

<input type="number" placeholder="请输入手机号" maxlength=11 v-model="userPhone"/><input type="text" :password="showPassword" placeholder="请输入密码至少6位" v-model="password" maxlength=12 />return里 返回手机号和密码默认为空 login(){ let reg = /^[1.

使用轮播图效果需要用到swiper组件和swiper-item组件首先需要了解swiper组件的常用属性indicator-dots 是否显示轮播图下的小圆点indicator-color 未被选中的小圆点的颜色indicator-acive-color 已被选中的小圆点的颜色autoplay 是否允许轮播图自动切换 默认false 如果需要自动切换直接写上 不用给值interval 是否切换图片切换时间 默认时间5秒 2000=2秒circular 是否采用衔接滚动......

条件编译是用特殊的注释作为标记，在编译时根据这些特殊的注释，将注释里面的代码编译到不同平台。条件编译是利用注释实现的，在不同语法里注释写法不一样，js使用// 注释、css 使用/* 注释 */、vue/nvue 模板里使用<!-- 注释 -->写法：以#ifdef或#ifndef加%PLATFORM% 开头，以#endif结尾。#ifdef：if defined 仅在某平台存在#ifndef：if not defined 除了某平台均存在%PLA...

<template> <view class='center'> <view class='center-list'> <view class="pics"> <scroll-view class="gundong" scroll-y v-for="(item,index) in navLeft" :key="index"> <view :class="{'active':isActive === index}" @.

导入格式 写在style里@import url("index.css");

视图容器 它类似于传统html中的div，用于包裹各种元素内容hover-class String none 指定按下去的样式类。当 hover-class="none" 时，没有点击态效果 hover-stop-propagation Boolean false 指定是否阻止本节点的祖先节点出现点击态 hover-start-time Number 50 按住后多久出现点击态，单位毫秒 hover-stay-time Number

点击图片之后切换图片 再点击恢复原样思路：给个点击事件 默认显示为true 然后点击之后取反即可<image src="../../static/stop.png" v-show="showImg" @click="changeImg()" ></image><image src="../../static/again.png" v-show="!showImg" @click="changeImg()"></image><scr..

uni.chooseImage(OBJECT)从本地相册选择图片或使用相机拍照。OBJECT 参数说明参数名 类型 必填 说明 count Number 否 最多可以选择的图片张数，默认9 success Function 是 成功则返回图片的本地文件路径列表 tempFilePaths uni.previewImage(OBJECT)预览图片。OBJECT 参数说明参数名 类型 必填 .

v-for 指令可以实现基于一个数组来渲染一个列表。<template> <view> <view class="module"> <view class="help" v-for="(item,index) in shijian" :key="index"> <image :src="item.url"></image> <view class="text">{{item.title}}&

方法一:<image :src="require('static/login/user.png')" class="userImg"></image>方法二:注:同一张图片位于根目录的static/login下 但是当做背景图片时需要加../.../ 如果按照上面的写法则报错本地图片推荐使用背景图的方式 网络的可以用src.iptPasswd { background: url(../../static/login/mima.png) no-re...

<template> <view> <view class="tab_nav"> <view class="navTitle" v-for="(item,index) in navList" :key="index" > <view :class="{'active':isActive === index}" @click="checked(index)"> {{item.title}} </view&.

uniapp tabbar组件及condition启动模式的配置

<input type="text" :password="showPassword" placeholder="请输入密码至少6位" v-model="password" maxlength=12 class="iptPasswd" /> <!-- 显示或隐藏密码 --> <view @click="showPwd"> <image :src="showPassword?'/static/login/ope..

html标签和uni-app内置组件的映射表：

uniapp通过点击事件click跳转到指定页面

uniapp使用onPullDownRefresh实现页面下拉刷新