爬楼梯的小新-CSDN博客

原创 vue身份证正则校验

let regs = /(^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$)|(^[1-9]\d{5}\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{2}[0-9Xx]$)/;if (!this.oldIdCard) { uni.showToast({ title: '请输入身份证号码',.

2022-04-29 10:36:20 1477

原创 uniapp手机号校验正则表达式

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)) { //判断手机号格式时候正.

2022-04-27 09:50:49 2021

原创 uniapp上传头像

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

2022-04-26 13:34:00 860

原创 uniapp实现出生日期/时间选择效果

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..

2022-04-21 15:49:53 4084 1

原创 uni-list的插件导入及使用方法

首先新建一个项目选择第二个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.

2022-04-20 15:00:23 3797

原创微信授权登陆

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

2022-04-20 09:13:18 220

原创如何改变uniapp中checkbox样式

第一步:复制这一段要写在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:

2022-04-14 17:37:35 3001 1

原创邮箱的正则表达式

var regMail = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/;

2022-04-13 13:58:55 262

原创了解移动端uniapp中,tap和click的区别

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

2022-04-13 10:49:08 4262

原创 uniapp登录界面小眼睛密码显示与隐藏

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

2022-04-13 10:23:28 3394

原创 CSS设置背景颜色透明

opacity属性参数的不透明度是以数字表示的，从0.0到1.0，完全透明是0.0，完全不透明是1.0，数字越大代表元素越不透明。 .thirdParty { width: 100rpx; height: 85rpx; color: #fff; opacity: 0.0; }

2022-04-13 10:13:26 298

原创 uniapp里本地图片不显示,背景图片属性

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

2022-04-12 14:58:29 1587

原创 uniapp手机号码正则验证

<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.

2022-04-12 14:14:07 5195

原创关于element组件中高级扩展的使用(true和false)

如果直接enterable="false" 会不显示效果需要加上动态绑定: <el-tooltip effect="dark" content="分配角色" placement="top" :enterable="false"> <el-button type="warning" icon="el-icon-setting" size="mini"></el-button> </el-tooltip>...

2022-04-11 13:54:49 741

原创 css鼠标点击后取消光标焦点,光标设置透明

鼠标点击后会有光标闪烁如果想取消可以将其光标设置为透明 /* 点击后光标设置为透明 */ caret-color: rgba(0,0,0,0);

2022-04-07 16:23:07 1653 1

转载 html元素设置position:absolute绝对定位后，onclick点击事件失效问题

问题场景：form设置了绝对定位，form里面有个按钮，按钮注册了onclick事件，发现点击按钮没反应；问题解决：在chrome中打开该网页，鼠标移到这个按钮上右键检查，发现form后面定义的html元素在该按钮的上面层，由此可知，我们点击按钮，实际上并没有点击到按钮......只需在form绝对定位的样式里添加一行代码，让按钮浮上来：position: absolute;z-index: 99;//添加该行代码即可转载自:html元素设置position:absolut.

2022-04-06 15:22:17 2487

原创关于flex两端对齐的问题

关于flex两端对齐的问题

2022-04-01 10:16:40 470

原创 uniapp里,一些html标签的转换

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

2022-03-30 10:07:43 2607

原创 vue+element实现登录预验证和重置信息

<el-form-item> <el-button type="primary" size="small" @click="login">登录</el-button> <el-button type="info" size="small" @click="resetLogin">重置</el-button> </el-form-item>关于elem......

2022-03-25 17:21:25 385

原创 vue中如何显示图片

<template> <div class="login"> <div class="login_box"> <div class="img"> <img :src="imgUrl" alt="" srcset="" /> </div> </div> </div></template><script>import im.

2022-03-25 14:45:50 6911 1