首页
AI Coding
数据标注
NEW
沸点
课程
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
小米商城实现
胡博润
创建于2021-11-10
订阅专栏
使用Vue和模拟后台,尽力模仿截止2021/11/10的小米商城页面及其交互。
等 1 人订阅
共8篇文章
创建于2021-11-10
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
JS实现满足条件则出现滚动条
目的 目的:若满足条件(这里是有多于5个子div),则出现滚动条,否则不出现 实现 HTML文件: 设置CSS: 判断是否满足条件并实现滚动条: 结果: 有3个div2: 有6个div2:
修改ElementUI的MessageBox,使之符合要求
目的 消息提示(this.$alert): 确认消息(this.$confirm): 如何修改ElementUI中的样式 在组件中额外书写一个<style></style>即可,然后使用浏览器工具就能
Vue的beforeRouteEnter如何使用组件实例的方法
引入 beforeRouteEnter会在组件创建之前调用,所以无法直接取到组件实例中的方法。 对于这样的代码,会报错,因为此时组件实例不存在,没有this,就更没有挂载到上面的axios方法了。 解
Vue实现移入父div显示子div、彻底移出父和子div时才不显示子div
实现结果 移入父元素时:显示子元素 直接移入子元素:不显示子元素 子元素显示时可以在子元素上任意移动,子元素都不会消失 实现思路 Vue中右一个data是show,初始为false,为true时显示子
Vue父组件使用SCSS控制子组件样式
目的 目的:父组件中的style控制子组件的样式 子组件: 方式 使用::v-deep ,然后就可以像在子组件中直接书写样式一样书写样式了(/deep/在我这里会报错)
Vue实现同页面多个标签页动态切换
实现结果 分析 问题:对于Vue一个组件中的多个子组件,每个子组件都会拥有自己的categoryItem,这些categoryItem会使得传入index并获取时产生疑问: document.getE
Vue实现动态数目的标签切换
结果 分析 首先,标签个数是不一定的,所以采用CSS的hover是不可以的。 可以使用mouseenter事件,绑定一个方法并传入当前的index,设置hide类,并确保鼠标移入的标签对应的div没有
Vue+原生CSS实现根据输入调整输入框样式
使用Vue和源生CSS实现小米商城登录页面的输入框样式调整。 工具:VSCode、Vue-cli脚手架、Chrome浏览器。