diff --git a/08-综合练习/图片样式切换/index/index.html b/08-综合练习/图片样式切换/index/index.html
index 68ca296..584e6dc 100644
--- a/08-综合练习/图片样式切换/index/index.html
+++ b/08-综合练习/图片样式切换/index/index.html
@@ -5,7 +5,7 @@
-
-
+
+
-
-
-
-
-
+
+
+
{{item.content}}
@@ -62,13 +60,25 @@
const vue=new Vue({
el:"#app",
data:{
-
- },
- computed:{
-
+ list:[
+ {id:1,img: "../img/logo.png" ,content:"列表1"},
+ { id: 1, img: "../img/logo.png", content: "列表2" },
+ { id: 2, img: "../img/logo.png", content: "列表3" },
+ { id: 3, img: "../img/logo.png", content: "列表4" },
+ { id: 4, img: "../img/logo.png", content: "列表5" },
+ { id: 5, img: "../img/logo.png", content: "列表6" },
+ { id: 6, img: "../img/logo.png", content: "列表7" },
+ { id: 7, img: "../img/logo.png", content: "列表8" },
+ { id: 8, img: "../img/logo.png", content: "列表9" },
+ { id: 9, img: "../img/logo.png", content: "列表10" },
+ { id: 10, img: "../img/logo.png", content: "列表11" },
+ ],
+ isChanges:false
},
methods: {
-
+ DecideListStyle(val){
+ console.log(val.target);
+ }
},
})
diff --git a/08-综合练习/图片样式切换/css/HELP-US-OUT.txt b/Fontawesome/HELP-US-OUT.txt
similarity index 100%
rename from 08-综合练习/图片样式切换/css/HELP-US-OUT.txt
rename to Fontawesome/HELP-US-OUT.txt
diff --git a/08-综合练习/图片样式切换/css/css/font-awesome.css b/Fontawesome/css/font-awesome.css
similarity index 100%
rename from 08-综合练习/图片样式切换/css/css/font-awesome.css
rename to Fontawesome/css/font-awesome.css
diff --git a/08-综合练习/图片样式切换/css/css/font-awesome.min.css b/Fontawesome/css/font-awesome.min.css
similarity index 100%
rename from 08-综合练习/图片样式切换/css/css/font-awesome.min.css
rename to Fontawesome/css/font-awesome.min.css
diff --git a/08-综合练习/图片样式切换/css/fonts/FontAwesome.otf b/Fontawesome/fonts/FontAwesome.otf
similarity index 100%
rename from 08-综合练习/图片样式切换/css/fonts/FontAwesome.otf
rename to Fontawesome/fonts/FontAwesome.otf
diff --git a/08-综合练习/图片样式切换/css/fonts/fontawesome-webfont.eot b/Fontawesome/fonts/fontawesome-webfont.eot
similarity index 100%
rename from 08-综合练习/图片样式切换/css/fonts/fontawesome-webfont.eot
rename to Fontawesome/fonts/fontawesome-webfont.eot
diff --git a/08-综合练习/图片样式切换/css/fonts/fontawesome-webfont.svg b/Fontawesome/fonts/fontawesome-webfont.svg
similarity index 100%
rename from 08-综合练习/图片样式切换/css/fonts/fontawesome-webfont.svg
rename to Fontawesome/fonts/fontawesome-webfont.svg
diff --git a/08-综合练习/图片样式切换/css/fonts/fontawesome-webfont.ttf b/Fontawesome/fonts/fontawesome-webfont.ttf
similarity index 100%
rename from 08-综合练习/图片样式切换/css/fonts/fontawesome-webfont.ttf
rename to Fontawesome/fonts/fontawesome-webfont.ttf
diff --git a/08-综合练习/图片样式切换/css/fonts/fontawesome-webfont.woff b/Fontawesome/fonts/fontawesome-webfont.woff
similarity index 100%
rename from 08-综合练习/图片样式切换/css/fonts/fontawesome-webfont.woff
rename to Fontawesome/fonts/fontawesome-webfont.woff
diff --git a/08-综合练习/图片样式切换/css/fonts/fontawesome-webfont.woff2 b/Fontawesome/fonts/fontawesome-webfont.woff2
similarity index 100%
rename from 08-综合练习/图片样式切换/css/fonts/fontawesome-webfont.woff2
rename to Fontawesome/fonts/fontawesome-webfont.woff2
diff --git a/08-综合练习/图片样式切换/css/less/animated.less b/Fontawesome/less/animated.less
similarity index 100%
rename from 08-综合练习/图片样式切换/css/less/animated.less
rename to Fontawesome/less/animated.less
diff --git a/08-综合练习/图片样式切换/css/less/bordered-pulled.less b/Fontawesome/less/bordered-pulled.less
similarity index 100%
rename from 08-综合练习/图片样式切换/css/less/bordered-pulled.less
rename to Fontawesome/less/bordered-pulled.less
diff --git a/08-综合练习/图片样式切换/css/less/core.less b/Fontawesome/less/core.less
similarity index 100%
rename from 08-综合练习/图片样式切换/css/less/core.less
rename to Fontawesome/less/core.less
diff --git a/08-综合练习/图片样式切换/css/less/fixed-width.less b/Fontawesome/less/fixed-width.less
similarity index 100%
rename from 08-综合练习/图片样式切换/css/less/fixed-width.less
rename to Fontawesome/less/fixed-width.less
diff --git a/08-综合练习/图片样式切换/css/less/font-awesome.less b/Fontawesome/less/font-awesome.less
similarity index 100%
rename from 08-综合练习/图片样式切换/css/less/font-awesome.less
rename to Fontawesome/less/font-awesome.less
diff --git a/08-综合练习/图片样式切换/css/less/icons.less b/Fontawesome/less/icons.less
similarity index 100%
rename from 08-综合练习/图片样式切换/css/less/icons.less
rename to Fontawesome/less/icons.less
diff --git a/08-综合练习/图片样式切换/css/less/larger.less b/Fontawesome/less/larger.less
similarity index 100%
rename from 08-综合练习/图片样式切换/css/less/larger.less
rename to Fontawesome/less/larger.less
diff --git a/08-综合练习/图片样式切换/css/less/list.less b/Fontawesome/less/list.less
similarity index 100%
rename from 08-综合练习/图片样式切换/css/less/list.less
rename to Fontawesome/less/list.less
diff --git a/08-综合练习/图片样式切换/css/less/mixins.less b/Fontawesome/less/mixins.less
similarity index 100%
rename from 08-综合练习/图片样式切换/css/less/mixins.less
rename to Fontawesome/less/mixins.less
diff --git a/08-综合练习/图片样式切换/css/less/path.less b/Fontawesome/less/path.less
similarity index 100%
rename from 08-综合练习/图片样式切换/css/less/path.less
rename to Fontawesome/less/path.less
diff --git a/08-综合练习/图片样式切换/css/less/rotated-flipped.less b/Fontawesome/less/rotated-flipped.less
similarity index 100%
rename from 08-综合练习/图片样式切换/css/less/rotated-flipped.less
rename to Fontawesome/less/rotated-flipped.less
diff --git a/08-综合练习/图片样式切换/css/less/screen-reader.less b/Fontawesome/less/screen-reader.less
similarity index 100%
rename from 08-综合练习/图片样式切换/css/less/screen-reader.less
rename to Fontawesome/less/screen-reader.less
diff --git a/08-综合练习/图片样式切换/css/less/stacked.less b/Fontawesome/less/stacked.less
similarity index 100%
rename from 08-综合练习/图片样式切换/css/less/stacked.less
rename to Fontawesome/less/stacked.less
diff --git a/08-综合练习/图片样式切换/css/less/variables.less b/Fontawesome/less/variables.less
similarity index 100%
rename from 08-综合练习/图片样式切换/css/less/variables.less
rename to Fontawesome/less/variables.less
diff --git a/08-综合练习/图片样式切换/css/scss/_animated.scss b/Fontawesome/scss/_animated.scss
similarity index 100%
rename from 08-综合练习/图片样式切换/css/scss/_animated.scss
rename to Fontawesome/scss/_animated.scss
diff --git a/08-综合练习/图片样式切换/css/scss/_bordered-pulled.scss b/Fontawesome/scss/_bordered-pulled.scss
similarity index 100%
rename from 08-综合练习/图片样式切换/css/scss/_bordered-pulled.scss
rename to Fontawesome/scss/_bordered-pulled.scss
diff --git a/08-综合练习/图片样式切换/css/scss/_core.scss b/Fontawesome/scss/_core.scss
similarity index 100%
rename from 08-综合练习/图片样式切换/css/scss/_core.scss
rename to Fontawesome/scss/_core.scss
diff --git a/08-综合练习/图片样式切换/css/scss/_fixed-width.scss b/Fontawesome/scss/_fixed-width.scss
similarity index 100%
rename from 08-综合练习/图片样式切换/css/scss/_fixed-width.scss
rename to Fontawesome/scss/_fixed-width.scss
diff --git a/08-综合练习/图片样式切换/css/scss/_icons.scss b/Fontawesome/scss/_icons.scss
similarity index 100%
rename from 08-综合练习/图片样式切换/css/scss/_icons.scss
rename to Fontawesome/scss/_icons.scss
diff --git a/08-综合练习/图片样式切换/css/scss/_larger.scss b/Fontawesome/scss/_larger.scss
similarity index 100%
rename from 08-综合练习/图片样式切换/css/scss/_larger.scss
rename to Fontawesome/scss/_larger.scss
diff --git a/08-综合练习/图片样式切换/css/scss/_list.scss b/Fontawesome/scss/_list.scss
similarity index 100%
rename from 08-综合练习/图片样式切换/css/scss/_list.scss
rename to Fontawesome/scss/_list.scss
diff --git a/08-综合练习/图片样式切换/css/scss/_mixins.scss b/Fontawesome/scss/_mixins.scss
similarity index 100%
rename from 08-综合练习/图片样式切换/css/scss/_mixins.scss
rename to Fontawesome/scss/_mixins.scss
diff --git a/08-综合练习/图片样式切换/css/scss/_path.scss b/Fontawesome/scss/_path.scss
similarity index 100%
rename from 08-综合练习/图片样式切换/css/scss/_path.scss
rename to Fontawesome/scss/_path.scss
diff --git a/08-综合练习/图片样式切换/css/scss/_rotated-flipped.scss b/Fontawesome/scss/_rotated-flipped.scss
similarity index 100%
rename from 08-综合练习/图片样式切换/css/scss/_rotated-flipped.scss
rename to Fontawesome/scss/_rotated-flipped.scss
diff --git a/08-综合练习/图片样式切换/css/scss/_screen-reader.scss b/Fontawesome/scss/_screen-reader.scss
similarity index 100%
rename from 08-综合练习/图片样式切换/css/scss/_screen-reader.scss
rename to Fontawesome/scss/_screen-reader.scss
diff --git a/08-综合练习/图片样式切换/css/scss/_stacked.scss b/Fontawesome/scss/_stacked.scss
similarity index 100%
rename from 08-综合练习/图片样式切换/css/scss/_stacked.scss
rename to Fontawesome/scss/_stacked.scss
diff --git a/08-综合练习/图片样式切换/css/scss/_variables.scss b/Fontawesome/scss/_variables.scss
similarity index 100%
rename from 08-综合练习/图片样式切换/css/scss/_variables.scss
rename to Fontawesome/scss/_variables.scss
diff --git a/08-综合练习/图片样式切换/css/scss/font-awesome.scss b/Fontawesome/scss/font-awesome.scss
similarity index 100%
rename from 08-综合练习/图片样式切换/css/scss/font-awesome.scss
rename to Fontawesome/scss/font-awesome.scss