摘要: HTML: <div id="imgContainer" style="margin: 10px;"> <div id="imgFiles" style="float:left;"> <!-- 过滤掉所有非图片的文件 --> <input name="" type="file" accept="im 阅读全文
posted @ 2019-12-04 14:54 yuanchengcheng 阅读(197) 评论(0) 推荐(0) 编辑
摘要: //导航swiper var mySwiperNav = new Swiper('#nav-swiper', { observer: true, //修改swiper自己或子元素时,自动初始化swiper observeParents: true, //修改swiper的父元素时,自动初始化swip 阅读全文
posted @ 2019-12-04 09:22 yuanchengcheng 阅读(1608) 评论(0) 推荐(0) 编辑
摘要: <div class="aui-list-item" id="imgFiles"> <!-- 只接受jpg,gif和png格式 --> <input name="" type="file" multiple="multiple" accept="image/gif, image/jpg, image 阅读全文
posted @ 2019-12-03 16:18 yuanchengcheng 阅读(377) 评论(0) 推荐(0) 编辑
摘要: 首先:HTML中,关键点是监听拖拽的三个阶段,即:dragstart/dragover/dragend,注意:要拖拽元素必须加上draggable="true" 阅读全文
posted @ 2019-07-19 11:42 yuanchengcheng 阅读(1206) 评论(0) 推荐(0) 编辑
摘要: this.$refs.main1.scrollTop =this.$refs.main1.scrollHeight; 阅读全文
posted @ 2019-07-15 14:11 yuanchengcheng 阅读(840) 评论(0) 推荐(0) 编辑
摘要: overflow: hidden; text-overflow:ellipsis; white-space: nowrap; 阅读全文
posted @ 2019-07-15 14:10 yuanchengcheng 阅读(116) 评论(0) 推荐(0) 编辑
摘要: Ref有两种使用场景: (1)ref用于普通的DOM元素上; (2)ref用于子组件上; Ref被用来给元素或子组件注册引用信息,引用信息将会注册在父组件的$refs对象上,如果在普通的DOM对象上使用,引用指向的就是DOM元素;如果在子组件上使用,引用指向的就是组件实例。在Vue中,通过ref可以 阅读全文
posted @ 2019-07-15 14:09 yuanchengcheng 阅读(555) 评论(0) 推荐(0) 编辑
摘要: HTML: JS: css HTML: JS: css HTML: JS: css 阅读全文
posted @ 2019-07-11 15:30 yuanchengcheng 阅读(1482) 评论(0) 推荐(0) 编辑
摘要: HTML:(el-tree中的关键是:filter-node-method="filterNode"值为过滤函数) JS: HTML:(el-tree中的关键是:filter-node-method="filterNode"值为过滤函数) JS: HTML:(el-tree中的关键是:filter- 阅读全文
posted @ 2019-07-11 15:29 yuanchengcheng 阅读(3135) 评论(0) 推荐(0) 编辑
摘要: 在Vue中,通过日期选择器选择时间(el-date-picker),然后创建与当前时间的倒计时,当选择的时间小于或等于当前时间时,倒计时内容为0,倒计时函数被清除。 HTML: (1)日期选择器部分,与formData.dead_line数据绑定 (2)提交按钮,与倒计时函数绑定,一旦提交,就开始执 阅读全文
posted @ 2019-07-11 15:28 yuanchengcheng 阅读(2167) 评论(0) 推荐(0) 编辑