利用css中的scale()实现放大缩小效果
- 12792
- 2020/11/5 13:32:29
一、scale()方法 缩放,指的是“缩小”和“放大”。在CSS3中,我们可以使用scale()方法来将元素根据中心原点进行缩放。 跟translate()方法一样,缩放scale()方法也有3种情况: (1)scaleX(x):元素仅水平方向缩放(X轴缩放); (2)scaleY(y):元阅读全文
uni-app自定义loading组件
- 5261
- 2020/10/26 13:46:09
这个是uni-app自定义loading的组件,以下是代码 <template> <!--visible控制toast的显隐,text为提示文本--> <viewclass="loading-toast"v-if="visible"> <阅读全文
uni-app一个像商城分类中心一样的联动侧边栏导航分类
- 4273
- 2020/10/1 17:07:20
<template> <view> <viewclass="ld"> <viewclass="left"> <scroll-view:scroll-y="true":scroll-with-animation="true":scroll-阅读全文
uni-app实现tab选项卡
- 3908
- 2020/9/27 16:09:39
HTML <viewclass="end-title"> <view@tap="change(0)":class="{btna:btnnum==0}">基本信息</view> <view@tap="change(1)":class="{btn阅读全文
uni-app基础知识事件传参(动态参数演示)
- 2758
- 2020/9/25 20:50:18
<template> <view> <viewv-for="(item,index)instudents"class="persons"@click="menuClick"v-bind:id="index">{{index}}-{{item.name}}<阅读全文
uni-app基础知识事件绑定@click与@tap点击事件区别
- 15220
- 2020/9/25 20:49:33
我最喜欢的操作是@tap="这个是自定义点击事件"总觉得比@click好用。 tap和click的区别: 两者都会在点击时触发,但是在web手机端,clikc会有200-300ms的延时,所以要用tap代替click作为点击事件,singleTap和doubleTap分别作为单次点击和双击,阅读全文
uni-app基础知识使用hidden条件显示
- 3751
- 2020/9/25 20:35:10
<template> <view> <viewv-for="(item,index)instudents"> <viewclass="persons">{{index}}-{{item.name}}</view> </view阅读全文
uni-app基础知识条件渲染
- 1314
- 2020/9/25 20:33:42
<template> <view> <viewv-for="(item,index)instudents"> <viewclass="persons">{{index}}-{{item.name}}</view> </view阅读全文
uni-app基础知识列表渲染
- 1731
- 2020/9/25 20:32:15
<template> <view> 这个就是开始循环的段落 <viewv-for="(item,index)instudents"> <viewclass="persons">{{index}}-{{item.name}}</view&g阅读全文
uni-app基础知识数据绑定
- 1406
- 2020/9/25 20:29:10
变量赋值: <script> exportdefault{ data:{ title:'Hello', name:'hcoder' },..... 在视图中使用{{}}调用变量: <template> <viewclass="content阅读全文
uni-app去除点击navigator标签时有背景底色问题
- 2420
- 2020/9/18 8:15:02
<navigatorhover-class="none"url="这个是链接">这个是标签</navigator> 当点击链接时背景有一个底色反馈,有时候想去除只要加上hover-class="none" 阅读全文
uniapp的rich-text组件注入的a标签点击跳转处理
- 6139
- 2020/9/15 15:45:46
关于rich-text组件动态注入的HTML代码中包含a标签不能点击跳转 以下是有问题的部分 nodes:[{ name:'div', attrs:{ class:'div-class', style:'line-height:60px;color:red;text-align:ce阅读全文
uni-app自定义组件调用
- 2381
- 2020/9/15 15:31:39
uni-app自定义组件 步骤1.在项目中新建一个component文件夹,用来存放公用组件 在新建组件中需要在template中为组件绑定名称,如itemMoive <templatename="itemMoive"> <viewclass="item"> 阅读全文
uni-app与HTML的标签变化对比
- 2317
- 2020/9/15 15:27:24
组件/标签的变化 以前是html标签,现在是小程序标签 div改成view span、font改成text a改成navigator img改成image input还在,但type属性改成了confirmtype form、button、checkbox、radio、label、阅读全文
uni-app实现上拉加载,下拉刷新(下拉带动画)
- 7039
- 2020/9/15 15:20:52
直接展示代码,uni-app的上拉加载动画 1.在pages.json添加允许下拉刷新 { "path":"pages/lookuser/lookuser", "style":{ "navigationBarTitleText":"用户日志", "enablePullDownRe阅读全文
微信小程序操作json与数组增加
- 1518
- 2020/9/2 16:24:12
//微信小程序操作json增加 varudata=p; udata.ceseziduan="asssssssssssss"; console.log(udata); //微信小程序操作数组增加 varnewArr=[]; newArr.push({demotext:'123789'}阅读全文
input文本输入框只能输入数字或字母或汉字等
- 3501
- 2020/8/17 21:14:17
1.文本框只能输入数字代码(小数点也不能输入) <inputonkeyup="this.value=this.value.replace(/\D/g,'')"onafterpaste="this.value=this.value.replace(/\D/g,'')"> 2.只能输阅读全文
jquery实现移动端下拉加载刷新更多信息
- 2836
- 2020/8/10 14:37:08
记录初始化的页数,now为当前页,num为总页数,这个数值的设置是通过php获取分页的时候的总页数 <divclass="caseud"now="1"num="2"> <ahref="javascript:;">加载更多</a> </div> 阅读全文
canvas绘制的文字如何换行
- 5409
- 2020/6/17 14:20:58
<html> <head> <title>canvas绘制的文字如何换行</title> <styletype="text/css"> </style> </head> <body>阅读全文
css背景使用base64编码或者将base64编码放在img图片标签中
- 7014
- 2020/5/4 15:19:18
css背景使用base64编码或者将base64编码放在img图片标签中 将图片转为base64编码然后放在css的background背景中使用或者放在前台img图片标签中直接使用 减少HTTP请求,加快小图像或者小图标的加载时间。 //Base64在CSS中背景图使用 .di阅读全文