- 博客(18)
- 收藏
- 关注
RSS订阅原创 移动端ios上,input点击后,页面会缩放
加<meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">width - viewport宽度 height - viewport的高度initial-scale - 初始的缩放比例minimum-scale - 允许用户缩放到的最小比例maximum-scale - 允许用户缩放到的最大比例
2023-05-04 12:01:13
276
原创 CSS实现 超出用...表示
width: 50%; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;
2021-11-22 19:38:53
183
原创 textarea文本框和input不可编辑
1、使用disabled属性：<textarea name="" cols="" rows="" disabled>你好！disabled</textarea> 2、使用readonly属性：<textarea name="" cols="" rows="" readonly>你好！readonly</textarea> disabled和readonly的区别：disabled:使用它之后，输入框以及里面的文字就会变成灰色，，此时的滚动条也
2021-05-25 16:13:04
819
原创 uniapp登录小程序和app
<!-- 第三方登录 --><!-- #ifdef APP-PLUS --><view class="third_wrapper"> <view class="third_line"> <text class="txt">第三方账号登录</text> </view> <view class="third_icon_wrapper"> <image src="../../static/ico
2021-05-17 17:27:11
221
原创 padStart()和padEnd()方法
字符串补全长度功能。如果某个字符串不够指定长度，会在头部或尾部补全。padStart()用于头部补全，padEnd()用于尾部补全。'x'.padStart(5, 'ab') // 'ababx''x'.padEnd(5, 'ab') // 'xabab'padStart()和padStart()一共接受两个参数，第一个参数用来指定字符串的最小长度，第二个参数是用来补全的字符串。如果原字符串的长度，等于或大于指定的最小长度，则返回原字符串。formatDate (date) { const n
2021-05-12 15:35:16
394
原创 uni-app扩展组件的使用
1、在项目目录下 npm安装npm init -ynpm install @dcloudio/uni-ui例如日期组件<template> <view> <uni-calendar :insert="true" :lunar="true" :start-date="'2019-3-2'" :end-date="'2019-5-20'" @change="change" /></view
2021-05-10 17:37:05
2967
1
原创 div元素禁止点击
在没有disabled属性，不能禁用的情况。我们使用css中提供的方法，添加css属性即可解决。禁止pointer-events: none;默认pointer-events: auto;
2021-05-10 10:26:29
2787
原创 Css--让溢出的文字隐藏
text-overflow:ellipaos; 让最后一个显示部分遮掩部分的字消失，而变成三个点点的省略号overflow:hidden; 这个参数可以让超出部分隐藏起来，但是这个隐藏是一种按照宽度而来的直接隐藏white-space:nowrap; 确保超出文字显示在一行里面总结：对一个元素我们要添加哪些参数才能让一段文字不换行的方法，并防止文字溢出。具体如下{ width:2rem; white-space:nowrap; overflow:hi
2020-12-28 19:56:26
374
原创 对象里边拿某个key的数据
此文章只是用于记录比如这种数据我们要拿到所有的area_name1、let data=res.data.area_data_2;console.log(data);Object.keys(data).forEach(function(key){ this.datalist.push(data[key].area_name)})2、let data=res.data.area_data_2;console.log(data);for(let item in data) { th
2020-12-23 11:20:20
230
原创 vue 时间戳转换
此文章只是做记录export function formatDateTime(inputTime) { var date = new Date(inputTime * 1000); var y = date.getFullYear(); var m = date.getMonth() + 1; m = m < 10 ? "0" + m : m; var d = date.getDate(); d = d < 10 ? "0" + d : d; var h = dat
2020-12-21 18:32:29
298
转载 vue上传图片压缩的问题
原文章链接：https://www.cnblogs.com/yf-html/p/9791339.html上传图片大于100* 1024 的用canvas 来压缩来解决然后IOS拍照上传会有图片旋转的问题，然后用了github 上的exif.js很好的插件，项目里面npm install exif-js --save 安装，<template> <div> <!-- <div style="padding:20px;"> <di
2020-12-21 18:27:28
361
原创 使用el-select是想要拿到id对应的label
此文章只是用于记录页面有的地方需要拿到值（label）但我们总是拿到id（value）<el-select class="select" v-model="send" placeholder="请选择负责人" @change="changelabel"> <el-option v-for="item in options" :key="item.value" :label="item.name + ':' + item.account"
2020-12-21 18:21:30
1189
原创 vue中点击按钮添加样式
此文章只是用于记录1、遍历的元素在点击时添加样式html<div class="midadd"> <template v-for="(item, index) in knowTypelist"> <div class="mid" :key="item.id" @click="change(index)" :class="{ active: index == number, activ: index != numb
2020-12-21 18:08:45
8301
原创 点击时动态添加样式
.active{ color: #e4b73a; }<ul class="ul" onclick="sorting()"> <li class="li">综合</li> <li class="li">销量</li> <li class="li">价格</li></ul>function sorting() { var tar=event.target
2020-09-11 18:08:55
833
原创 js内容替换为**
<input type="text" placeholder="请输入" id="card" onblur="cars(this)">function card(val){ let user = []; let username = val.value; for (var i = 0; i < username.length; i++) { var name = username[i].replace(username[i], '*'); user.push(
2020-08-29 18:07:33
1345
原创 短信验证的60秒
.verification{ width: 100%; padding: 0 3%; height: 50px; display: flex; flex-direction: row; justify-content: space-between; } .verification .call{ width: 25%; font-size: 14px; color: #231815;.
2020-07-30 12:34:42
154
原创 在github上传本地项目
首先你要在github上申请一个账号网址：https://github.com/然后你要下载一个git工具网址：https://gitforwindows.org/下载完成后进入github首页，点击右上角加号>new repository，然后进入如下页面，如下图：最后点击Create repository,生成如下页面：先点击Clone or download, 然后复制...
2020-04-11 22:03:17
162
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人