开发者社区云计算文章正文

好客租房155-封装顶部导航栏组件(2样式调整)

2022-06-14 82

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： 好客租房155-封装顶部导航栏组件(2样式调整)

.navbar {
    // 组件应该保持默认的基本样式，对于页面单独需要的样式，在页面中单独指定就可以了
    // margin-top: -45px;
    color: #333;
    background-color: #f6f5f6;
    .am-navbar-title {
      color: #333;
    }
  }

运行结果

图片.png

前端歌谣

极客李华

7月前

前端开发

动态水滴页面

极客李华

42 0 0

石小石Orz

4月前

改进菜单栏动态展示样式，我被评上优秀开发！

【8月更文挑战第24天】改进菜单栏动态展示样式，我被评上优秀开发！

石小石Orz

48 2 3

东方睿赢

6月前

UED

带您一步步构建一个具有复杂布局的电商详情页，涵盖页面结构规划、样式设计以及交互效果的实现

【6月更文挑战第14天】构建复杂布局的电商详情页涉及页面结构规划、样式设计和交互效果实现。首先，规划页面结构，包括顶部导航栏、商品图片展示区、商品信息区、用户评价区和相关商品推荐区。接着，进行样式设计，注重色彩搭配、字体选择、布局与间距以及图片处理。例如，使用固定顶部导航栏，轮播图展示商品图片，分块展示商品信息和评价，以及设计相关商品推荐区。最后，实现交互效果，如图片放大、添加到购物车按钮、滚动监听和评论互动，提升用户体验。实际开发时需根据需求和规范进行调整，保证跨设备兼容性。

东方睿赢

121 1 1

写代码的大学生

6月前

前端开发

CSS动画（动态导航栏）

写代码的大学生

68 0 0

郏国上

7月前

ios15从隐藏系统导航栏页面进入显示系统导航栏页面后，期望系统导航栏背景色为白色，但是导航栏背景变成黑色问题

郏国上