- 博客(31)
- 收藏
- 关注
原创 vue中使用ApacheEcharts出现的问题
使用图例legend的时候legend中data的name要和series中的name相同,图例才会显示。
2023-10-19 17:29:52 131
原创 uniapp实现微信小程序/H5答题卡
并把 :style="[getBackgroundColor(item)]",修改为:style="getBackgroundColor(item)"代码中有些地方判断写的没必要,懒得改了,xdm看不惯自己改吧 hhhhhhh ^_^。微信小程序页面,如果要修改为H5,直接把view标签修改为div,
2023-09-14 11:37:10 2621 11
转载 uniapp使用多个picker,值一起改变(已解决)
解决uniapp或者微信小程序中使用多个picker改变其中一个picker的值其他也跟着改变的问题
2023-08-19 09:58:46 600
原创 vue中使用阿里云视频点播播放器
使用阿里云视频点播播放器时遇到一些问题,比如获取不到播放器实例,建议将播放器封装为组件,其中只有阿里云播放器一个实例,视频videoId从父组件获取传给播放器组件,再使用后端接口获取视频播放凭证playAuth,如果想使用source播放,直接在创建实例的时候添加source属性。本组件只使用到了部分文档中的方法比如:销毁播放器 dispose()、获取当前的播放时刻getCurrentTime()、获取视频总时长 getDuration(),如果要使用播放器的其他方法,请参考官方文档。
2023-08-03 09:34:18 1274
原创 微信小程序购物车和左侧导航栏
微信小程序实现左侧导航栏加入购物车并结算 cars.wxml cars.wxss filter.wxs // 这是在文件夹里新建的保留两位小数用的 classification.jsclassification.wxml classification.wxss 参考的左侧导航栏链接: 微信小程序侧边导航栏 - 简书废话少说,其实就是利用scroll-into-view的id值来进行视图进行的滚动,注意不是选项卡效果,是页面的滚动的效果,相当
2022-06-01 21:38:58 3976 3
原创 在vscode中使用iconfont阿里字体图标
1.登录阿里巴巴矢量图标库iconfont-阿里巴巴矢量图标库iconfont-国内功能很强大且图标内容很丰富的矢量图标库,提供矢量图标下载、在线存储、格式转换等功能。阿里巴巴体验团队倾力打造,设计和前端开发的便捷工具https://www.iconfont.cn/首页:2.从中选择你喜欢的图标库3. 点击加入购物车,在购物车中可以查看自己想要的图标4.下一步点击添加至项目,给你想要的图标加入项目并取一个喜欢的项目名字5.直接点击下载至本地,下载完成后解压缩...
2022-05-07 10:49:19 2481
原创 flex弹性盒子相关知识
今天复习了一下弹性盒子,太久都忘了效果图:代码:<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width,...
2022-04-24 20:19:41 85
原创 模仿鲜柚小程序静态首页与搜索页
效果图:grapefruit.wxml页面<!--pages/grapefruit/grapefruit.wxml--><view><viewclass="header"><imagesrc="../../imges/鲜柚生活/定位1.png"class="header_img"></image><viewclass="section"><pic...
2022-04-24 17:04:20 459
原创 模拟安利首页
效果图:index.html代码:<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial...
2022-04-05 17:51:35 309
原创 溢出:实现商城滚动显示商品内容
效果图:代码:<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1....
2022-04-05 09:40:18 134
原创 溢出:实现单行文本溢出显示省略号
代码:<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />...
2022-04-05 09:35:30 66
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人