You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

1 line
28 KiB

{"remainingRequest":"D:\\code\\vue\\front\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\code\\vue\\front\\src\\pages\\home\\home.vue?vue&type=style&index=0&id=087d42bb&rel=stylesheet%2Fscss&lang=scss&scoped=true","dependencies":[{"path":"D:\\code\\vue\\front\\src\\pages\\home\\home.vue","mtime":1709633805000},{"path":"D:\\code\\vue\\front\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\code\\vue\\front\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\code\\vue\\front\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\code\\vue\\front\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\code\\vue\\front\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\code\\vue\\front\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgkuaG9tZS1wcmV2aWV3IHsKCQkvLyAtLS0tLS0tLSBzZWFyY2ggLS0tLS0tLS0KCQkuc2VhcmNoIC5zZWxlY3QgL2RlZXAvIC5lbC1pbnB1dF9faW5uZXIgewoJCQlib3JkZXI6IDFweCBzb2xpZCAjZGRkOwoJCQlib3JkZXItcmFkaXVzOiA0cHg7CgkJCXBhZGRpbmc6IDAgMzBweCAwIDEwcHg7CgkJCWJveC1zaGFkb3c6IDAgMCAwcHggcmdiYSg2NCwgMTU4LCAyNTUsIC4zKTsKCQkJb3V0bGluZTogbm9uZTsKCQkJY29sb3I6IHJnYmEoNjQsIDE1OCwgMjU1LCAxKTsKCQkJd2lkdGg6IDE4MHB4OwoJCQlmb250LXNpemU6IDE0cHg7CgkJCWhlaWdodDogMzZweDsKCQl9CgkJCgkJLnNlYXJjaCAuaW5wdXQgL2RlZXAvIC5lbC1pbnB1dF9faW5uZXIgewoJCQlib3JkZXI6IDFweCBzb2xpZCAjZGRkOwoJCQlib3JkZXItcmFkaXVzOiA0cHg7CgkJCXBhZGRpbmc6IDAgMTBweDsKCQkJYm94LXNoYWRvdzogMCAwIDBweCByZ2JhKDY0LCAxNTgsIDI1NSwgLjMpOwoJCQlvdXRsaW5lOiBub25lOwoJCQljb2xvcjogcmdiYSg2NCwgMTU4LCAyNTUsIDEpOwoJCQl3aWR0aDogMTgwcHg7CgkJCWZvbnQtc2l6ZTogMTRweDsKCQkJaGVpZ2h0OiAzNnB4OwoJCX0KCQkvLyAtLS0tLS0tLSBzZWFyY2ggLS0tLS0tLS0KCQkucmVjb21tZW5kIHsKCQkJLmxpc3QzIC5zd2lwZXItYnV0dG9uLXByZXYgewoJCQkJbGVmdDogMTBweDsKCQkJCXJpZ2h0OiBhdXRvOwoJCQl9CgkJCQoJCQkubGlzdDMgLnN3aXBlci1idXR0b24tcHJldjo6YWZ0ZXIgewoJCQkJY29sb3I6IHJnYig2NCwgMTU4LCAyNTUpOwoJCQl9CgkJCQoJCQkubGlzdDMgLnN3aXBlci1idXR0b24tbmV4dCB7CgkJCQlsZWZ0OiBhdXRvOwoJCQkJcmlnaHQ6IDEwcHg7CgkJCX0KCQkJCgkJCS5saXN0MyAuc3dpcGVyLWJ1dHRvbi1uZXh0OjphZnRlciB7CgkJCQljb2xvcjogcmdiKDY0LCAxNTgsIDI1NSk7CgkJCX0KCQkJCgkJCS5saXN0NSAuc3dpcGVyLWJ1dHRvbi1wcmV2IHsKCQkJCWxlZnQ6IDEwcHg7CgkJCQlyaWdodDogYXV0bzsKCQkJfQoJCQkKCQkJLmxpc3Q1IC5zd2lwZXItYnV0dG9uLXByZXY6OmFmdGVyIHsKCQkJCWNvbG9yOiByZ2IoNjQsIDE1OCwgMjU1KTsKICAgICAgICB9CiAgICAgICAgCiAgICAgICAgLmxpc3Q1IC5zd2lwZXItYnV0dG9uLW5leHQgewoJCQkJbGVmdDogYXV0bzsKCQkJCXJpZ2h0OiAxMHB4OwoJCQl9CgkJCQoJCQkubGlzdDUgLnN3aXBlci1idXR0b24tbmV4dDo6YWZ0ZXIgewoJCQkJY29sb3I6IHJnYig2NCwgMTU4LCAyNTUpOwoJCQl9CgkJCQoJCQkubGlzdDUgewoJCQkJLnN3aXBlci1zbGlkZS1wcmV2IHsKCQkJCQlwb3NpdGlvbjogcmVsYXRpdmU7CgkJCQkJei1pbmRleDogMzsKCQkJCX0KCQkKCQkJCS5zd2lwZXItc2xpZGUtbmV4dCB7CgkJCQkJcG9zaXRpb246IHJlbGF0aXZlOwoJCQkJCXotaW5kZXg6IDM7CgkJCQl9CgkJCgkJCQkuc3dpcGVyLXNsaWRlLWFjdGl2ZSB7CgkJCQkJcG9zaXRpb246IHJlbGF0aXZlOwoJCQkJCXotaW5kZXg6IDU7CgkJCQl9CgkJCX0KCQkJCgkJCS5pbmRleC1wdjEgLmFuaW1hdGlvbi1ib3ggewoJCQkJdHJhbnNmb3JtOiByb3RhdGUoMGRlZykgc2NhbGUoMSkgc2tldygwZGVnLCAwZGVnKSB0cmFuc2xhdGUzZCgwcHgsIDBweCwgMHB4KTsKCQkJCXotaW5kZXg6IGluaXRpYWw7CgkJCX0KCQkJCgkJCS5pbmRleC1wdjEgLmFuaW1hdGlvbi1ib3g6aG92ZXIgewoJCQkJdHJhbnNmb3JtOiByb3RhdGUoMGRlZykgc2NhbGUoMSkgc2tldygwZGVnLCAwZGVnKSB0cmFuc2xhdGUzZCgwcHgsIDEwcHgsIDBweCk7CgkJCQktd2Via2l0LXBlcnNwZWN0aXZlOiAxMDAwcHg7CgkJCQlwZXJzcGVjdGl2ZTogMTAwMHB4OwoJCQkJdHJhbnNpdGlvbjogMC4zczsKCQkJCXotaW5kZXg6IDE7CgkJCX0KCQkJCgkJCS5pbmRleC1wdjEgLmFuaW1hdGlvbi1ib3ggaW1nIHsKCQkJCXRyYW5zZm9ybTogcm90YXRlKDBkZWcpIHNjYWxlKDEpIHNrZXcoMGRlZywgMGRlZykgdHJhbnNsYXRlM2QoMHB4LCAwcHgsIDBweCk7CgkJCX0KCQkJCgkJCS5pbmRleC1wdjEgLmFuaW1hdGlvbi1ib3ggaW1nOmhvdmVyIHsKCQkJCXRyYW5zZm9ybTogcm90YXRlKDBkZWcpIHNjYWxlKDEuMDEpIHNrZXcoMGRlZywgMGRlZykgdHJhbnNsYXRlM2QoMHB4LCAwcHgsIDBweCk7CgkJCQktd2Via2l0LXBlcnNwZWN0aXZlOiAxMDAwcHg7CgkJCQlwZXJzcGVjdGl2ZTogMTAwMHB4OwoJCQkJdHJhbnNpdGlvbjogMC4zczsKCQkJfQoJCX0KCQkKCQkubmV3cyB7CgkJCS5saXN0MyAuc3dpcGVyLWJ1dHRvbi1wcmV2IHsKCQkJCWxlZnQ6IDEwcHg7CgkJCQlyaWdodDogYXV0bzsKCQkJfQoJCQkKCQkJLmxpc3QzIC5zd2lwZXItYnV0dG9uLXByZXY6OmFmdGVyIHsKCQkJCWNvbG9yOiByZ2IoNjQsIDE1OCwgMjU1KTsKCQkJfQoJCQkKCQkJLmxpc3QzIC5zd2lwZXItYnV0dG9uLW5leHQgewoJCQkJbGVmdDogYXV0bzsKCQkJCXJpZ2h0OiAxMHB4OwoJCQl9CgkJCQoJCQkubGlzdDMgLnN3aXBlci1idXR0b24tbmV4dDo6YWZ0ZXIgewoJCQkJY29sb3I6IHJnYig2NCwgMTU4LCAyNTUpOwoJCQl9CgkJCQoJCQkubGlzdDYgLnN3aXBlci1idXR0b24tcHJldiB7CgkJCQlsZWZ0OiAxMHB4OwoJCQkJcmlnaHQ6IGF1dG87CgkJCX0KCQkJCgkJCS5saXN0NiAuc3dpcGVyLWJ1dHRvbi1wcmV2OjphZnRlciB7CgkJCQljb2xvcjogcmdiKDY0LCAxNTgsIDI1NSk7CgkJCX0KCQkJCgkJCS5saXN0NiAuc3dpcGVyLWJ1dHRvbi1uZXh0IHsKCQkJCWxlZnQ6IGF1dG87CgkJCQlyaWdodDogMTBweDsKCQkJfQoJCQkKCQkJLmxpc3Q2IC5zd2lwZXItYnV0dG9uLW5leHQ6OmFmdGVyIHsKCQkJCWNvbG9yOiByZ2IoNjQsIDE1OCwgMjU1KTsKCQkJfQoJCQkKCQkJLmluZGV4LXB2MSAuYW5pbWF0aW9uLWJveCB7CgkJCQl0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKSBzY2FsZSgxKSBza2V3KDBkZWcsIDBkZWcpIHRyYW5zbGF0ZTNkKDBweCwgMHB4LCAwcHgpOwoJCQkJei1pbmRleDogaW5pdGlhbDsKCQkJfQoJCQkKCQkJLmluZGV4LXB2MSAuYW5pbWF0aW9uLWJveDpob3ZlciB7CgkJCQl0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKSBzY2FsZSgxKSBza2V3KDBkZWcsIDBkZWcpIHRyYW5zbGF0ZTNkKDBweCwgMHB4LCAwcHgpOwoJCQkJLXdlYmtpdC1wZXJzcGVjdGl2ZTogMTAwMHB4OwoJCQkJcGVyc3BlY3RpdmU6IDEwMDBweDsKCQkJCXRyYW5zaXRpb246IDAuM3M7CgkJCQl6LWluZGV4OiAxOwoJCQl9CgkJCQoJCQkuaW5kZXgtcHYxIC5hbmltYXRpb24tYm94IGltZyB7CgkJCQl0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKSBzY2FsZSgxKSBza2V3KDBkZWcsIDBkZWcpIHRyYW5zbGF0ZTNkKDBweCwgMHB4LCAwcHgpOwoJCQl9CgkJCQoJCQkuaW5kZXgtcHYxIC5hbmltYXRpb24tYm94IGltZzpob3ZlciB7CgkJCQl0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKSBzY2FsZSgxKSBza2V3KDBkZWcsIDBkZWcpIHRyYW5zbGF0ZTNkKDBweCwgMHB4LCAwcHgpOwoJCQkJLXdlYmtpdC1wZXJzcGVjdGl2ZTogMTAwMHB4OwoJCQkJcGVyc3BlY3RpdmU6IDEwMDBweDsKCQkJCXRyYW5zaXRpb246IDAuM3M7CgkJCX0KCQl9CgkKCQkubGlzdHMgewoJCQkubGlzdDMgLnN3aXBlci1idXR0b24tcHJldiB7CgkJCQlsZWZ0OiAxMHB4OwoJCQkJcmlnaHQ6IGF1dG87CgkJCX0KCQkJCgkJCS5saXN0MyAuc3dpcGVyLWJ1dHRvbi1wcmV2OjphZnRlciB7CgkJCQljb2xvcjogcmdiKDY0LCAxNTgsIDI1NSk7CgkJCX0KCQkJCgkJCS5saXN0MyAuc3dpcGVyLWJ1dHRvbi1uZXh0IHsKCQkJCWxlZnQ6IGF1dG87CgkJCQlyaWdodDogMTBweDsKICAgICAgICB9CiAgICAgICAgCiAgICAgICAgLmxpc3QzIC5zd2lwZXItYnV0dG9uLW5leHQ6OmFmdGVyIHsKCQkJCWNvbG9yOiByZ2IoNjQsIDE1OCwgMjU1KTsKCQkJfQoJCQkKCQkJLmxpc3Q1IC5zd2lwZXItYnV0dG9uLXByZXYgewoJCQkJbGVmdDogMTBweDsKCQkJCXJpZ2h0OiBhdXRvOwoJCQl9CgkJCQoJCQkubGlzdDUgLnN3aXBlci1idXR0b24tcHJldjo6YWZ0ZXIgewoJCQkJY29sb3I6IHJnYig2NCwgMTU4LCAyNTUpOwoJCQl9CgkJCQoJCQkubGlzdDUgLnN3aXBlci1idXR0b24tbmV4dCB7CiAgICAgICAgICAgIGxlZnQ6IGF1dG87CiAgICAgICAgICAgIHJpZ2h0OiAxMHB4OwoJCQl9CgkJCQoJCQkubGlzdDUgLnN3aXBlci1idXR0b24tbmV4dDo6YWZ0ZXIgewoJCQkJY29sb3I6IHJnYig2NCwgMTU4LCAyNTUpOwoJCQl9CgkJCQoJCQkubGlzdDUgewoJCQkJLnN3aXBlci1zbGlkZS1wcmV2IHsKCQkJCQlwb3NpdGlvbjogcmVsYXRpdmU7CgkJCQkJei1pbmRleDogMzsKCQkJCX0KCQkKCQkJCS5zd2lwZXItc2xpZGUtbmV4dCB7CgkJCQkJcG9zaXRpb246IHJlbGF0aXZlOwoJCQkJCXotaW5kZXg6IDM7CgkJCQl9CgkJCgkJCQkuc3dpcGVyLXNsaWRlLWFjdGl2ZSB7CgkJCQkJcG9zaXRpb246IHJlbGF0aXZlOwoJCQkJCXotaW5kZXg6IDU7CgkJCQl9CgkJCX0KCQkJCgkJCS5pbmRleC1wdjEgLmFuaW1hdGlvbi1ib3ggewoJCQkJdHJhbnNmb3JtOiByb3RhdGUoMGRlZykgc2NhbGUoMSkgc2tldygwZGVnLCAwZGVnKSB0cmFuc2xhdGUzZCgwcHgsIDBweCwgMHB4KTsKCQkJCXotaW5kZXg6IGluaXRpYWw7CgkJCX0KCQkJCgkJCS5pbmRleC1wdjEgLmFuaW1hdGlvbi1ib3g6aG92ZXIgewoJCQkJdHJhbnNmb3JtOiByb3RhdGUoMGRlZykgc2NhbGUoMSkgc2tldygwZGVnLCAwZGVnKSB0cmFuc2xhdGUzZCgwcHgsIDEwcHgsIDBweCk7CgkJCQktd2Via2l0LXBlcnNwZWN0aXZlOiAxMDAwcHg7CgkJCQlwZXJzcGVjdGl2ZTogMTAwMHB4OwoJCQkJdHJhbnNpdGlvbjogMC4zczsKCQkJCXotaW5kZXg6IDE7CgkJCX0KCQkJCgkJCS5pbmRleC1wdjEgLmFuaW1hdGlvbi1ib3ggaW1nIHsKCQkJCXRyYW5zZm9ybTogcm90YXRlKDBkZWcpIHNjYWxlKDEpIHNrZXcoMGRlZywgMGRlZykgdHJhbnNsYXRlM2QoMHB4LCAwcHgsIDBweCk7CgkJCX0KCQkJCgkJCS5pbmRleC1wdjEgLmFuaW1hdGlvbi1ib3ggaW1nOmhvdmVyIHsKCQkJCXRyYW5zZm9ybTogcm90YXRlKDBkZWcpIHNjYWxlKDEpIHNrZXcoMGRlZywgMGRlZykgdHJhbnNsYXRlM2QoMHB4LCAwcHgsIDBweCk7CgkJCQktd2Via2l0LXBlcnNwZWN0aXZlOiAxMDAwcHg7CgkJCQlwZXJzcGVjdGl2ZTogMTAwMHB4OwoJCQkJdHJhbnNpdGlvbjogMC4zczsKCQkJfQoJCX0KCX0KCQoKCgoKCgoKCS5ob21lLXByZXZpZXcgLnJlY29tbWVuZCAubGlzdDEyIC50YWIgLml0ZW0gewoJCQkJY3Vyc29yOiBwb2ludGVyOwoJCQkJYm9yZGVyOiAwOwoJCQkJYm9yZGVyLXJhZGl1czogNnB4OwoJCQkJcGFkZGluZzogMCAyMHB4OwoJCQkJbWFyZ2luOiAwIDEwcHg7CgkJCQljb2xvcjogI2ZmZjsKCQkJCWJhY2tncm91bmQ6ICMzMzM7CgkJCQl3aWR0aDogYXV0bzsKCQkJCWZvbnQtc2l6ZTogMTZweDsKCQkJCWxpbmUtaGVpZ2h0OiA0MHB4OwoJCQl9CgkKCS5ob21lLXByZXZpZXcgLnJlY29tbWVuZCAubGlzdDEyIC50YWIgLml0ZW06aG92ZXIgewoJCQkJY29sb3I6ICNmZmY7CgkJCQliYWNrZ3JvdW5kOiAjRjVCQjAwOwoJCQkJYm9yZGVyLWNvbG9yOiAjRjVCQjAwOwoJCQkJYm9yZGVyLXdpZHRoOiAwIDAgMHB4IDA7CgkJCQlib3JkZXItc3R5bGU6IHNvbGlkOwoJCQl9CgkKCS5ob21lLXByZXZpZXcgLnJlY29tbWVuZCAubGlzdDEyIC50YWIgLml0ZW0uYWN0aXZlIHsKCQkJCWNvbG9yOiAjZmZmOwoJCQkJYmFja2dyb3VuZDogI0Y1QkIwMDsKCQkJCWJvcmRlci1jb2xvcjogI0Y1QkIwMDsKCQkJCWJvcmRlci13aWR0aDogMCAwIDBweCAwOwoJCQkJYm9yZGVyLXN0eWxlOiBzb2xpZDsKCQkJfQoJCgkuaG9tZS1wcmV2aWV3IC5yZWNvbW1lbmQgLmxpc3QxMiAudGFiIC5tb3JlIHsKCQkJCWN1cnNvcjogcG9pbnRlcjsKCQkJCXBhZGRpbmc6IDVweCAxMHB4OwoJCQkJbWFyZ2luOiAwIDEwcHg7CgkJCQljb2xvcjogIzY2NjsKCQkJCWJhY2tncm91bmQ6ICNmZmY7CgkJCQlkaXNwbGF5OiBub25lOwoJCQkJbGluZS1oZWlnaHQ6IDQ0cHg7CgkJCQlhbGlnbi1pdGVtczogY2VudGVyOwoJCQl9CgkKCS5ob21lLXByZXZpZXcgLnJlY29tbWVuZCAubGlzdDEyIC50YWIgLm1vcmU6aG92ZXIgewoJCQkJY29sb3I6IHJlZDsKCQkJfQoJCgkuaG9tZS1wcmV2aWV3IC5yZWNvbW1lbmQgLmxpc3QxMiAuaXRlbS5hY3RpdmUgewoJICBhbmltYXRpb24tbmFtZTogbXltb3ZlOwoJCgkgICY6bnRoLW9mLXR5cGUoMSkgewoJICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMXM7CgkgIH0KCSAgJjpudGgtb2YtdHlwZSgyKSB7CgkgICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAxLjJzOwoJICB9CgkgICY6bnRoLW9mLXR5cGUoMykgewoJICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMS40czsKCSAgfQoJICAmOm50aC1vZi10eXBlKDQpIHsKCSAgICBhbmltYXRpb24tZHVyYXRpb246IDEuNnM7CgkgIH0KCSAgJjpudGgtb2YtdHlwZSg1KSB7CgkgICAgYW5pbWF0aW9uLWR1cmF0aW9uOiAxLjhzOwoJICB9CgkgICY6bnRoLW9mLXR5cGUoNikgewoJICAgIGFuaW1hdGlvbi1kdXJhdGlvbjogMnM7CgkgIH0KCX0KCQoJQGtleWZyYW1lcyBteW1vdmUKCXsKCQlmcm9tIHt0b3A6IDMyMHB4O30KCQl0byB7dG9wOiAwO30KCX0KCgoK"},{"version":3,"sources":["home.vue"],"names":[],"mappings":";AAmgBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;AASA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA","file":"home.vue","sourceRoot":"src/pages/home","sourcesContent":["<template>\r\n<div class=\"home-preview\" :style='{\"margin\":\"0px auto\",\"flexWrap\":\"wrap\",\"flexDirection\":\"column\",\"background\":\"none\",\"display\":\"flex\",\"width\":\"100%\",\"justifyContent\":\"center\"}'>\r\n\r\n\r\n\r\n\r\n\t\t\r\n\r\n\r\n<!-- 商品推荐 -->\r\n<div id=\"animate_recommendkechengxinxi\" class=\"recommend animate__animated\" :style='{\"width\":\"100%\",\"padding\":\"20px 0\",\"margin\":\"0 0 20px\",\"background\":\"#f1f1f1\",\"order\":\"1\"}'>\r\n\t<div v-if=\"false\" class=\"idea recommendIdea\" :style='{\"padding\":\"20px\",\"flexWrap\":\"wrap\",\"background\":\"#efefef\",\"justifyContent\":\"space-between\",\"display\":\"flex\"}'>\r\n\t\t<div class=\"box1\" :style='{\"width\":\"20%\",\"background\":\"#fff\",\"height\":\"80px\"}'></div>\r\n\t\t<div class=\"box2\" :style='{\"width\":\"20%\",\"background\":\"#fff\",\"height\":\"80px\"}'></div>\r\n\t\t<div class=\"box3\" :style='{\"width\":\"20%\",\"background\":\"#fff\",\"height\":\"80px\"}'></div>\r\n\t\t<div class=\"box4\" :style='{\"width\":\"20%\",\"background\":\"#fff\",\"height\":\"80px\"}'></div>\r\n\t\t<div class=\"box5\" :style='{\"width\":\"20%\",\"background\":\"#fff\",\"display\":\"none\",\"height\":\"80px\"}'></div>\r\n\t\t<div class=\"box6\" :style='{\"width\":\"20%\",\"background\":\"#fff\",\"display\":\"none\",\"height\":\"80px\"}'></div>\r\n\t\t<div class=\"box7\" :style='{\"width\":\"20%\",\"background\":\"#fff\",\"display\":\"none\",\"height\":\"80px\"}'></div>\r\n\t\t<div class=\"box8\" :style='{\"width\":\"20%\",\"background\":\"#fff\",\"display\":\"none\",\"height\":\"80px\"}'></div>\r\n\t\t<div class=\"box9\" :style='{\"width\":\"20%\",\"background\":\"#fff\",\"display\":\"none\",\"height\":\"80px\"}'></div>\r\n\t\t<div class=\"box10\" :style='{\"width\":\"20%\",\"background\":\"#fff\",\"display\":\"none\",\"height\":\"80px\"}'></div>\r\n\t</div>\r\n\t\r\n <div class=\"title\" :style='{\"width\":\"100%\",\"margin\":\"30px auto\",\"lineHeight\":\"50px\",\"textAlign\":\"center\",\"background\":\"url(http://codegen.caihongy.cn/20230915/b96d1e15768f4ac495e60a79e04cb731.png) no-repeat center top\"}'>\r\n\t\t<span :style='{\"color\":\"#F5BB00\",\"fontSize\":\"32px\",\"lineHeight\":\"40px\"}'>课程信息推荐</span>\r\n\t</div>\r\n\t\r\n\t\r\n\t\r\n\t\r\n\t\r\n\t\r\n\t\r\n\t\r\n\t\r\n\t\r\n\r\n\r\n\r\n\t<div v-if=\"kechengxinxiRecommend.length\" class=\"list list12 index-pv1 list12kechengxinxi\" :style='{\"width\":\"100%\",\"padding\":\"0 7%\",\"background\":\"none\",\"height\":\"auto\"}'>\n\t <div class=\"list\" :style='{\"margin\":\"30px 0 0\",\"overflow\":\"hidden\",\"flexWrap\":\"wrap\",\"flex\":\"1\",\"background\":\"none\",\"display\":\"flex\",\"height\":\"auto\"}'>\r\n\t <div :style='{\"cursor\":\"pointer\",\"width\":\"31.3%\",\"margin\":\"0 2% 20px 0\",\"overflow\":\"hidden\",\"position\":\"relative\",\"height\":\"auto\"}' class=\"item list-item animation-box\" v-for=\"item,index in kechengxinxiRecommend\" :key=\"index\" @click=\"toDetail('kechengxinxiDetail', item)\">\r\n\t\t\t<img :name=\"item.id\" :style='{\"width\":\"100%\",\"margin\":\"0 0 6px\",\"objectFit\":\"cover\",\"borderRadius\":\"6px\",\"display\":\"block\",\"height\":\"280px\"}' v-if=\"preHttp(item.kechengtupian)\" :src=\"item.kechengtupian.split(',')[0]\" alt=\"\" />\r\n\t\t\t<img :name=\"item.id\" :style='{\"width\":\"100%\",\"margin\":\"0 0 6px\",\"objectFit\":\"cover\",\"borderRadius\":\"6px\",\"display\":\"block\",\"height\":\"280px\"}' v-else :src=\"baseUrl + (item.kechengtupian?item.kechengtupian.split(',')[0]:'')\" alt=\"\" />\r\n\t\t\t<div class=\"line1\" :style='{\"padding\":\"0 10px\",\"borderColor\":\"#ddd\",\"margin\":\"0 0 6px\",\"whiteSpace\":\"nowrap\",\"color\":\"#333\",\"overflow\":\"hidden\",\"borderRadius\":\"6px\",\"borderWidth\":\"0 0 1px\",\"background\":\"#fff\",\"width\":\"100%\",\"lineHeight\":\"36px\",\"fontSize\":\"14px\",\"textOverflow\":\"ellipsis\",\"borderStyle\":\"solid\"}'>{{item.kechengmingcheng}}</div>\r\n\t\t\t<div class=\"line1\" :style='{\"padding\":\"0 10px\",\"borderColor\":\"#ddd\",\"margin\":\"0 0 6px\",\"whiteSpace\":\"nowrap\",\"color\":\"#333\",\"overflow\":\"hidden\",\"borderRadius\":\"6px\",\"borderWidth\":\"0 0 1px\",\"background\":\"#fff\",\"width\":\"100%\",\"lineHeight\":\"36px\",\"fontSize\":\"14px\",\"textOverflow\":\"ellipsis\",\"borderStyle\":\"solid\"}'>{{item.kechengleixing}}</div>\r\n\t </div>\r\n\t </div>\r\n\t</div>\r\n\r\n\r\n\r\n\r\n\t\r\n\t<div @click=\"moreBtn('kechengxinxi')\" :style='{\"border\":\"0\",\"cursor\":\"pointer\",\"margin\":\"0px auto 20px\",\"borderRadius\":\"6px\",\"textAlign\":\"center\",\"background\":\"#F5BB00\",\"display\":\"block\",\"width\":\"120px\",\"lineHeight\":\"36px\"}'>\r\n\t\t<span :style='{\"color\":\"#f5f5f5\",\"fontSize\":\"14px\"}'>查看更多</span>\r\n\t\t<i :style='{\"color\":\"#f5f5f5\",\"fontSize\":\"12px\"}' class=\"icon iconfont icon-gengduo1\"></i>\r\n\t</div>\r\n\t\r\n</div>\r\n<!-- 商品推荐 -->\r\n\r\n\t\r\n</div>\r\n</template>\r\n\r\n<script>\r\nimport 'animate.css'\r\nimport Swiper from \"swiper\";\r\n\r\n export default {\r\n //数据集合\r\n data() {\r\n return {\r\n baseUrl: '',\r\n newsList: [],\r\n kechengxinxiRecommend: [],\r\n\r\n\r\n\r\n\r\n\r\n }\r\n },\r\n created() {\r\n\t\tthis.baseUrl = this.$config.baseUrl;\r\n\t\tthis.getList();\r\n },\r\n\tmounted() {\r\n\t\twindow.addEventListener('scroll', this.handleScroll)\r\n\t\tsetTimeout(()=>{\r\n\t\t\tthis.handleScroll()\r\n\t\t},100)\r\n\t\t\r\n\t\tthis.swiperChanges()\r\n\t},\r\n\tbeforeDestroy() {\r\n\t window.removeEventListener('scroll', this.handleScroll)\r\n\t},\r\n //方法集合\r\n methods: {\r\n\t\tswiperChanges() {\r\n\t\t\tsetTimeout(()=>{\r\n\t\t\t},750)\r\n\t\t},\r\n\t\trecommendIndexClick12(index, name) {\r\n\t\t\tthis['recommendIndex12' + name] = index\r\n\t\t\tthis.getList()\r\n\t\t\t\r\n\t\t\tdocument.querySelectorAll('.recommend .list12' + name + ' .list .item').forEach(el => {\r\n\t\t\t el.classList.remove(\"active\")\r\n\t\t\t})\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t document.querySelectorAll('.recommend .list12' + name + ' .list .item').forEach(el => {\r\n\t\t\t el.classList.add(\"active\")\r\n\t\t\t })\r\n\t\t\t}, 1);\r\n\t\t},\r\n\r\n\t\tlistIndexClick11(index, name) {\n\t\t\tthis['listIndex11' + name] = index[this['listColumn11' + name]]\n\t\t\tthis.getList()\n\t\t},\n\r\n\t\thandleScroll() {\r\n\t\t\tlet arr = [\r\n\t\t\t\t{id:'search',css:'animate__bounce'},\r\n\t\t\t\t{id:'about',css:'animate__fadeInUp'},\r\n\t\t\t\t{id:'system',css:'animate__fadeInUp'},\r\n\t\t\t\t{id:'animate_recommendkechengxinxi',css:'animate__fadeInUp'},\r\n\t\t\t\t{id:'msgs',css:'animate__bounce'},\r\n\t\t\t\t{id:'friendly',css:'animate__bounce'}\r\n\t\t\t]\r\n\t\t\t\r\n\t\t\tfor (let i in arr) {\r\n\t\t\t\tlet doc = document.getElementById(arr[i].id)\r\n\t\t\t\tif (doc) {\r\n\t\t\t\t\tlet top = doc.offsetTop\r\n\t\t\t\t\tlet win_top = window.innerHeight + window.pageYOffset\r\n\t\t\t\t\t// console.log(top,win_top)\r\n\t\t\t\t\tif (win_top > top && doc.classList.value.indexOf(arr[i].css) < 0) {\r\n\t\t\t\t\t\t// console.log(doc)\r\n\t\t\t\t\t\tdoc.classList.add(arr[i].css)\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n preHttp(str) {\r\n return str && str.substr(0,4)=='http';\r\n },\r\n\t\tgetList() {\r\n\t\t\tlet autoSortUrl = \"\";\r\n\t\t\tlet data = {}\r\n autoSortUrl = \"kechengxinxi/autoSort\";\r\n if(localStorage.getItem('frontToken')) {\r\n autoSortUrl = \"kechengxinxi/autoSort2\";\r\n }\r\n\t\t\tdata = {\n\t\t\t\tpage: 1,\n\t\t\t\tlimit: 6,\n\t\t\t}\n\t\t\tthis.$http.get(autoSortUrl, {params: data}).then(res => {\r\n\t\t\t\tif (res.data.code == 0) {\r\n\t\t\t\t\tthis.kechengxinxiRecommend = res.data.data.list;\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t// 商品列表样式五\r\n\t\t\t\t\t\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t\t\r\n\t\t},\r\n\t\ttoDetail(path, item) {\r\n\t\t\tthis.$router.push({path: '/index/' + path, query: {id: item.id}});\r\n\t\t},\r\n\t\tmoreBtn(path) {\r\n\t\t\tthis.$router.push({path: '/index/' + path});\r\n\t\t}\r\n }\r\n }\r\n</script>\r\n\r\n<style rel=\"stylesheet/scss\" lang=\"scss\" scoped>\r\n\t.home-preview {\r\n\t\t// -------- search --------\r\n\t\t.search .select /deep/ .el-input__inner {\r\n\t\t\tborder: 1px solid #ddd;\r\n\t\t\tborder-radius: 4px;\r\n\t\t\tpadding: 0 30px 0 10px;\r\n\t\t\tbox-shadow: 0 0 0px rgba(64, 158, 255, .3);\r\n\t\t\toutline: none;\r\n\t\t\tcolor: rgba(64, 158, 255, 1);\r\n\t\t\twidth: 180px;\r\n\t\t\tfont-size: 14px;\r\n\t\t\theight: 36px;\r\n\t\t}\r\n\t\t\r\n\t\t.search .input /deep/ .el-input__inner {\r\n\t\t\tborder: 1px solid #ddd;\r\n\t\t\tborder-radius: 4px;\r\n\t\t\tpadding: 0 10px;\r\n\t\t\tbox-shadow: 0 0 0px rgba(64, 158, 255, .3);\r\n\t\t\toutline: none;\r\n\t\t\tcolor: rgba(64, 158, 255, 1);\r\n\t\t\twidth: 180px;\r\n\t\t\tfont-size: 14px;\r\n\t\t\theight: 36px;\r\n\t\t}\r\n\t\t// -------- search --------\r\n\t\t.recommend {\r\n\t\t\t.list3 .swiper-button-prev {\r\n\t\t\t\tleft: 10px;\r\n\t\t\t\tright: auto;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.list3 .swiper-button-prev::after {\r\n\t\t\t\tcolor: rgb(64, 158, 255);\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.list3 .swiper-button-next {\r\n\t\t\t\tleft: auto;\r\n\t\t\t\tright: 10px;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.list3 .swiper-button-next::after {\r\n\t\t\t\tcolor: rgb(64, 158, 255);\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.list5 .swiper-button-prev {\r\n\t\t\t\tleft: 10px;\r\n\t\t\t\tright: auto;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.list5 .swiper-button-prev::after {\r\n\t\t\t\tcolor: rgb(64, 158, 255);\r\n }\r\n \r\n .list5 .swiper-button-next {\r\n\t\t\t\tleft: auto;\r\n\t\t\t\tright: 10px;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.list5 .swiper-button-next::after {\r\n\t\t\t\tcolor: rgb(64, 158, 255);\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.list5 {\r\n\t\t\t\t.swiper-slide-prev {\r\n\t\t\t\t\tposition: relative;\r\n\t\t\t\t\tz-index: 3;\r\n\t\t\t\t}\r\n\t\t\r\n\t\t\t\t.swiper-slide-next {\r\n\t\t\t\t\tposition: relative;\r\n\t\t\t\t\tz-index: 3;\r\n\t\t\t\t}\r\n\t\t\r\n\t\t\t\t.swiper-slide-active {\r\n\t\t\t\t\tposition: relative;\r\n\t\t\t\t\tz-index: 5;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.index-pv1 .animation-box {\r\n\t\t\t\ttransform: rotate(0deg) scale(1) skew(0deg, 0deg) translate3d(0px, 0px, 0px);\r\n\t\t\t\tz-index: initial;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.index-pv1 .animation-box:hover {\r\n\t\t\t\ttransform: rotate(0deg) scale(1) skew(0deg, 0deg) translate3d(0px, 10px, 0px);\r\n\t\t\t\t-webkit-perspective: 1000px;\r\n\t\t\t\tperspective: 1000px;\r\n\t\t\t\ttransition: 0.3s;\r\n\t\t\t\tz-index: 1;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.index-pv1 .animation-box img {\r\n\t\t\t\ttransform: rotate(0deg) scale(1) skew(0deg, 0deg) translate3d(0px, 0px, 0px);\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.index-pv1 .animation-box img:hover {\r\n\t\t\t\ttransform: rotate(0deg) scale(1.01) skew(0deg, 0deg) translate3d(0px, 0px, 0px);\r\n\t\t\t\t-webkit-perspective: 1000px;\r\n\t\t\t\tperspective: 1000px;\r\n\t\t\t\ttransition: 0.3s;\r\n\t\t\t}\r\n\t\t}\r\n\t\t\r\n\t\t.news {\r\n\t\t\t.list3 .swiper-button-prev {\r\n\t\t\t\tleft: 10px;\r\n\t\t\t\tright: auto;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.list3 .swiper-button-prev::after {\r\n\t\t\t\tcolor: rgb(64, 158, 255);\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.list3 .swiper-button-next {\r\n\t\t\t\tleft: auto;\r\n\t\t\t\tright: 10px;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.list3 .swiper-button-next::after {\r\n\t\t\t\tcolor: rgb(64, 158, 255);\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.list6 .swiper-button-prev {\r\n\t\t\t\tleft: 10px;\r\n\t\t\t\tright: auto;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.list6 .swiper-button-prev::after {\r\n\t\t\t\tcolor: rgb(64, 158, 255);\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.list6 .swiper-button-next {\r\n\t\t\t\tleft: auto;\r\n\t\t\t\tright: 10px;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.list6 .swiper-button-next::after {\r\n\t\t\t\tcolor: rgb(64, 158, 255);\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.index-pv1 .animation-box {\r\n\t\t\t\ttransform: rotate(0deg) scale(1) skew(0deg, 0deg) translate3d(0px, 0px, 0px);\r\n\t\t\t\tz-index: initial;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.index-pv1 .animation-box:hover {\r\n\t\t\t\ttransform: rotate(0deg) scale(1) skew(0deg, 0deg) translate3d(0px, 0px, 0px);\r\n\t\t\t\t-webkit-perspective: 1000px;\r\n\t\t\t\tperspective: 1000px;\r\n\t\t\t\ttransition: 0.3s;\r\n\t\t\t\tz-index: 1;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.index-pv1 .animation-box img {\r\n\t\t\t\ttransform: rotate(0deg) scale(1) skew(0deg, 0deg) translate3d(0px, 0px, 0px);\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.index-pv1 .animation-box img:hover {\r\n\t\t\t\ttransform: rotate(0deg) scale(1) skew(0deg, 0deg) translate3d(0px, 0px, 0px);\r\n\t\t\t\t-webkit-perspective: 1000px;\r\n\t\t\t\tperspective: 1000px;\r\n\t\t\t\ttransition: 0.3s;\r\n\t\t\t}\r\n\t\t}\r\n\t\r\n\t\t.lists {\r\n\t\t\t.list3 .swiper-button-prev {\r\n\t\t\t\tleft: 10px;\r\n\t\t\t\tright: auto;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.list3 .swiper-button-prev::after {\r\n\t\t\t\tcolor: rgb(64, 158, 255);\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.list3 .swiper-button-next {\r\n\t\t\t\tleft: auto;\r\n\t\t\t\tright: 10px;\r\n }\r\n \r\n .list3 .swiper-button-next::after {\r\n\t\t\t\tcolor: rgb(64, 158, 255);\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.list5 .swiper-button-prev {\r\n\t\t\t\tleft: 10px;\r\n\t\t\t\tright: auto;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.list5 .swiper-button-prev::after {\r\n\t\t\t\tcolor: rgb(64, 158, 255);\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.list5 .swiper-button-next {\r\n left: auto;\r\n right: 10px;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.list5 .swiper-button-next::after {\r\n\t\t\t\tcolor: rgb(64, 158, 255);\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.list5 {\r\n\t\t\t\t.swiper-slide-prev {\r\n\t\t\t\t\tposition: relative;\r\n\t\t\t\t\tz-index: 3;\r\n\t\t\t\t}\r\n\t\t\r\n\t\t\t\t.swiper-slide-next {\r\n\t\t\t\t\tposition: relative;\r\n\t\t\t\t\tz-index: 3;\r\n\t\t\t\t}\r\n\t\t\r\n\t\t\t\t.swiper-slide-active {\r\n\t\t\t\t\tposition: relative;\r\n\t\t\t\t\tz-index: 5;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.index-pv1 .animation-box {\r\n\t\t\t\ttransform: rotate(0deg) scale(1) skew(0deg, 0deg) translate3d(0px, 0px, 0px);\r\n\t\t\t\tz-index: initial;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.index-pv1 .animation-box:hover {\r\n\t\t\t\ttransform: rotate(0deg) scale(1) skew(0deg, 0deg) translate3d(0px, 10px, 0px);\r\n\t\t\t\t-webkit-perspective: 1000px;\r\n\t\t\t\tperspective: 1000px;\r\n\t\t\t\ttransition: 0.3s;\r\n\t\t\t\tz-index: 1;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.index-pv1 .animation-box img {\r\n\t\t\t\ttransform: rotate(0deg) scale(1) skew(0deg, 0deg) translate3d(0px, 0px, 0px);\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.index-pv1 .animation-box img:hover {\r\n\t\t\t\ttransform: rotate(0deg) scale(1) skew(0deg, 0deg) translate3d(0px, 0px, 0px);\r\n\t\t\t\t-webkit-perspective: 1000px;\r\n\t\t\t\tperspective: 1000px;\r\n\t\t\t\ttransition: 0.3s;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\t.home-preview .recommend .list12 .tab .item {\r\n\t\t\t\tcursor: pointer;\r\n\t\t\t\tborder: 0;\r\n\t\t\t\tborder-radius: 6px;\r\n\t\t\t\tpadding: 0 20px;\r\n\t\t\t\tmargin: 0 10px;\r\n\t\t\t\tcolor: #fff;\r\n\t\t\t\tbackground: #333;\r\n\t\t\t\twidth: auto;\r\n\t\t\t\tfont-size: 16px;\r\n\t\t\t\tline-height: 40px;\r\n\t\t\t}\r\n\t\r\n\t.home-preview .recommend .list12 .tab .item:hover {\r\n\t\t\t\tcolor: #fff;\r\n\t\t\t\tbackground: #F5BB00;\r\n\t\t\t\tborder-color: #F5BB00;\r\n\t\t\t\tborder-width: 0 0 0px 0;\r\n\t\t\t\tborder-style: solid;\r\n\t\t\t}\r\n\t\r\n\t.home-preview .recommend .list12 .tab .item.active {\r\n\t\t\t\tcolor: #fff;\r\n\t\t\t\tbackground: #F5BB00;\r\n\t\t\t\tborder-color: #F5BB00;\r\n\t\t\t\tborder-width: 0 0 0px 0;\r\n\t\t\t\tborder-style: solid;\r\n\t\t\t}\r\n\t\r\n\t.home-preview .recommend .list12 .tab .more {\r\n\t\t\t\tcursor: pointer;\r\n\t\t\t\tpadding: 5px 10px;\r\n\t\t\t\tmargin: 0 10px;\r\n\t\t\t\tcolor: #666;\r\n\t\t\t\tbackground: #fff;\r\n\t\t\t\tdisplay: none;\r\n\t\t\t\tline-height: 44px;\r\n\t\t\t\talign-items: center;\r\n\t\t\t}\r\n\t\r\n\t.home-preview .recommend .list12 .tab .more:hover {\r\n\t\t\t\tcolor: red;\r\n\t\t\t}\r\n\t\r\n\t.home-preview .recommend .list12 .item.active {\r\n\t animation-name: mymove;\r\n\t\r\n\t &:nth-of-type(1) {\r\n\t animation-duration: 1s;\r\n\t }\r\n\t &:nth-of-type(2) {\r\n\t animation-duration: 1.2s;\r\n\t }\r\n\t &:nth-of-type(3) {\r\n\t animation-duration: 1.4s;\r\n\t }\r\n\t &:nth-of-type(4) {\r\n\t animation-duration: 1.6s;\r\n\t }\r\n\t &:nth-of-type(5) {\r\n\t animation-duration: 1.8s;\r\n\t }\r\n\t &:nth-of-type(6) {\r\n\t animation-duration: 2s;\r\n\t }\r\n\t}\r\n\t\r\n\t@keyframes mymove\r\n\t{\r\n\t\tfrom {top: 320px;}\r\n\t\tto {top: 0;}\r\n\t}\r\n\r\n\r\n\r\n</style>\r\n"]}]}