|
|
@@ -5,7 +5,7 @@
|
|
|
<meta charset="UTF-8">
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
<title>Document</title>
|
|
|
- <link rel="stylesheet" href="https://at.alicdn.com/t/c/font_5060986_h8u3prxrggl.css">
|
|
|
+ <link rel="stylesheet" href="https://at.alicdn.com/t/c/font_5060986_y3nqnoflco.css">
|
|
|
<style>
|
|
|
/* css reset */
|
|
|
* {
|
|
|
@@ -365,6 +365,23 @@
|
|
|
left: 0;
|
|
|
}
|
|
|
/* banner 区域 end */
|
|
|
+ /* 有下角按钮 start */
|
|
|
+ .fixed-btn{
|
|
|
+ width: 30px;
|
|
|
+ border:1px solid black;
|
|
|
+ position: fixed;
|
|
|
+ left: 50%;
|
|
|
+ margin-left: 613px;
|
|
|
+ bottom: 200px;
|
|
|
+ }
|
|
|
+ .fixed-btn li{
|
|
|
+ width: 100%;
|
|
|
+ height: 40px;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 40px;
|
|
|
+ border-bottom: 1px solid black;
|
|
|
+ }
|
|
|
+ /* 有下角按钮 end */
|
|
|
</style>
|
|
|
</head>
|
|
|
|
|
|
@@ -515,24 +532,24 @@
|
|
|
<p>保障服务</p>
|
|
|
</li>
|
|
|
<li>
|
|
|
- <img src="./img/xiaomi/a1.png" alt="a1">
|
|
|
- <p>保障服务</p>
|
|
|
+ <img src="./img/xiaomi/a2.png" alt="a1">
|
|
|
+ <p>企业团购</p>
|
|
|
</li>
|
|
|
<li>
|
|
|
- <img src="./img/xiaomi/a1.png" alt="a1">
|
|
|
- <p>保障服务</p>
|
|
|
+ <img src="./img/xiaomi/a3.png" alt="a1">
|
|
|
+ <p>F码通道</p>
|
|
|
</li>
|
|
|
<li>
|
|
|
- <img src="./img/xiaomi/a1.png" alt="a1">
|
|
|
- <p>保障服务</p>
|
|
|
+ <img src="./img/xiaomi/a4.png" alt="a1">
|
|
|
+ <p>米粉卡</p>
|
|
|
</li>
|
|
|
<li>
|
|
|
- <img src="./img/xiaomi/a1.png" alt="a1">
|
|
|
- <p>保障服务</p>
|
|
|
+ <img src="./img/xiaomi/a5.png" alt="a1">
|
|
|
+ <p>以旧换新</p>
|
|
|
</li>
|
|
|
<li>
|
|
|
- <img src="./img/xiaomi/a1.png" alt="a1">
|
|
|
- <p>保障服务</p>
|
|
|
+ <img src="./img/xiaomi/a6.png" alt="a1">
|
|
|
+ <p>话费充值</p>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
@@ -550,6 +567,22 @@
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <!-- 测试代码 -->
|
|
|
+ <div class="main-width" style="height: 1000px;"></div>
|
|
|
+ <!-- 右下角固定按钮 -->
|
|
|
+ <div class="fixed-btn">
|
|
|
+ <ul>
|
|
|
+ <li>
|
|
|
+ <i class="iconfont icon-phone"></i>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <i class="iconfont icon-user"></i>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <i class="iconfont icon-icons-"></i>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
</body>
|
|
|
|
|
|
</html>
|
