type
status
date
slug
summary
tags
category
icon
password
Property
May 17, 2023 09:31 AM
Day03：前端页面开发-首页开发笔记
最近忙里偷闲，在做自己的项目，今天是记录的第三天….
麻蛋，我突然发现，自己开发的有很大的出入，由于我快要回家给老婆煮饭了，我先简单记录一下吧~
先晒一下前端开发到什么鸟样子了：
原型是这样的：
下午打开工程跑起来后…..麻蛋，不居中啊？？？如下图所示：
赶紧胡乱百度，目前解决方案：
当前代码出现的问题：居中是居中了，麻蛋，不能固定了！？
算了我打算先不解决这个问题，先把文字弄上去：我在Element-plus上无意间看到了列表显示的数据：
因此我直接把他的代码扒下来用了，但是效果不太好，CSS样式不能达到要求：
这里我用了一个CSS样式导致他直接跳到底下去了：
然后我一顿百度，可惜了，作为前端原理根本不是很懂的我，结局问题真的是费死劲了
所以我决定，回家干饭。
哦，不对，我决定用CSS经典样式Margin来解决…然后就：
但是现在还是有几个问题没有解决：
（1）动态加载导航栏的菜单，需要调整CSS的样式；
（2）固定导航栏位置，但是被我用内容居中覆盖了原有样式；
当前页面代码是这样的：
这是Vue3的代码哈，没有TypeScript，就是简单的Vue3页面
痛点
我现在处理问题仍就是通过简单的CSS调整得到的简单样式，我想知道，这种样式在发布后，会不会因为用户的浏览器不一样导致显示的大小位置啊什么的不一致，这种css能不能适用于所有场景呢？我想肯定是不行的，但是我怎么才能做到响应式布局呢？
不想了，回家煮螺蛳粉干饭！今日开发日记记录到这里吧明天继续~
- 作者:fntp
- 链接:https://polofox.com/article/codewithme-fronthand-note-03
- 声明:本文采用 CC BY-NC-SA 4.0 许可协议，转载请注明出处。
相关文章