模仿手机html+css商城

最新推荐文章于 2022-09-29 10:09:26 发布

loclmm

最新推荐文章于 2022-09-29 10:09:26 发布

阅读量1.9k

点赞数 5

分类专栏：实训味文章标签： html html5 vue css 前端

本文链接：https://blog.csdn.net/qq_42488518/article/details/109230114

版权

这篇博客分享了作者模仿手机商城制作的过程，包括首页、购物车界面的设计，并提供了部分代码。虽然缺少动态交互，但作者在HTML和CSS的静态布局上有了更深入的理解。此外，作者提到实训过程中对前端的热爱，以及对后续学习JavaScript来实现交互的期待。

摘要由CSDN通过智能技术生成

模仿手机html+css商城：

我的界面和新闻

首先看图：

首页和购物车：

提示：之前没有加入轮播图这次把轮播图加上 hahah… 太麻烦了就挤一起了随意看看~~

代码：

提示：因为代码是真的很重复，所以我会把代码打包上码云有需要的可以直接打包当然样式很杂乱博主正在努力中希望前辈们，，别## 啊哈哈记得点个赞啥@@@ 以下是其中我的界面 css的样式没有粘贴出来

码云地址

<!DOCTYPE html>
<html>
	<head>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta charset="utf-8">
		<link rel="stylesheet" type="text/css" href="main.css"/>
		<title>我的页面</title>
	</head>
	<body>
		<!-- 顶部栏信息 -->
		<div class="my">
			<span>我的</span>
			<span>设置</span>
		</div>
		<!-- 头像 id显示 -->
		<div cla