- 博客(12)
- 收藏
- 关注
原创 vue2项目使用swiper数据更新不成功解决办法
我使用的@4.5.1的版本 swiper样式在动态获取数据的时候,swiper数据替换后,呈现效果不对。使用了以下属性都无效。
2023-03-28 16:23:05 944
原创 uniapp实现微信小程序内嵌h5页面的相互跳转
1.1微信小程序页面实现点击跳转,将h5部署地址url拼接进跳转的页面PageWebview.vue。1.2 PageWebview.vue页面用webview标签展示h5页面。用uni.webView.navigateTo跳转到小程序页面。 2.h5用uni.webView.navigateTo跳转到小程序页面
2023-03-14 12:35:16 3381
原创 uniapp视频取消控件展示,使用slider自定义视频进度条
通过uni.createVideoContext('myVideo')获取video对象,视频初始化结束的时候@endLoading获取到视频的时长endTime, 视频帧刷新的时候@timeupdate获取当前视频播放的时长startTime。图片资源:control_play.png/control_pause.png。思路:video标签 :controls="false",不展示自带的控件,代码:需要自己添加图片和视频地址。slider标签进行数据展示。
2023-03-14 10:09:03 2000
原创 movable-view内容在transform后在ios微信浏览器模糊的问题
参考:【报Bug】movable-view放大图片在微信浏览器图片模糊的问题 - DCloud问答需求:在movable-view内容背景放大的时候,字体不变大,因此需在movable-view完成缩放后将缩放值scaleData记录下来,字体的大小为1/scaleData但是这时候ios系统字体会模糊,所以增加translateX(0px) translateY(0px) translateZ(0px),问题解决。...
2022-06-13 15:15:40 599
原创 uniapp video视频铺满容器,不显示控件
1、video标签的属性参考video | uni-app官网enable-progress-gesture:是否开启控制进度的手势,bool值show-center-play-btn:是否显示视频中间的播放按钮,bool值object-fit:当视频大小与 video 容器大小不一致时,视频的表现形式。contain:包含,fill:填充,cover:覆盖show-center-play-btn:是否显示视频中间的播放按钮,bool值<video :enable-prog.
2022-05-31 15:05:40 3073
原创 css字体渐变
一、css代码: background-image:-webkit-linear-gradient(left, red, pink);//开始方向,渐变颜色 -webkit-background-clip:text;//以盒子内的文字作为裁剪区域向外裁剪,文字之外的区域都将被裁剪掉。 -webkit-text-fill-color:transparent;//把文字变透明首先:给外层div(就是装着"----->"的div盒子)来一个背景渐变。其次:用webkit-backgrou
2022-04-11 11:57:04 4359
原创 图片转base64 用canvas.toDataURL()
function getBase64Image(img) { var canvas = document.createElement("canvas"); canvas.width = img.width; canvas.height = img.height; var ctx = canvas.getContext("2d"); ctx.drawImage(img, 0, 0, img.width, img.height); var ext = img.s.
2022-03-31 18:03:30 553
原创 uniapp下拉刷新,上拉更新
参考:uni-app官网1、pages.json在配置所需页面可以下拉加载enablePullDownRefresh:true{ "path": "banner/index/index", "style": { "navigationBarTitleText": "目的地电子明信片", "enablePullDownRefresh": true }},2、我声明了页面请求的条件变量data(){ return{ // 收到.
2021-12-22 18:20:51 3406 2
原创 vue项目打包后的img图片地址动态赋值报错
<img :src="imgUrl"/>原因:因为imgUrl使用了本地图片的路径。解决方案:将图片放在目录src下的static文件夹内原理:用build打包后的dist文件夹下,文件的位置发生了变动,但是static文件夹原封不动,即static文件夹为服务器暴露出的静态资源目录......
2021-12-15 21:23:00 1978
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人