小米商城-(导航栏,登录)页面
导航栏
主要包括了小米商城的导航栏部分,可学习参考,
图片链接
小米logo
小米图标
二维码
登录页面的图片可以到这个网络去寻找壁纸网站
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8">
<title>小米商城</title>
<link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico">
<link rel="stylesheet" type="text/css" href="css/mi.css">
</head><body>
<!-- 导航栏 -->
<div class="nav-one"><div class="nav-two"><div class="nav-context"><a href="">小米商城<span>|</span></a><a href="">MIUI<span>|</span></a><a href="">云服务<span>|</span></a><a href="">金融<span>|</span></a><a href="">有品<span>|</span></a><a href="">企业团购<span>|</span></a><a href="">协议规则<span>|</span></a><a class="nav-code" href="">下载APP<span>|</span><div class="nav-none"><div><img src="img/qrcode.png" width="90" height="90"><p>小米商城 APP</p></div></div></a><a href="">小爱开放平台</a></div><div class="nav-cart"><a href="">购物车<span>(0)</span></a><div class="none-cart"><p>(购物车空空如也)</p></div></div><div class="nav-login"><a href="login.html" target="_blank">登录<span>|</span></a><a href="">注册<span>|</span></a><a href="">消息通知<span>|</span></a></div></div><!-- 选项栏 -->
<div class="menu-one"><div class="menu-two"><div class="menu-logo"></div><div class="menu-none"></div><div class="menu-centext"><a href="">Xiaomi手机</a><a href="">Redmi手机</a><a href="">电视</a><a href="">笔记本</a><a href="">平板</a><a href="">家电</a><a href="">路由器</a><a href="">服务中心</a><a href="">社区</a></div><div class="menu-input"><input class="menu-text" type="text" placeholder="请输入商品"><input class="menu-submit" type="submit" value="
小米商城-(导航栏,登录)页面相关推荐
- 微信小程序自定义底部导航栏遮挡页面内容(已解决)
今天也是努力写毕设的一天~ 这几天在实现旅行日记的笔记详情界面,先实现了自定义的底部导航栏,在这里我使用的是iView Weapp,具体的介绍我放在这里了~ 快速上手 iView Weapp 跟着里面 ...
- Android底部导航栏切换页面填坑
** Android底部导航栏切换页面填坑 ** 这个效果的实现关键点就是给选项赋予两种状态,focused和normal,在主程序中用监听判断是否被选中,就给被选中的选项设focused为true, ...
- 导航栏不变 页面切换 最简单的方法
导航栏不变 页面切换 最简单的方法 不久前一个导航栏想的我焦头烂额,碰巧得到了一个项目才知道怎么写的,我这个方法呢就跟插入导入css,js样式差不多.请看下面的图片 创建一个num.html,在里面把 ...
- Axure RP 如何实现导航栏切换页面——母版
网站的导航功能是一个网站的最基本也是最为重要的功能之一,当我们在做项目时,点击导航按钮实现跳转页面,并且每次点击跳转都会有交互,运用母版,可大量减少设计时间,实现跳转页面. 以知乎网站为例: 总结为两 ...
- 08﹑导航子页面切换功能5_实现导航栏子页面切换
08﹑导航子页面切换功能5_实现导航栏子页面切换
- CSS样式:小米商城导航栏及下拉菜单小项目
小米商城 一.Html网页 二.CSS美化样式 三.成果图 一.Html网页 <!DOCTYPE html> <html lang="en"><hea ...
- 用HTML和CSS写小米商城导航栏
一.顶部导航栏 顶部导航的html文件 <div class="top-bar w"><!-- 顶部导航左侧 --><ul><li> ...
- vue 导航栏刷新页面定位:
不想分析可以直接看解决方案 问题描述: 通过router的route-link可以实现导航栏的功能,并且可以跳转到相应页面 但是刷新页面导航栏没有定位到当前页面一栏. 问题分析: 定位导航栏步骤 1. ...
- Flutter底部导航栏BottomNavigationBar页面状态保持解决方案
网易云[玩转大前端]配套课程 EDU配套 教程 Flutter开发的点滴积累系列文章 一行代代码置灰应用?对就是这么干 在实际应用开发中,一般应用的首页面会有这种结构,在Flutter应用开发中,有多 ...
最新文章
- 最权威北美放射学会年会回顾:AI的进化与下一个前沿
- python复杂网络 学习笔记
- python函数编程-偏函数partial function
- C指针原理(13)-C指针基础
- 使用Visual Studio Code 开发.NET Core应用程序
- python 矩阵乘法梯度下降_使用python和numpy进行梯度下降
- python正则表达式之re模块方法介绍
- Akka网络编程基本介绍
- android布局错,Android Studio布局错误
- 步步为营-92-空格变成问号的怪问题
- java实现分页序号问题_java 分页查询的实现
- 微信小程序radio 标签 使用
- 阿里云DataV数据过滤器取Value值大于等于25的数据(1)
- UPC——帕琪的药园(dfs或并查集)
- 剑指offer之数组中重复的数(Java实现)
- Outlook打不开附件
- Integer、new Integer()和int的区分与比较
- vue 网页滚动到指定位置显示动画效果
- 心电图学习笔记(1)
- 基于 Flink + Kafka 的实时数仓建设实践(附源码)
热门文章