{"_id":"3dimageview","_rev":"8-2fd39ad295879069f2912a85988ab5bc","name":"3dimageview","dist-tags":{"latest":"1.0.6"},"versions":{"1.0.0":{"name":"3dimageview","version":"1.0.0","description":"模仿element-ui首页图片3d展示插件","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+ssh://git@github.com/zz632893783/3dImageView.git"},"keywords":["3d"],"author":{"name":"zz"},"license":"ISC","bugs":{"url":"https://github.com/zz632893783/3dImageView/issues"},"homepage":"https://github.com/zz632893783/3dImageView#readme","_id":"3dimageview@1.0.0","_npmVersion":"5.7.1","_nodeVersion":"8.4.0","_npmUser":{"name":"zz632893783","email":"15067777633@qq.com"},"dist":{"integrity":"sha512-4fRqy9JRrBtWnwqv72QVG3m4J+1E69sHNXmqbsXIbG5ToO1XOl70nBNQUH15rdKOE0PtKpTSbwRSYOTZEi8wJw==","shasum":"199c876283ab955103c381d792146f3d2070a868","tarball":"https://registry.npmjs.org/3dimageview/-/3dimageview-1.0.0.tgz","fileCount":3,"unpackedSize":579,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDGg/ggtfr3hJNiYzGyhlC8GL+x60t2d8qxIkjts4/oMwIhAM2oXyesQREB7zxcAh0hZo/oZw6Po6a+uzZpgfQm+4gM"}]},"maintainers":[{"name":"zz632893783","email":"15067777633@qq.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/3dimageview_1.0.0_1520057286507_0.7452813474865325"},"_hasShrinkwrap":false},"1.0.1":{"name":"3dimageview","version":"1.0.1","description":"模仿element-ui首页图片3d展示插件","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+ssh://git@github.com/zz632893783/3dImageView.git"},"keywords":["3d"],"author":{"name":"zz"},"license":"ISC","bugs":{"url":"https://github.com/zz632893783/3dImageView/issues"},"homepage":"https://github.com/zz632893783/3dImageView#readme","_id":"3dimageview@1.0.1","_npmVersion":"5.7.1","_nodeVersion":"8.4.0","_npmUser":{"name":"zz632893783","email":"15067777633@qq.com"},"dist":{"integrity":"sha512-JWaL8ovpPpYy23anHyQMUImur6mQ08aiTJSoxLNsvW1z6pGbXgq2NqhAU6EKVpM2ZY2Uq3fR7m/W8UAWvrs54Q==","shasum":"362479b3c824e67ec2a063a94660fc5c72c3368a","tarball":"https://registry.npmjs.org/3dimageview/-/3dimageview-1.0.1.tgz","fileCount":3,"unpackedSize":644,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGLFzo8Cl9adK9RpHzxpb8RrmJpL/A0Evj4rGec5uMBXAiBu6gYv7bXUYWts6ahOZveXmIzugQAJVvZiVfn5NT9G1g=="}]},"maintainers":[{"name":"zz632893783","email":"15067777633@qq.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/3dimageview_1.0.1_1520057456827_0.04021764109994885"},"_hasShrinkwrap":false},"1.0.2":{"name":"3dimageview","version":"1.0.2","description":"模仿element-ui首页图片3d展示插件","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+ssh://git@github.com/zz632893783/3dImageView.git"},"keywords":["3d"],"author":{"name":"zz"},"license":"ISC","bugs":{"url":"https://github.com/zz632893783/3dImageView/issues"},"homepage":"https://github.com/zz632893783/3dImageView#readme","_id":"3dimageview@1.0.2","_npmVersion":"5.7.1","_nodeVersion":"8.4.0","_npmUser":{"name":"zz632893783","email":"15067777633@qq.com"},"dist":{"integrity":"sha512-j8r3kxQk5SnrIPW59tW2k0BNNAe3jnQ3WvoOOFAXQ5mnK2dhe0gER5/0DtEpEzSLeOAEggEm73DnQzI6GUIESw==","shasum":"784f1e1c86ba7418ace18f64e5dea558cb7f9dd7","tarball":"https://registry.npmjs.org/3dimageview/-/3dimageview-1.0.2.tgz","fileCount":4,"unpackedSize":671,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD+cxLddnZqvDr821tJzK/lP/bWJLtbpEaycjPVqWZLVgIgaJBLt6elmmdHl7g+/8Ghs6R8Wrlrg2wOYHnkbIRlxcE="}]},"maintainers":[{"name":"zz632893783","email":"15067777633@qq.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/3dimageview_1.0.2_1520059551771_0.6094368099448424"},"_hasShrinkwrap":false},"1.0.3":{"name":"3dimageview","version":"1.0.3","description":"模仿element-ui首页图片3d展示插件","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+ssh://git@github.com/zz632893783/3dImageView.git"},"keywords":["3d"],"author":{"name":"zz"},"license":"ISC","bugs":{"url":"https://github.com/zz632893783/3dImageView/issues"},"homepage":"https://github.com/zz632893783/3dImageView#readme","_id":"3dimageview@1.0.3","_npmVersion":"5.7.1","_nodeVersion":"8.4.0","_npmUser":{"name":"zz632893783","email":"15067777633@qq.com"},"dist":{"integrity":"sha512-Kw1iIwfnNGNI3Sd1O9jzZK+QXfCB3Zpkoinct3VmcGsAFLuCNzoWogxJWw7cRPF4e7dRX0yycBocroCHb0Bl/Q==","shasum":"d4699b35080d19a0bcd7d87e0e83ae34a63efc44","tarball":"https://registry.npmjs.org/3dimageview/-/3dimageview-1.0.3.tgz","fileCount":4,"unpackedSize":868,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDyObrAovnuaxTEdL/hbiAJDGm6iQsRNBgAkYwWFoSCtgIgGNfIy+sKAlecDH8rD84BbwOUoLTMo5iQuUNB851GS+0="}]},"maintainers":[{"name":"zz632893783","email":"15067777633@qq.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/3dimageview_1.0.3_1520060451486_0.07044857927080272"},"_hasShrinkwrap":false},"1.0.4":{"name":"3dimageview","version":"1.0.4","description":"模仿element-ui首页图片3d展示插件\r demo地址:http://git@github.com:zz632893783/3dImageView.git\r 插件使用方法:\r \t$ npm install 3dimageview --save-dev\r 然后在需要的地方\r \tconst imageViewFunc = require('3dimageview');\r 函数参数\r \timageViewFunc({\r \t\t// 页面元素的id\r \t\tid: 'app',\r \t\t// 透视深度\r \t\tde","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+ssh://git@github.com/zz632893783/3dImageView.git"},"keywords":["3d"],"author":{"name":"zz"},"license":"ISC","bugs":{"url":"https://github.com/zz632893783/3dImageView/issues"},"homepage":"https://github.com/zz632893783/3dImageView#readme","_id":"3dimageview@1.0.4","_npmVersion":"5.7.1","_nodeVersion":"8.4.0","_npmUser":{"name":"zz632893783","email":"15067777633@qq.com"},"dist":{"integrity":"sha512-WPI85GDhgwve4aIp+IaK1GGUYPvTl+v3KqkPMKNBlnwbD+sUfvB607vMpbrz/pIJbcWjrgxG3r+EXyQtuI1GgQ==","shasum":"56bf0569ac91d73e07fba13cc8ff2555a578d117","tarball":"https://registry.npmjs.org/3dimageview/-/3dimageview-1.0.4.tgz","fileCount":4,"unpackedSize":6128,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCrWCCg1nmlSDiECLnM+GjPNEAEnJSr37DqBYSSrbo45QIgGcMod5eAfXW4QaGyVNP915KHelQV4kRJDMRTOXq+vto="}]},"maintainers":[{"name":"zz632893783","email":"15067777633@qq.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/3dimageview_1.0.4_1520087823873_0.23264503937496284"},"_hasShrinkwrap":false},"1.0.5":{"name":"3dimageview","version":"1.0.5","description":"模仿element-ui首页图片3d展示插件 \r demo地址: https://github.com/zz632893783/3dImageView \r 插件使用方法: \r $ npm install 3dimageview --save-dev \r 然后在需要的地方 \r const imageViewFunc = require('3dimageview'); \r 函数参数 \r imageViewFunc({ \r // 页面元素的id \r id: 'app', \r ","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+ssh://git@github.com/zz632893783/3dImageView.git"},"keywords":["3d"],"author":{"name":"zz"},"license":"ISC","bugs":{"url":"https://github.com/zz632893783/3dImageView/issues"},"homepage":"https://github.com/zz632893783/3dImageView#readme","_id":"3dimageview@1.0.5","_npmVersion":"5.7.1","_nodeVersion":"8.4.0","_npmUser":{"name":"zz632893783","email":"15067777633@qq.com"},"dist":{"integrity":"sha512-XIJsytWLV/5045JvBBP0CP13e0hcdewBPcdReDswaTeNguPEmIMFRRGFzl/0vnguq2QjSaZr9WL6Ea2XVoqytg==","shasum":"1be768b61dca2148ad4be6e8c8265fbb08e64a8b","tarball":"https://registry.npmjs.org/3dimageview/-/3dimageview-1.0.5.tgz","fileCount":4,"unpackedSize":7313,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEdNJC1P7vnERZMrTKRIDFijl9ZmTDBdWjCdk1llpC82AiBbOSHOg0FgclPkCXHY4uyYWAdnveC8Pnj0C6MUA+5Tig=="}]},"maintainers":[{"name":"zz632893783","email":"15067777633@qq.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/3dimageview_1.0.5_1520132371270_0.4957953649423379"},"_hasShrinkwrap":false},"1.0.6":{"name":"3dimageview","version":"1.0.6","description":"模仿element-ui首页图片3d展示插件
\r demo地址: https://github.com/zz632893783/3dImageView
\r 插件使用方法:
\r $ npm install 3dimageview --save-dev
\r 然后在需要的地方
\r const imageViewFunc = require('3dimageview');
\r 函数参数
\r imageViewFunc({ \r demo地址: https://github.com/zz632893783/3dImageView
\r 插件使用方法:
\r $ npm install 3dimageview --save-dev
\r 然后在需要的地方
\r const imageViewFunc = require('3dimageview');
\r 函数参数
\r imageViewFunc({ \r\n demo地址: https://github.com/zz632893783/3dImageView
\r\n插件使用方法:
\r\n $ npm install 3dimageview --save-dev
\r\n然后在需要的地方
\r\n const imageViewFunc = require('3dimageview');
\r\n函数参数
\r\n imageViewFunc({
\r\n // 页面元素的id
\r\n id: 'app',
\r\n // 透视深度
\r\n deep: 600,
\r\n // 变换速度(单位为毫秒)
\r\n speed: 250,
\r\n // 翻转幅度
\r\n rotateRange: 20,
\r\n // 移动幅度
\r\n moveRange: 0.03,
\r\n // 所插入的元素数组
\r\n children: [{
\r\n // 内容，也可以是div等标签的字符串
\r\n content: '1',
\r\n // 容器的样式
\r\n style: {
\r\n // 容器的宽度
\r\n width: '120px',
\r\n // 容器的高度
\r\n height: '70px',
\r\n // 背景色
\r\n backgroundColor: '#409eff',
\r\n // 距离外层容器左侧宽度
\r\n left: '30px',
\r\n // 距离外层容器右侧宽度
\r\n right: '15px',
\r\n // 容器的上下层级
\r\n zIndex: 5
\r\n }
\r\n }, {
\r\n content: '2',
\r\n style: {
\r\n width: '50px',
\r\n height: '45px',
\r\n backgroundColor: '#67c23a',
\r\n left: '300px',
\r\n top: '15px',
\r\n zIndex: 4,
\r\n boxShadow: '0px 0px 10px rgba(0, 0, 0, 0.2)',
\r\n overflow: 'hidden',
\r\n borderRadius: '4px',
\r\n fontSize: '20px',
\r\n textAlign: 'center',
\r\n lineHeight: '45px',
\r\n color: 'white'
\r\n }
\r\n }, {
\r\n content: '3',
\r\n style: {
\r\n width: '400px',
\r\n height: '300px',
\r\n backgroundColor: '#E6A23C',
\r\n left: '100px',
\r\n top: '50px',
\r\n zIndex: 0,
\r\n boxShadow: '0px 0px 10px rgba(0, 0, 0, 0.2)',
\r\n overflow: 'hidden',
\r\n borderRadius: '4px',
\r\n fontSize: '50px',
\r\n textAlign: 'center',
\r\n lineHeight: '300px',
\r\n color: 'white'
\r\n }
\r\n }]
\r\n })
\r\n若想预览demo，clone项目之后，
\r\n $ cnpm install
\r\n安装所有模块之后
\r\n $ webpack-dev-server
\r\n浏览器中输入
\r\n http://localhost:8080
\r\n","readmeFilename":"README.md"}