- 博客(10)
- 资源 (1)
- 收藏
- 关注
原创 高德地图点聚合分组
因为是公司项目所以只能放部分代码片段。这边说一下思路。因为高德地图的API是不提供分组功能的,如果我放一个麦当劳和肯德基的图标会自动聚合,但这并不是我想要的。所以我就在render的时候手动筛选出这个聚合点的麦当劳和肯德基有多少个,直接把这个聚合点使用Dom进行替换。//这里说一下iconList是我这些图标的数组对象。// point是存放各种经纬度的,我进行筛选的 this.iconList.map((item) => { if (item.checked) {..
2020-11-18 15:23:24
2358
原创 vant改变步骤条的icon
**需求:改变steps组件的icon**本来的样子是这样的现在的需求是改成别的icon方法先下载icon文件百度阿里icon搜索想要的icon加入购物车选好了点下载代码把这几个文件放到静态目录里面,然后再把iconfont.css文件引入,更改这个css的自己的icon把Iconfont里面的代码添加到自己需要的下面然后把自己需要的icon前缀改成.van-icon-最后在组件中使用自己的icon...
2020-06-30 15:16:33
3102
9
原创 mpvue-echarts放在小程序swiper苹果真机不能滑动问题
主要原因:是在于canvas放在swiper里面苹果不能滑动,包括swiper-item的点击事件也触发不了,我看了微信社区也有不少人有这个问题,经过我的测试我推测是由于canvas作为原生组件层级太高盖过了swiper所以无法滑动(安卓能滑动)。解决mpvue-echarts不能放swiper的方法:使用wx.canvasToTempFilePath把图表转换成图片就可以滑动了,不过由于图表渲...
2020-03-25 15:48:32
1001
6
原创 使用flex布局时英文不换行,中文能换行的问题
在CSS中默认英文溢出不换行,中文溢出会换行。而使用word-wrap:break-word;就能让英文换行。但是当元素使用flex:1;并且使用了word-wrap:break-word;文章段落如果是中文能换行,但是英文依旧不能换行。可以给元素加任意的宽度如width:1px;这样宽度依然是flex:1的长度但是英文也能换行了...
2020-01-05 10:36:34
1525
原创 Vue打包出现Module build failed: ValidationError: CSS Loader Invalid Options
去网上搜了一圈都是说:去掉minimize这个属性我用的是4.0的脚手架,安装的css-loader是3.2版本的解决方法:看到一个人说降级到0.28.7版本试了一下,可行npm run css-loader@0.28.7因为在package-lock.json里面所以不加-S和-D...
2019-10-30 18:04:09
2871
1
原创 基于iview封装上传图片的组件,修改记录的图片
需求:(1). 新增记录就是正常的上传图片,因为有好多地方需要用到,有的页面需要2个上传图片(2). 修改记录修改这条记录的图片分析:因为很多地方需要用到上传图片,有的页面需要2个,因此封装一个复用的组件。新增:上传完图片把URL传给父组件就行了修改:需要把后端传过来的url传入子组件显示并能修改总结:代码还有很大的优化空间(我把后端传过来的url先处理成数组传入子组件了,...
2019-10-13 10:48:43
626
2
原创 vue动态给ref赋值
<Upload :ref="uploadName"></Upload>data () {return{ uploadName:'upload' }},mounted () { this.$refs[`${this.uploadName}`]; //通过模板字符串的方式 }因为$refs后面不能直接加变量名,因此可以使用`...
2019-08-23 18:59:45
12284
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人