自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(24)
  • 收藏
  • 关注

原创 UI设计-使用AI+XD制作立体饼图

UI设计-使用AI制作立体饼图

2022-07-13 10:08:15 966 1

原创 微信小程序scroll-view的scroll-x不起作用的原因:要在style中加上white-space: nowrap

<scroll-view scroll-x style="white-space: nowrap;width:375rpx;height:620rpx;"> <block wx:for="{{propData}}" wx:key="index"> <image src="{{item.src}}"></image&g...

2019-09-28 10:24:51 1425

原创 微信小程序取消scroll view的滚动条

scroll-view.category#category ::-webkit-scrollbar { width: 0; height: 0; color: transparent; display: none;}scroll-view + 类名 + id名 + 一个空格 + ::-webkit-scrollbar {...

2019-09-27 14:26:55 308

原创 添加阿里矢量图标到微信小程序

选择图标,加入购物车购物车>下载代码,解压,打开其中的iconfont.css购物车>添加至项目,没有项目创建一个。首页上方菜单栏,图标管理>我的图标,选择我的项目,点击【暂无代码,点此生成】复制生成的代码,替换掉打开的iconfont.css中的@font-face那一大段将替换完的代码复制到wxss中。在对应wxml中使用,类名iconfon...

2019-09-17 09:05:04 298

原创 Echarts-触屏 tooltip 和 dataZoom 示例

<!DOCTYPE html><html><head> <meta charset="utf-8"> <!-- 引入 ECharts 文件 --> <script src="echarts.js"></script></head><body><!-- ...

2019-09-04 18:56:28 2449

原创 background-image 自适应宽高

background-image: url(headerBgImg.png);background-repeat:no-repeat;background-size:100% 100%;-moz-background-size:100% 100%;

2019-09-04 18:47:22 523

原创 伪元素制作自定义边框

红框圈出来的蓝色下边框这种效果<view class="active"> <text>我的赞</text></view><view> <text>我的收藏</text></view><view> <text>我的评论</text></view...

2019-09-04 18:45:35 1449

原创 css全局默认样式

