首頁 探索 說明
登入
Entony
/
markup
關註 1
讚好 0
複刻 0
檔案 問題管理 0 合併請求 0 Wiki
瀏覽代碼

add js, fix css

Your Name 7 年之前
父節點
f493bd269d
當前提交
00cc4c9768
共有 5 個文件被更改，包括 51 次插入 和 3 次删除
分割檢視 顯示文件統計
  1. 1 1
      css/style.css
  2. 1 1
      css/style.css.map
  3. 30 1
      css/style.scss
  4. 5 0
      index.html
  5. 14 0
      js/script.js

文件差異過大導致無法顯示
+ 1 - 1
css/style.css


文件差異過大導致無法顯示
+ 1 - 1
css/style.css.map


+ 30 - 1
css/style.scss
查看文件 

@@ -327,6 +327,7 @@ section {
 
 				@include flex-row-center;
 
 				margin-bottom: 25px;
 
 				.back-content-left-insaide-text {
 
+					margin-left: 27px;
 
 					font-size: 2.4rem;
 
 					color: #fff;
 
 				}
 
@@ -359,6 +360,7 @@ section {
 
 				@include flex-row-center;
 
 				margin-bottom: 31px;
 
 				.back-content-right-insaide-text {
 
+					margin-left: 27px;
 
 					font-size: 2.4rem;
 
 					color: #fff;
 
 				}
 
@@ -484,4 +486,31 @@ footer {
 
 			}
 
 		}
 
 	}
 
-}
 
+}
 
+// -----------------for JQ---------------------
 
+.hide {
 
+	display: none;
 
+}
 
+.show {
 
+	display: show;
 
+}
 
+#relative {
 
+	position: relative;
 
+}
 
+#absolute {
 
+	position: absolute;
 
+	right: -16px;
 
+	bottom: -4px;
 
+	height: 18px;
 
+	width: 18px;
 
+	background: #980052;
 
+	color: #fff;
 
+	text-align: center;
 
+	font-size: 1.2rem;
 
+}
 
+//---------------------------------------------
 
+// @media screen and (orientation: portrait) {
 
+//    	div.header-logo {
 
+//    		display: none;
 
+//    	}
 
+// }

+ 5 - 0
index.html
查看文件 

@@ -2,6 +2,8 @@
 
 <html lang="en">
 
 <head>
 
 	<meta charset="UTF-8">
 
+	<meta name="viewport" content="width=device-width">
 
+
 
 	<title>long work</title>
 
 	<link rel="stylesheet" href="lib/font-awesome/css/font-awesome.min.css">
 
 	<link rel="stylesheet" href="css/reset.css">
 
@@ -30,7 +32,10 @@
 
 		</div>
 
 		<section class="content">
 
 				<div class="shop">
 
+					<div id="relative">
 
 					<img src="img/shop.png" alt="">
 
+					<span id="absolute"></span>
 
+					</div>
 
 					<img src="img/heart.png" alt="">
 
 					<img src="img/scales.png" alt="">
 
 				</div>

+ 14 - 0
js/script.js
查看文件 

@@ -0,0 +1,14 @@
 
+var $positionAbsolute = $('#absolute').addClass('hide');
 
+
 
+var $item = $('.hide-button').data('counter', 1);
 
+
 
+$item.on('click', function(event) {
 
+	event.preventDefault();
 
+
 
+	var counter = $item.data('counter');
 
+	$item.data('counter', counter + 1);
 
+
 
+	if (counter !== 0) {
 
+		$positionAbsolute.removeClass('hide').addClass('show').text(counter);
 
+	}
 
+})