日常UI
文章平均质量分 58
三孚
这个作者很懒,什么都没留下…
展开
-
【vue2】在el-popover中实现image图片的懒加载
仅提供了“滚动到可视范围内加载”的lazy方法,然而,的显隐是通过display:none;来实现,若改变其overflow效果不好且样式难看,因此提供了另一种图片懒加载的思路原创 2022-07-20 23:21:22 · 1030 阅读 · 0 评论 -
vue + element ui: <el-from>表单用v-for动态渲染时 应该如何填写rules、prop
1.使用v-for渲染时由于从后端获取到的对象是一个不固定长度的列表(会员等级),因此该字段只能通过v-for来实现<el-form :model="productParam" ref="productPromotionForm" :rules="promotionRules" label-width="90px" size="small"> <el-form-item v-show="productParam.promotionType===2"> <div v-原创 2021-12-28 22:05:21 · 2958 阅读 · 1 评论 -
vue + element ui: <el-upload> 上传前判定图片大小的方法(img.onload(假装)同步获取数据)
1、Upload 组件简介官网地址:https://element.eleme.cn/#/zh-CN/component/upload官方api就不多阐述了,今天主要是卡在了before-upload这个钩子上面:说明:上传文件之前的钩子,参数为上传的文件,若返回 false 或者返回 Promise 且被 reject,则停止上传。2、:before-upload官方文档中的方法:<el-upload class="avatar-uploader" action="https原创 2021-09-27 03:46:37 · 3442 阅读 · 3 评论 -
微信小程序:用 rpx 和 wx.getSystemInfoSync() 来适配屏幕高度
目前网络上关于 px / rpx / rem 相互转换的博文有很多,作为初学者在实际操作过程中会发现可以用 750rpx 来表示屏幕宽度,但屏幕高度咋表示捏?~于是本文主要用来说明如何用 rpx 和 wx.getSystemInfoSync() 来适配屏幕高度具体步骤首先我们需要用 wx.getSystemInfoSync() 来获取设备信息 /*把这两个变量作为全局变量,看起来会好看...原创 2019-02-04 15:02:54 · 11018 阅读 · 0 评论 -
微信小程序:利用 border-bottom 画出多彩条纹线
效果图片PS:这两天一直在做地址管理模块,数据库的增删改查;界面做得有点粗糙,凑活着看吧= =、其实感觉下来应该至少有三种办法可以达到下图的效果: 1)直接用ps做一张图片然后布局在下面 2)我看网上好多大神说用border-image来实现,但我看了半天没搞懂TAT 3)把下面的那条红白蓝线看作是有很多实线线段拼接而成(即我最后选用的方法)哎呀...感觉越说越乱了ORZ,还是直接上图...原创 2019-01-31 04:10:29 · 7064 阅读 · 0 评论