自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(11)
  • 资源 (1)
  • 收藏
  • 关注

原创 nuxt项目 使用swiper完成旋转木马轮播效果

nuxt项目 使用swiper完成旋转木马轮播效果

2022-06-15 18:08:29 1052

原创 echarts 中国地图点击进入相应省份 海南省里的南海诸岛换成诸岛简图

DataV.GeoAtlas地理小工具系列 在这里下载了中国以及各省的json文件,但是下面海南那块国家海岸线里有很多岛我不想要,明明已经有个南海诸岛的框了,在那占位置不好看,这时就要改变下China.json里的数据了,因为那些岛是属于海南的,所以在China.json数据里找到海南省然后,把"coordinates"替换成如下代码:"coordinates": [ [ [ [110.106396, 20.026812], [110.042339, 1..

2022-05-09 15:22:52 5327 16

原创 vue:el-input使用v-model绑定多层嵌套对象后编辑时数据无法修改

问题:新增操作时无影响,但到了编辑操作时,虽然输入框有值,但无法对其进行删除或修改(预估是在初始化赋值那步有问题)代码如下:<el-form :model="userInfo" ref="ruleForm" :rules="rules" label-width="160px" size="mini"> <el-form-item label="详细地址" prop="location.placeText"> ..

2022-03-09 12:56:02 9184

原创 js实现签到日历

wxml代码<view class="boxMain" style="height:{{dateList.length>35?'805rpx':'730rpx'}}"> <view class="calendarHeader"> <view>本月已签到<text>{{recordList.length}}</text>天</view> </view> <view...

2021-09-18 17:49:41 643

原创 获取两个日期之间的所有天数实现倒计时

formatTime: function(date) { let today = new Date(date); let month = String(today.getMonth() + 1); month = month.padStart(2, '0'); let day = String(today.getDate()); day = day.padStart(2, '0'); let str = today.getFullYear() + '-' + month + '-' + day.

2021-09-08 11:40:17 250

原创 vue2 九宫格抽奖H5+手机rem自适应方法

手机H5页面,使用rem做的自适应,暂不支持微信内部浏览器查看

2021-09-08 10:55:03 494

原创 微信小程序分享功能异步请求

分享一个助力链接给朋友,但在点击分享按钮后需要向后台请求接口再来判断当前是否可分享,也就是说需要在分享按钮那里做一个异步请求,一开始怎么弄都是只要点击分享按钮就会弹出分享弹框,后面发现可以用Promise()进行截断<buttonclass="shareBtn"open-type="share"disabled="{{shareClose}}">在resolve({......})里面填写分享的链接,注意,path里面有参数时要保证参数传递正确,否则不论分享哪个链接,用户分享...

2021-09-06 14:57:34 1083 3

原创 微信小程序图片上传裁剪和多图拖拽排序功能

裁剪工具使用image-cropper小程序内实现效果:添加image-cropper组件,引入到需要裁剪功能的页面wxml代码:

2021-09-06 14:12:41 2187 1

原创 Typescript学习笔记2

编译选项自动编译文件编译文件时,使用 -w 指令后,TS编译器会自动监视文件的变化,并在文件发生变化时对文件进行重新编译。示例: tsc xxx.ts -w自动编译整个项目如果直接使用tsc指令,则可以自动将当前项目下的所有ts文件编译为js文件。但是能直接使用tsc命令的前提时,要先在项目根目录下创建一个ts的配置文件 tsconfig.jsontsconfig.json是一个JSON文件,添加配置文件后,只需只需 tsc 命令即可完成对整个项目的编译配置选项:

2021-08-13 11:40:40 130

原创 vue3+TypeScript+vite+ElementPlus项目创建及后续优化

创建vue3+ts+vite项目:npm init @vitejs/app vue3-vite-ts-elementplus --template vue-ts 初始化: 项目初始化后默认无router和vuex,需npm安装:npm i vue-router@next vuex@next -S 注意:vue3.0只支持router和vuex必须是4.0及以上版本启动服务:npm run dev / yarn dev出现此问题:因为IP没有做配置,所以不能从IP启动,需要在 v.

2021-08-13 10:11:11 1143

原创 Typescript学习笔记1

TypeScript中的基本类型TypeScript中的基本类型: 类型声明 类型声明是TS非常重要的一个特点; 通过类型声明可以指定TS中变量(参数、形参)的类型; 指定类型后,当为变量赋值时,TS编译器会自动检查值是否符合类型声明,符合则赋值,否则报错; 简而言之,类型声明给变量设置了类型,使得变量只能存储某种类型的值; 语法: let 变量: 类型;let 变量: 类型 = 值;function

2021-08-13 09:38:46 193

小程序图片裁剪组件image-cropper

小程序图片裁剪组件image-cropper

2021-09-14

空空如也

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

TA关注的人

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