baozhengrui

导航

2025年12月5日 #

系统访问ppt 转换成pdf,

摘要: pdf得放在public目录下才能生效 this.$router.push({ path: "/PDFViewer", query: { pptUrl: '/pdf/znt/sjzlgxn.pdf' } }) 。vue页面 <template> <div class="pdf-viewer-cont 阅读全文

posted @ 2025-12-05 11:51 芮艺 阅读(11) 评论(0) 推荐(0)

使用MP4视频作为CSS背景

摘要: 使用MP4视频作为CSS背景 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0" 阅读全文

posted @ 2025-12-05 11:48 芮艺 阅读(58) 评论(0) 推荐(0)

2025年6月4日 #

时间线上下分布

摘要: <template> <div class="custom-timeline-container"> <div class="custom-timeline"> <div v-for="(item, index) in timelineData" :key="index" class="custom 阅读全文

posted @ 2025-06-04 10:14 芮艺 阅读(15) 评论(0) 推荐(0)

2025年4月25日 #

对话框模式

摘要: <template> <div class="content" :style="{ right: visible ? '10px' : '-100%' }"> <el-row style="width:100%;height:100%;"> <el-col :span="24" style="hei 阅读全文

posted @ 2025-04-25 16:21 芮艺 阅读(52) 评论(0) 推荐(0)

模拟打字

摘要: // 模拟打字 typeEffect(arrindex, text) { let index = 0; const typeNextChar = () => { if (index < text.length) { // 每次增加一个字符 if (this.chatMessages[arrindex 阅读全文

posted @ 2025-04-25 16:17 芮艺 阅读(22) 评论(0) 推荐(0)

2025年3月12日 #

上下进行翻滚样式

摘要: 方法 startScroll(){ this.interval = setInterval(()=>{ this.offset -= this.rowHeight if(Math.abs(this.offset)>= this.rowHeight){ this.offset = 0; this.mo 阅读全文

posted @ 2025-03-12 10:08 芮艺 阅读(18) 评论(0) 推荐(0)

2025年1月18日 #

deep的写法

摘要: ::v-deep .box{} :deep(box){} /deep/.box{} 阅读全文

posted @ 2025-01-18 09:16 芮艺 阅读(19) 评论(0) 推荐(0)

2025年1月17日 #

el-checkbox-group 多选限制只能选一个

摘要: el-checkbox-group 多选限制只能选一个 <el-checkbox-group v-model="checkList" @change="groupChange">xxx groupChange() { if (this.checkList.length > 1) { this.che 阅读全文

posted @ 2025-01-17 16:44 芮艺 阅读(128) 评论(0) 推荐(0)

2025年1月9日 #

文字阴影

摘要: background: linear-gradient(180deg,#ffffff, #90c0ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center; font-si 阅读全文

posted @ 2025-01-09 11:12 芮艺 阅读(73) 评论(0) 推荐(0)

2025年1月3日 #

el-table 的样式问题

摘要: <template> <div id="model" style="background: #fff;"> <el-dialog :visible.sync="dialogVisible" :append-to-body="true" width="50%" @close="handleClose" 阅读全文

posted @ 2025-01-03 11:32 芮艺 阅读(58) 评论(0) 推荐(0)