Init Repo

static/app2/css/addshopping.css

@@ -0,0 +1,233 @@
+.addshopping-title {
+	height: 60px;
+	line-height: 60px;
+	width: 100%;
+	background: #000000;
+	text-align: center;
+	/* font-size: 18px; */
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+}
+
+.addshopping-title a {
+	display: inline-block;
+	width: 30px;
+	height: 30px;
+	background: #242424;
+	border-radius: 30px;
+	line-height: 30px;
+	color: #fff;
+	/* padding-top: 15px; */
+	/* margin-top: 15px; */
+}
+
+.mui-action-back {
+	font-size: 26px;
+	height: 30px;
+	position: absolute;
+	/* top: 0px; */
+	left: 15px;
+	z-index: 100;
+}
+
+.addshopping-title h3 {
+	display: inline-block;
+	width: 80%;
+	text-align: center;
+	font-size: 20px;
+	color: #fff;
+	height: 60px;
+	line-height: 60px;
+	/* margin-top: -3px; */
+}
+
+.addcon-title {
+
+	width: 100%;
+	height: 60px;
+	line-height: 60px;
+	background: #CCCCCC;
+	margin: 0 auto;
+	font-size: 14px;
+
+}
+
+.addcon_title {
+	width: 80%;
+	margin: 0 auto;
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+}
+
+
+.num1{
+	position: relative;
+	width: 20px;
+	height: 20px;
+	border: 1px solid #666;
+	border-radius: 20px;
+	background: #fff;
+
+}
+.active {
+	background: #0062CC;
+}
+.num1 span {
+	position: absolute;
+	top: -20px;
+	left: 5px;
+}
+
+.pre {
+	width: 96%;
+	margin: 0 auto;
+}
+
+.pre-title h3 {
+	font-size: 15px;
+
+}
+
+.pre-con span {
+	width: 30%;
+	height: 15px;
+	font-size: 12px;
+	display: inline-block;
+	text-align: right;
+
+}
+
+.pre-con input {
+	width: 68%;
+	height: 15px;
+	font-size: 12px;
+
+}
+
+.shangjia {
+	display: flex;
+	justify-content: space-between;
+	align-content: center;
+	font-size: 12px;
+}
+
+.shangjia span {
+	display: inline-block;
+	width: 30%;
+	text-align: right;
+
+}
+
+.shangjia label {
+	width: 60%;
+}
+
+.thumbnail-title {
+	margin: 15px auto;
+}
+
+.thumbnail-title span {
+	font-size: 14px;
+}
+
+.thumbnail-img {
+	width: 100px;
+	height: 100px;
+	text-align: center;
+	background: #fff;
+	margin: 0 auto;
+}
+
+.thumbnail-img .mui-icon {
+	width: 70px;
+	height: 70px;
+	font-size: 40px;
+	padding-top: 20px;
+}
+
+.shopadds-title {
+	margin: 15px auto;
+}
+
+.shopadds-img {
+	width: 300px;
+	height: 200px;
+	overflow: hidden;
+	background: #fff;
+	margin: 0 auto;
+	margin-bottom: 10px;
+}
+
+.pre-con2 form {}
+
+.pre-con2 form span {
+	display: inline-block;
+	width: 35%;
+	text-align: right;
+	font-size: 14px;
+	height: 25px;
+	line-height: 25px;
+}
+
+.pre-con2 select {
+	width: 55%;
+	border: 0px;
+	padding: 2px;
+	font-size: 14px;
+	height: 25px;
+	line-height: 25px;
+
+
+
+}
+
+.pre-con2 table th {
+	width: 30%;
+
+}
+
+.pre-con2 table tr {
+	text-align: center;
+
+}
+
+.pre-con2 table .table-tr {
+	border-bottom: 1px solid #000;
+
+}
+
+.pre-con2 table tr td {
+	height: 45px;
+	line-height: 45px;
+	font-size: 13px;
+
+
+}
+
+.pre-con2 table tr td input {
+	height: 25px;
+	margin: 0px;
+	padding: 1px 2px;
+	width: 80%;
+	line-height: 25px;
+
+}
+
+.nextbtn {
+	text-align: center;
+	margin: 10px auto;
+}
+.yulanbtn{
+	text-align: center;
+	margin: 10px auto;
+
+}
+.btn{
+	display: flex;
+	justify-content: space-between;
+	width: 50%;
+	margin: 10px  auto;
+}
+