制作官网水平导航栏

本示例模仿一下销售易官网的水平导航栏是如何制作的。

步骤一：设置水平导航栏100%宽度

拖拽一个动态面板组件，

• x：0，y：0，h：50，宽度随便设置600（建议设置屏幕宽度如1230）
• 填充：#F8F8F9
• 选中100%宽度（仅适用浏览器）
• 并设置阴影x：1，y：1
  
  预览：可以随着浏览器宽度的改变会自适应浏览器100%宽度。
  

步骤二：添加logo、登录按钮、免费试用按钮

• 最左侧添加一个logo
• 最右侧新增内容：
  • 一个销售咨询文本标签：字体颜色 #0664F5
  • 一个登录按钮：字体颜色和标签颜色 #0664F5
  • 一个免费试用按钮：填充颜色 #0664F5