摘要: **********************************系统消息定宽横向滚动****************************************** 要求: 多条消息横向循环滚动 效果: 原理: 放消息的外部盒子定宽, 超出隐藏, 设置 white-space: nowrap 阅读全文
posted @ 2021-02-26 17:38 银翘解毒片 阅读(213) 评论(0) 推荐(0) 编辑
摘要: 前提: 本次开发小程序使用的是WePY 1.x的版本(由于时间比较紧急,遂用前辈已开发完的项目进行二次开发,不然我本人更倾向采用 WePY 2.x版本开发), 此次开发中有折线图与圆饼图的需求, 如生成以下的折线图: 解决方案: 经查找决定使用 echarts(一个基于 JavaScript 的开源 阅读全文
posted @ 2021-01-28 20:14 银翘解毒片 阅读(410) 评论(0) 推荐(0) 编辑
摘要: 开发商城总免不了主题色的更换, 总不能一个个颜色手动粘贴复制吧,一键切换不香嘛 首先需要用到css3的var()函数,用法如下 1 body { 2 --size: 20px; 3 font-size: var(--size); // 20px 4 padding:var(--size); // 2 阅读全文
posted @ 2021-01-05 19:36 银翘解毒片 阅读(1576) 评论(0) 推荐(0) 编辑
摘要: 最近学习了一个取值的新写法, 大大方便了取值操作 1 import store from '@/store' 2 const { tenant, logo } = store.state.user; 以上写法相当于 1 import store from '@/store' 2 const tena 阅读全文
posted @ 2020-12-28 10:50 银翘解毒片 阅读(1394) 评论(0) 推荐(0) 编辑
摘要: 有时候项目中需要校验的选项会在单选项中,选中时,需要校验,反之,不需要校验,如下图:卡背景项 实现代码: 1.给form表单添加rules 1 <el-form 2 class="demo-form-inline" 3 label-width="180px" 4 ref="ruleForm" 5 : 阅读全文
posted @ 2020-11-23 15:49 银翘解毒片 阅读(7727) 评论(0) 推荐(0) 编辑
摘要: 原因: 有时同一个页面会多次使用组件, 为了区分从组件中拿到的数据,一般会给事件中添加参数用于区分 试例: 下面看两个上传文件均用到 el-upload 组件, 在on-success事件中拿到数据后需要区分上传的是哪个文件 错误的解决方案: 1 :on-success="handleAvatarS 阅读全文
posted @ 2020-11-03 10:57 银翘解毒片 阅读(2219) 评论(0) 推荐(1) 编辑
摘要: 最近研究前辈代码,发现他们 使用Vue插件plugins为 Vue 添加全局功能 ,感觉很实用的方法 比如,我们经常会在 min.js中添加 directives, filters, mixin, Vue.prototype.XX 这些API方法,常常会使得 main.js 冗余,难看 使用 Vue 阅读全文
posted @ 2020-10-30 16:30 银翘解毒片 阅读(1524) 评论(0) 推荐(0) 编辑
摘要: 如果想要在 vue2.0 中使用ts语法,需要引用 vue-property-decorator 这个第三方js库 此组件基本依赖于 vue-class-component 用于以下属性: @Component (完全继承于vue-class-component) @Emit @Inject @Pr 阅读全文
posted @ 2020-09-07 18:09 银翘解毒片 阅读(4104) 评论(2) 推荐(0) 编辑
摘要: 一. this.$set 实现的功能: 官方解释:向响应式对象中添加一个属性,并确保这个新属性同样是响应式的,且触发视图更新。 本质上: 为了解决 给对象/数组添加了一个新属性,在控制台能打印出来,但是却没有更新到视图上 的问题 二. 使用方法 this.$set( target, key, val 阅读全文
posted @ 2020-08-19 14:51 银翘解毒片 阅读(561) 评论(0) 推荐(0) 编辑
摘要: 原数据 为以下格式: var arr = [ { name: "lili", proList: [ { paramKey: "color", paramName: "颜色", paramsContent: '红白绿' }, { paramKey: "size", paramName: "尺寸", p 阅读全文
posted @ 2020-08-17 19:58 银翘解毒片 阅读(2001) 评论(0) 推荐(0) 编辑