晚遇729-CSDN博客

原创 vue2 判断是移动端还是pc端如果是移动端就显示另一套代码

/ 假设你有一个为移动设备封装的组件。-- 如果 isMobile 为 true，则显示 MobileComponent；否则显示正常内容 -->// 使用正则表达式检测用户代理是否包含常见的移动设备关键字。第三步使用要用 v-if="isMobile" 判断是否显示。第四步在computed 里使用正则表达式判断设备。

2024-06-28 16:46:57 211

原创使用DataVVue 大屏数据不展示时

data() { return { waterPicture: { data: [], shape: "roundRect", },}，}渲染时screenData() { visual.getStatistics().then((data) => { this.waterPicture.data = [data.accountCoin];[] 转成数组 this.waterPicture = { ...this.

2024-06-14 14:48:40 153

原创前端vue视频vue-video-player插件去掉视频中间的播放和暂停按钮

去掉视频中间的播放和暂停按钮最重要的是要加个::v-deep。

2024-06-03 16:03:24 303

原创 Vue 引入阿里矢量图

3.下载代码到桌面并解压可以修改一下名字我修改的名字font。4.把解压的代码直接粘贴复制到项目里的。5.在main.js全局引入。6.在使用的页面复制css。2.点击右上角购物车。

2024-05-31 17:51:59 170

原创 vue2 安装vue-video-player

如果安装时报错routers.js:111 [Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build.aspectRatio: '9:16', //视频比例。

2024-05-29 16:06:56 311

原创通过ref 调用子组件方法

videoData: { //注意名字videoData 保持一直 :video-data。default: () => ({}) // 提供一个默认对象来避免可能的错误。5.通过点击方法 HitMasking 调用子组件里的HitKing（）方法。再通过HitMasking（）点击方法把item对象传递给子组件。子组件方法HitKing。

2024-05-23 17:31:53 142 1

原创 css 字体由左到右改变文本换行超出显示省略号

* 设置或检索伸缩盒对象的子元素的排列方式 */-webkit-background-clip: text;/* 设置背景裁剪为文本 */display: -webkit-box;/* 对象作为伸缩盒子模型显示 *//* 超出部分省略号 */-webkit-line-clamp: 2;/* 显示的行数 *//* 隐藏超出部分 *//* 隐藏文本颜色 *//* 从左到右渐变，颜色从黑色到白色 *//* 对象作为伸缩盒子模型显示 */

2024-05-13 10:57:15 177