- 博客(6)
- 收藏
- 关注
原创 el-image实现在el-table-column中展示多张图片,且能够大图循环预览
通过:perview-src-list="getImgList(scope.row.workPhoto, index)"来开启图片预览功能且调用方法getImgList(),每次传入当前表格的图片地址数组以及点击查看的图片的下标。通过v-for来遍历每个列表的图片地址数组,结合:src="item"把每个图片展示在表格里,展示图片的大小样式用style来设定。点击第二张图片查看时,通过点击图片的下标进行重新排序且输出新的数组,实现轮播效果。workPhoto是图片地址的数组。
2023-03-30 23:51:40
5837
原创 JavaScript基础入门学习(二)
目录 1.流程控制分支结构 1.1顺序结构 1.2分支结构 1.2.1if语句 1.2.2ifelse语句 1.2.3ifelseif语句 1.2.4三元表达式 1.2.5switch语句 1.3循环结构 1.3.1for循环 1.3.2while循环 1.3.3dowhile循环 1.4continue 1.5break 2.数组 2.1数组的创建 2.2数组的访问 2.3数组的遍历 2.4数组的长度 2.5新增数组元素 3.JavaScript函数...
2021-07-21 15:55:46
280
原创 JavaScript基础入门学习(一)
1.JavaScript的组成 JavaScript是一种运行在客户端的脚本语言,JS的组成有ECMAScript、DOM、BOM 1.1ECMAScript ECMAScript是ECMA国际进行标准化的一门编程语言,这种语言在万维网上应用广泛,它往往被称为JavaScript或JScript,但实际上后两者是ECMAScript语言的实现和扩展 ECMAScript规定了JS的编程语法和基础核心知识,是所有浏览器厂商共同遵守的一套JS语法工业标准 1.2DOM 文档对象模型(Docume.
2021-07-20 16:54:27
342
2
原创 CSS基础入门学习(二)
1.复合选择器 常用的复合选择器包括:后代选择器、子选择器、并集选择器、伪类选择器等等 复合选择器是建立在基础选择器之上,对基本选择器进行组合形成的 复合选择器可以更准确、更高效的选择目标元素 复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的 1.1后代选择器 后代选择器又称为包含选择器,可以选择父元素里面子元素,其写法就是把外层标签写在前面,内层标签写在后面,中间用空格分隔,当标签发生嵌套时,内层标签就成为外层标签的后代 元素1元素2{样式声明} 元素1元素2元素...
2021-07-20 09:39:50
284
原创 CSS基础入门学习(一)
目录 1.CSS的引入方式 1.1行内样式表(行内式) 1.2内部样式表(嵌入式) 1.3外部样式表(链接式) 2.选择器 2.1选择器分类 2.2标签选择器 2.3类选择器 2.4id选择器 2.5通配符选择器 2.6基础选择器总结 3.字体属性 3.1font-family 3.2font-size 3.3font-weight 3.4font-style 3.5字体复合属性 4.文本属性 4.1color 4.2text-align 4.3text-decor
2021-07-18 16:50:23
173
原创 HTML入门学习
目录 1.学习目标 2.什么是网页 2.1什么是HTML 2.2Web标准 3.html语法规范 3.1基本结构标签(骨架标签) 3.2HTML常用标签 3.2.1标题标签h1~h6 3.2.2段落标签和换行标签 3.2.3文本格式化标签 3.2.4div和span标签 3.2.5图像标签 3.2.6路径 3.2.7超链接标签 3.2.7注释标签和特殊符号 3.2.8表格标签 3.2.9列表标签 3.2.10表单标签 1.学习目标 初步掌握HTML...
2021-07-17 16:28:55
335
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人