?前言这个小项目源于github项目:✨50projects50days,这个项目包含了50个小型前端项目,适合学习了Html+Css+JavaScript但是还没有学习框架的前端新手作为练习。这里是原项目的代码实现?扩展卡片ExpandingCards?分析?布局卡片横向排列,可以使用flex布局.文字位于卡片左下角,可以将卡片设置为相对定位position:relative;,文字设置为绝对定位position:absolute;,然后设置left和bottom属性.?文字样式大卡片有文字,小卡片没有文字,一开始的想法是给小卡片的文字设置display:none;,大卡片的文字设置disp
Day2和前一天的页面一样,但是改了一些规范,并且加上了弹出框(简陋版).主要是改了首尾的引航栏,将原来的直接使用a标签变成使用ul>(li>a)标签成果修改了首尾的引航栏,将原来的直接使用a标签变成使用ul>(li>a)标签:将ul>li标签通过css的display:inline-block标签修改为内联块标签,使其可以在同一行排序.实现了弹出窗口的使用(见下)了解了text-align:center的使用方法(块级元素使用才能居中,内联元素无法居中),也就是:实现图片居中css中通过(width:1000px;margin:0auto;):在块元素中限定元素宽度,然后可以使用margin
Day2和前一天的页面一样,但是改了一些规范,并且加上了弹出框(简陋版).主要是改了首尾的引航栏,将原来的直接使用a标签变成使用ul>(li>a)标签成果修改了首尾的引航栏,将原来的直接使用a标签变成使用ul>(li>a)标签:将ul>li标签通过css的display:inline-block标签修改为内联块标签,使其可以在同一行排序.实现了弹出窗口的使用(见下)了解了text-align:center的使用方法(块级元素使用才能居中,内联元素无法居中),也就是:实现图片居中css中通过(width:1000px;margin:0auto;):在块元素中限定元素宽度,然后可以使用margin
这几天更新有点小慢,逐渐开始回归状态了。尽快把这个后台做完,要开始vue3了3.添加修改品牌用到组件Dialog对话框,其中visible.sync这个配置是修改他的显示隐藏的,label-width是这个标题的宽度然后上传头像的按钮,upload组件,他有自己的一些样式记得复制在style里面前面静态布局完成,下面完成功能首先完成接口一个添加和一个修改的接口,由于发现他们参数都差不多,所以完全可以用一个函数来完成,只是判断有无携带id参数首先表单是可以收集自己数据的配置项model,然后品牌名称的值通过v-model来收集关键是下面这个图片怎么来收集,因为这里是用的upload来做的,它上面
这几天更新有点小慢,逐渐开始回归状态了。尽快把这个后台做完,要开始vue3了3.添加修改品牌用到组件Dialog对话框,其中visible.sync这个配置是修改他的显示隐藏的,label-width是这个标题的宽度然后上传头像的按钮,upload组件,他有自己的一些样式记得复制在style里面前面静态布局完成,下面完成功能首先完成接口一个添加和一个修改的接口,由于发现他们参数都差不多,所以完全可以用一个函数来完成,只是判断有无携带id参数首先表单是可以收集自己数据的配置项model,然后品牌名称的值通过v-model来收集关键是下面这个图片怎么来收集,因为这里是用的upload来做的,它上面
今天把平台属性的管理基本完成了,后台管理做到现在基本也开始熟悉,确实就是对ElementUI的一个熟练程度。一.平台属性管理1.动态展示数据先把接口弄好,应该在第三级标题选择后进行发请求静态页面搭建渲染数据属性值列表,用到一个新组件tag,并且这里有多个属性值,所以要遍历,既然要在里面加标签那就要用slot,最后添加两个图标2.添加与修改属性(静态)点击添加修改应该将下面的表格组件隐藏出来一个新的组件如果没有选择到三级分类的时候,添加属性按钮应该不可点新的页面布局点击取消应该回到列表展示界面3.收集平台属性首先我们的接口需要的数据,这里要注意我们categoryId是收集categoty3的i
今天把平台属性的管理基本完成了,后台管理做到现在基本也开始熟悉,确实就是对ElementUI的一个熟练程度。一.平台属性管理1.动态展示数据先把接口弄好,应该在第三级标题选择后进行发请求静态页面搭建渲染数据属性值列表,用到一个新组件tag,并且这里有多个属性值,所以要遍历,既然要在里面加标签那就要用slot,最后添加两个图标2.添加与修改属性(静态)点击添加修改应该将下面的表格组件隐藏出来一个新的组件如果没有选择到三级分类的时候,添加属性按钮应该不可点新的页面布局点击取消应该回到列表展示界面3.收集平台属性首先我们的接口需要的数据,这里要注意我们categoryId是收集categoty3的i
昨天太晚就没来得及更新,今天是spu管理界面,这个界面一共有三个界面需要切换,完成了两个界面,而且今天的难度在于最后两个章节,富有一定的逻辑性,当然中间也有很多需要注意的,比如ElementUI的照片墙需要添加list属性而且值为你的数据并且必须是一个数组必须有name、url属性一.spu管理1.按钮与三级联动可操作性当进入属性的添加这个界面我们的三级联动应该不可点击以及我们没有添加属性值不应该能够点击保存2.spu介绍spu和sku就是类与实例的关系添加修改等等3.静态两个card构成,上面还是我们的三级联动下面这个card先是一个button然后一个table,然后一组button,出现
昨天太晚就没来得及更新,今天是spu管理界面,这个界面一共有三个界面需要切换,完成了两个界面,而且今天的难度在于最后两个章节,富有一定的逻辑性,当然中间也有很多需要注意的,比如ElementUI的照片墙需要添加list属性而且值为你的数据并且必须是一个数组必须有name、url属性一.spu管理1.按钮与三级联动可操作性当进入属性的添加这个界面我们的三级联动应该不可点击以及我们没有添加属性值不应该能够点击保存2.spu介绍spu和sku就是类与实例的关系添加修改等等3.静态两个card构成,上面还是我们的三级联动下面这个card先是一个button然后一个table,然后一组button,出现
开始我们后台篇的内容,前面处理了一些事情,去学校完成授位仪式,由校长授位合影,青春不留遗憾,然后还换了一个电脑,征战了四年的神船终于退役了,各种各样的小毛病是真的烦人。现在正式开始后台篇的内容,做了今天总体的感觉后台部分大难度没有,但是要考虑一点就是对于elementUI的熟练程度,要把这个练得比bootstrap还熟悉,虽然bootstrap也没有多熟悉,但是这个必须熟悉,毕竟工作用得多一.组件通信高级(面试必备)1.复习复习一下目前已经学习过的组件通信props:父给子传,但是需要注意的是父给子传的是函数那么这是自定义事件的前兆,只有当父给子传的是非函数才是props传递数据,他有三种书写