- 博客(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
空空如也
关于CSS浮动的时候下边的块级元素跟着浮动
2017-12-03
TA创建的收藏夹 TA关注的收藏夹
TA关注的人