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 @@ Document - +
- - + +
-
-
- -
-
+
+ +
{{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