摘要:
1.只能输入数字 <el-input v-model="rowForm.carriage" @input="value => rowForm.carriage= Number(value.replace(/[^\d]/g,''))" /> 2. 输入数字和小数点 @input="rowForm.ca 阅读全文
摘要:
参考链接:https://blog.csdn.net/m0_58565372/article/details/124928032 阅读全文
摘要:
参考链接:https://blog.csdn.net/weixin_43549979/article/details/119821599 后续补充 阅读全文
摘要:
如题 position: fixed;left: 0;bottom: 0;height:calc(100rpx + env(safe-area-inset-bottom)); 阅读全文
摘要:
接上篇 <template> <div class="jarBox"> <!-- 罐子整体+盖 --> <div class="bar"> <!-- 罐顶 --> <div class="barBefore"></div> </div> <!-- 里面液体整体 --> <div class="bar 阅读全文
摘要:
效果如图,结合了一些动画效果和图片背景,组件开发思路:左侧按钮设置定时器为大轮播,下侧按钮设置定时器为小轮播 当轮播到当组的最后一个就 继续大轮播,停掉小轮播,并处理一些特殊情况和翻页情况。 代码已经注释掉引入图片的路径换成背景颜色,可直接运行。 <template> <div class="cen 阅读全文
摘要:
html: <iframe style="width: 100%; height: 100%; border: none" ref="pdfViewer" :src="url" frameborder="0" ></iframe> 不携带token: let url = process.env.VU 阅读全文
摘要:
参考链接:https://blog.csdn.net/qq_16382227/article/details/129735904 业务:只有选择了关联摄像头以后才能显示出选择预置位,关联摄像头是联级逐次触发掉接口加载的,后续还需要回显。 html: <el-cascader v-model="rul 阅读全文
摘要:
控制台报错:There is a chart instance already initialized on the dom. 核心思路:先判断dom是否存在,如存在就调用销毁方法,再初始化正常操作。 echarts内: if ( this.myChart != null && this.myCha 阅读全文
摘要:
话不多说先看效果: 设计思路: 罐是做了三个位置(中=>左,左=>右,右=>中)的动画效果,每个罐轮流使用一次,来实现旋转的效果。 中间的光亮做了个变形延迟。 罐的透明效果是使用了三层,即最底层是粒子不透明图片,中层是液体组件,最上层是罐体png图片。都是用了绝对定位,请务必设置好位置。 液体组件中 阅读全文