8-11 商品列表展示之前端开发及 HTML响应式标签的说明

最新推荐文章于 2022-11-25 19:31:52 发布

shawn_jing128

最新推荐文章于 2022-11-25 19:31:52 发布

阅读量1.3k

点赞数

分类专栏： SSM实战

本文链接：https://blog.csdn.net/weixin_40703303/article/details/100564903

版权

本文介绍了一个商品列表展示的前端实现过程，包括productmanagement.html和productmanagement.js的使用，通过ShopAdminController.java定义路由，实现了点击商品管理后的响应式效果。

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

1、productmanagement.html

<!DOCTYPE html>
<html>
<head>
<!-- 页面用utf-8编码 -->
<meta charset="utf-8">
<!-- 兼容IE -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>商品管理</title>
<!-- 屏幕全屏显示，不能缩放。初始比例 1：1，最大比例不能超过1 -->
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
<link rel="shortcut icon" href="/favicon.ico">
<!-- 移动设备全屏展示网页 -->
<meta name="apple-mobile-web-app-capable" content="yes">
<!-- 移动设备状态栏为黑色背景 -->
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="stylesheet"
	href="//g.alicdn.com/msui/sm/0.6.2/css/sm.min.css">
<link rel="stylesheet"
	href="//g.alicdn.com/msui/sm/0.6.2/css/sm-extend.min.css">
<link rel="stylesheet"
	href="../resources/css/shop/productmanagement.css">
</head>
<body>
	<header class="bar bar-nav">
		<h1 class="title">商品管理</h1>
	</header>
	<div class="content">
		<div class="content-block">
			<div class="row row-product">
				<div class="col-33">商品名称</div>
				<div class="col-20">优先级</div>
				<div class="col-40">操作</div>
			</div>
			<div

最低0.47元/天解锁文章

shawn_jing128

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
8-11 商品列表展示之前端开发及 HTML响应式标签的说明

1、productmanagement.html<!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=...
复制链接

扫一扫