/*统一默认样式*/body{ margin: 0 auto; padding: 0; font-family:Arial,Tahoma,Verdana,STHeiTi,"Microsoft YaHei",微软雅黑,sans-serif; background-color: #f0f2f0; font-size:12px; color:#333;...

2019-09-02 09:05:27 996

原创 微信小程序修改swiper的默认高度并使用scroll-view进行内容滚动

修改swiper的默认高度并使用scroll-view进行内容滚动效果:swiper的默认高度150rpx,但是我们的内容不是固定的,且高度会变化。思路是设置swiper一个固定高度,swiper内的scroll-view的高度与其一致,这样scroll-view在swiper就能全部显示。问题是swiper的高度不能写死多少rpx,因为不同手机型号的高度不一样,所以需要计算swiper...

2019-08-29 09:21:41 1235

原创 强制span不换行,超出部分以...显示

span{ white-space: nowrap; /*强制span不换行*/ display: inline-block; /*将span当做块级元素对待*/ width: 100%; /*限制宽度 可设px*/ overflow: hidden; /*超出宽度部分隐藏*/ text-overflow: ellipsis; /*超出部分以点号代...

2019-08-20 10:36:16 4992

原创 微信小程序swiper进行滑动Tab切换

wxml<view class="flex-row"> <view class="{{currentTab==0 ?'flex-view-item-active':'flex-view-item'}}" bindtap='tap0'> <text>关注列表</text> </view> <view cla...

2019-08-15 10:16:42 829

原创 Axure原型生成html无法打开

1.安装插件链接:https://pan.baidu.com/s/1fE8xunSBLvbD8j_S-ApcWw提取码:n5yr2.第二种方式,修改一下Axure 原型的index.html首页,把里面的源码编辑一下,找到:$(window).bind('load', function() { if(CHROME_5_LOCAL && !$('b...

2019-08-06 16:58:39 7334 2

原创 破解webstorm

下载破解包WebStorm/Idea 2018.3.2:链接:https://pan.baidu.com/s/1MnmTcO1wSW0NPH7Nf35iWQ提取码:2173WebStorm/Idea 2018.3.1:链接:https://pan.baidu.com/s/1EUz7F9ohHJDMQR5xacurVA提取码:96y4WebStorm/Idea 2018...

2019-08-06 15:33:49 748

原创 高德地图点聚合报错Uncaught TypeError: AMap.MarkerClusterer is not a constructor

高德点聚合的demo直接复制下来,报错。39行少了http头,添加上<script src="http://a.amap.com/jsapi_demos/static/china.js"></script>40行改为自己的ak<script type="text/javascript" src="https://webapi.amap...

2019-08-03 09:26:55 3468

原创 利用css伪元素制作关闭符号

.closeX{ cursor: pointer; position: absolute; right: 4px; top: 0; bottom: 0; margin: auto; width: 20px; height:5px; background-color: #55acee; transform: rotate...

2019-08-02 10:04:21 860

原创 最简单的原生Tab切换div

<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maxi...

2019-08-02 09:57:25 335

原创 git安装

下载git Windows客户端git客户端下载地址:https://git-scm.com/downloads我这里下载的是Git-2.14.0-64-bit.exe版本下载TortoiseGitTortoiseGit其实就是对git的一个封装起来的程序,用来简化git操作.不仅仅可以实现git仓库管理,还可以通过它实现权限控制。TortoiseGit客户端下载地址:https...

2019-08-01 10:18:59 113

原创 媒体查询media不生效的原因

媒体查询@media不生效的原因格式书写错误 and后面必须有空格@media screen and (max-width:500px){ }样式冲突 @media查询带的css写在后面@media查询的css写在前面会被后面的css所覆盖。p { background-color:lightgreen;}@media scr...

2019-08-01 10:00:28 4621 1

原创 GPS坐标偏移与转换

一、坐标类型:国家规定,中国大陆所有公开地理数据都需要至少用GCJ-02进行加密WGS84坐标,GPS设备获取的角度坐标谷歌地球,googleearth上取到的,是GPS坐标,而且是度分秒形式;底层接口(HTML5 Geolocation或ios、安卓API)通过GPS设备获取的坐标使用的是WGS-84坐标系;GCJ02国测局坐标,又被称为火星坐标系高德地图、腾讯地图以及谷歌中...

2019-07-11 14:44:24 1750

原创 js和jq使用jsonp解决百度地图api跨越问题

1.jsonp解决跨域var url = 'http://api.map.baidu.com/reverse_geocoding/v3';var data = { ak:'你的ak', output:'json', coordtype:'bd0911', location:'40.02641073822578,116.66585564897912', c...

2019-07-11 10:49:50 871

转载 百度地图引用时 报出A Parser-blocking, cross site (i.e. different eTLD+1) script

页面引入百度地图api时chrome控制台报出问题A Parser-blocking, cross site (i.e. different eTLD+1) script, http://api.map.baidu.com/getscript?v=2.0&ak=Kpjp7jddqVUhWK5VkrfNt3YNezY88NtR&services=&t=2017051714...

2019-07-10 14:29:57 7486

转载 +new Date()

//js在某个数据类型前使用‘+’,这个操作目的是为了将该数据类型转换为Number类型,如果转换失败,则返回NaN;//+new Date() 会调用Date.prototype 上面的 valueOf方法// valueOf方法功能与getTime() 方法一样。返回以数值格式表示的一个 Date 对象的原始值,从1970年1月1日0时0分0秒(UTC,即协调世界时)到该日期对象所代表时间...

2019-07-03 09:37:49 629

原创 vue空格报错

将build里面的webpack.base.conf.js中这段代码注释掉

2018-11-14 23:09:32 1301

原创 vscode补全html标签

vscode补全html标签文件–首选项–设置搜索files.associations,点击在settings.json中编辑点击左边的笔,点击在设置中替换,加入这句代码即可 "files.associations": { "*.vue":"html" }...

2018-11-14 22:59:00 19754 2

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除