自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

sunluyi的博客

前端经验总结

  • 博客(5)
  • 问答 (1)
  • 收藏
  • 关注

原创 uniapp px rpx 转换

uniapp 内置了 rpx 转 px 的方法// 100 为 100rpx的值var px = uni.upx2px(100);px 转 rpx// 200 为 px 的值,后面的两个 100 为计算比例使用var rpx = 200/(uni.upx2px(100)/100); // 验证上面rpx的值var px = uni.upx2px(rpx); // px的值 = 200...

2021-10-28 10:07:22 1907

转载 VUE版手写日历组件

开发背景常用日历组件可能满足不了我们自定义的多种需求(比如样式),因此通常情况下我们可能需要自己手动开发款日历,先上图开发流程1. 根据常用日历样式,我们template部分可以分为三部分(上下月及当前月份展示;周日至周六展示;主体日期展示三部分)template部分代码<div class="date"> <div class="header"> <span class="pre_month" @click="onPreMonth"></s

2021-10-28 10:03:12 584 2

原创 正则:去除字符串内多余空格

1、去除左边空格let str =' 12345';str.replace(/^\s*/, '');console.log(str);2、去除右边空格let str ='12345 ';str.replace(/(\s*$)/g, "");console.log(str);2、去除字符串内全部空格let str =' 1 2 3 4 5 ';str.replace(/\s+/g, "");console.log(str);...

2021-10-12 10:34:24 3452

原创 uniapp:嵌入本地html页面

需要用到的组件:web-viewweb-view 是一个 web 浏览器组件,可以用来承载网页的容器,会自动铺满整个页面(nvue 使用需要手动指定宽高)。注意事项:小程序仅支持加载网络网页,不支持本地html补充说明:app-vue下web-view组件不支持自定义样式,而v-show的本质是改变组件的样式。即组件支持v-if而不是支持v-show。小程序端 web-view 组件一定有原生导航栏,下面一定是全屏的 web-view 组件,navigationStyle: custom 对.

2021-10-09 14:05:15 17087 3

原创 uniapp:自定义底部导航栏

uview>tabbar组件1、在pages.json中正常定义tabbar逻辑和字段,只需配置tabBar字段list中的pagePath(需以"/"开头)属性即可"tabBar": { // 设置底部 tab 的表现 "color": "#333333", "selectedColor": "#fa2c19", "borderStyle": "black", "backgroundColor": "#fff", "list": [{ "pagePath": "p.

2021-10-09 13:47:12 17104 12

空空如也

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

TA关注的人

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