- 博客(8)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 antd vue折叠面板v-for循环展示
发现问题本项目用的是antd vue的组件库，在项目中用到了组件库中的Collapse折叠面板这个组件，要实现以下效果：<div class="detail-card-content bidding-detail"> <div class="title displayflex spacebetween"> <p>衢州市半岛时尚文化创业园建设工程总承包（EPC）</p> <span>信息时间：2020-08-08</span&
2020-12-22 15:31:18
3491
1
原创 swiper版本vue2.X与Vue中使用swiper时左右按钮失效问题……
今天新做的一个项目需要用到swiper，所以引入了swiper 6，发现了一些坑，在这里记录一下……1、引入css文件时报错文件不存在// import style (>= Swiper 6.x)import 'swiper/swiper-bundle.css'// import style (<= Swiper 5.x)import 'swiper/css/swiper.css'2、左右按钮点击无效解决方法：需要给按钮绑定事件，如下：<div class="swipe
2020-10-30 16:50:38
1808
原创 h5播放器，视频控件xgplayer-西瓜播放器
在这里写这篇文章是因为先前用了Video.js这款JS库插件，实现是可以实现，但是用户体验度不怎么好，所以今天就换了xgplayer的西瓜播放器，在自定义样式与插件上，xgplayer有更高的灵活性和可控性，它可以自定义关闭效果并自行开发，并且文档可读性强，快速上手。下面来看看它的使用：一、安装// 最新稳定版本npm install xgplayer --save二、使用1、在页面提供占位 DOM<div id="mse"></div>2、实例化import
2020-07-01 15:06:02
6570
6
原创 css实现图片中部居中，等比缩放不变形
最近有小伙伴问我图片居中并且不变形的样式怎么实现，在这里我把我用到的方式贴出来和大家分享一下：<div class="rela-img"> <img src="../images/avatar.jpg" /></div><style>.rela-img{ position: relative; width: 200px; height: 200px; background: #ccc; overflow: hidden;}.rela-
2020-06-11 17:00:47
1000
原创 利用sessionStrong浏览器缓存，实现详情页面返回列表页，列表页处于点击时的当前页面
问题：这个问题的产生源于运营人员反馈过来的一个需求，因为本次做的网站的新闻中心有公告通知与新闻动态两个大类（标签页控制，同一个页面地址），运营人员在测试使用的时候发现一个问题，当列表处在其它页面并且点击进详情返回列表页时，新闻列表显示的是公告通知第一页的信息……解决方案： <p class="title" @click="goDetail(item.guid)">{{item.title}}</p>methods: { getData() { // ...获取数据
2020-05-29 11:38:34
424
原创 axios 前端请求接口方式
一、get请求1、接口参数为对象let params = {Guid: 'xxx'};axios.get('xxx?' + $.param(params)).then(res => {// ... to do}).catch(err => {// ... to do})二、post请求1、接口参数为对象集合let model = [];mode.push({ ...
2019-12-19 14:20:51
372
原创 iview渲染table页面，在render中更改input输入框的值，获取输入的值
前提vue多页面形式。问题1、输入数值的时候需要显示千分位；2、最大输入长度为12位；3、改变输入框中的值，并获取改变后的值。解决方法因为在这里输入的是数值，所以用的是iview中的数字输入框（InputNumber）组件。1、组件中提供了我们格式化的属性formatter和parser，利用formatter把数字转换为想要的千分位格式，再由parser转换加数字；2、在这个组...
2019-11-13 11:23:31
3346
原创 多页面中应用iview遇到的一些问题
因为本公司现在用的不是构建式的框架，所以目前还是多页面开发方式，使用<script>全局引用。在这里我就记录一下在项目中遇到的一些奇葩问题：1、表格在render中使用过滤器：render:(h,params)=>{ returnh('span',appLayout.$options.filters['formatNum'](params.row.G...
2019-10-16 10:27:31
238
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人