|
@@ -2,7 +2,6 @@
|
|
|
<html lang="en">
|
|
<html lang="en">
|
|
|
<head>
|
|
<head>
|
|
|
<meta charset="UTF-8">
|
|
<meta charset="UTF-8">
|
|
|
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
|
<title>商品资料页</title>
|
|
<title>商品资料页</title>
|
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
|
|
|
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
|
|
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
|
|
@@ -17,7 +16,7 @@
|
|
|
position: absolute;
|
|
position: absolute;
|
|
|
}
|
|
}
|
|
|
.img-div{
|
|
.img-div{
|
|
|
- width: 100%;
|
|
|
|
|
|
|
+ width: 104%;
|
|
|
height: 353pt;
|
|
height: 353pt;
|
|
|
background-color: #AAB7CB ;
|
|
background-color: #AAB7CB ;
|
|
|
background-image: url('./img/background.png');
|
|
background-image: url('./img/background.png');
|
|
@@ -28,7 +27,7 @@
|
|
|
margin-top: 95px;
|
|
margin-top: 95px;
|
|
|
}
|
|
}
|
|
|
.title-div{
|
|
.title-div{
|
|
|
- width:100%;
|
|
|
|
|
|
|
+ width:104%;
|
|
|
height:50px;
|
|
height:50px;
|
|
|
margin:60px 0 60px 30pt
|
|
margin:60px 0 60px 30pt
|
|
|
}
|
|
}
|
|
@@ -42,17 +41,17 @@
|
|
|
font-weight: bold
|
|
font-weight: bold
|
|
|
}
|
|
}
|
|
|
.margin-style{
|
|
.margin-style{
|
|
|
- margin:0 30pt 20pt 30pt
|
|
|
|
|
|
|
+ margin:30pt 0 30pt 0;
|
|
|
}
|
|
}
|
|
|
.div-border{
|
|
.div-border{
|
|
|
- width: 100%;
|
|
|
|
|
|
|
+ width: 90%;
|
|
|
height: 150px;
|
|
height: 150px;
|
|
|
border-radius: 8pt;
|
|
border-radius: 8pt;
|
|
|
border: #cccccc solid 1px;
|
|
border: #cccccc solid 1px;
|
|
|
background-color: #FFFFFF;
|
|
background-color: #FFFFFF;
|
|
|
display: flex;
|
|
display: flex;
|
|
|
- justify-content: left;
|
|
|
|
|
- margin-bottom: 20px;
|
|
|
|
|
|
|
+ justify-content: space-between;
|
|
|
|
|
+ margin-left: 35px;
|
|
|
}
|
|
}
|
|
|
.img-style{
|
|
.img-style{
|
|
|
width: 90px;
|
|
width: 90px;
|
|
@@ -65,7 +64,7 @@
|
|
|
margin: 30px 20px 0 20px;
|
|
margin: 30px 20px 0 20px;
|
|
|
}
|
|
}
|
|
|
.content-div{
|
|
.content-div{
|
|
|
- width: 85%;
|
|
|
|
|
|
|
+ width: 86%;
|
|
|
height: 500pt;
|
|
height: 500pt;
|
|
|
min-height: 500pt;
|
|
min-height: 500pt;
|
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
@@ -73,7 +72,6 @@
|
|
|
max-height: 500pt;
|
|
max-height: 500pt;
|
|
|
overflow: auto;
|
|
overflow: auto;
|
|
|
border: 1px solid #707070;
|
|
border: 1px solid #707070;
|
|
|
- padding: 20pt;
|
|
|
|
|
border-radius: 10pt;
|
|
border-radius: 10pt;
|
|
|
}
|
|
}
|
|
|
.container {
|
|
.container {
|
|
@@ -82,7 +80,7 @@
|
|
|
align-items: center; /* 垂直居中 */
|
|
align-items: center; /* 垂直居中 */
|
|
|
height: 100pt; /* 设置容器高度 */
|
|
height: 100pt; /* 设置容器高度 */
|
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
background-color: rgba(255, 255, 255, 0.3);
|
|
|
- width: 100%;
|
|
|
|
|
|
|
+ width: 104%;
|
|
|
margin-top: 50pt;
|
|
margin-top: 50pt;
|
|
|
font-size: 50pt;
|
|
font-size: 50pt;
|
|
|
margin-bottom: 50pt;
|
|
margin-bottom: 50pt;
|
|
@@ -95,7 +93,7 @@
|
|
|
justify-content: center; /* 水平居中 */
|
|
justify-content: center; /* 水平居中 */
|
|
|
align-items: center; /* 垂直居中 */
|
|
align-items: center; /* 垂直居中 */
|
|
|
height: 50pt;
|
|
height: 50pt;
|
|
|
- width: 100%;
|
|
|
|
|
|
|
+ width: 104%;
|
|
|
font-size: 30pt;
|
|
font-size: 30pt;
|
|
|
color: #FFFFFF;
|
|
color: #FFFFFF;
|
|
|
}
|
|
}
|
qymljy