用vue做一个图片分割翻面效果

蓓蕾

已于 2023-03-22 09:04:10 修改

阅读量394

点赞数 1

文章标签： html

于 2023-03-20 20:04:30 首次发布

本文链接：https://blog.csdn.net/m0_63663145/article/details/129674830

版权

1.先在网上找一张自己喜欢的图片，然后把图片拉进photeshop（PS）中，选择切片工具，点击图片右击选择划分切片，把图片分成10*10的规格

2. 选择文件导出，用web旧版导出到桌面，保存在桌面上，自动生成一个文件夹，里面保存着我们已经分割好的一百张图片
3.接着在HBuilder中创建一个新的web项目，把一百张图片用复制粘贴的形式粘贴进img中
4.在JS下创建一个新的html，同时把vue.js拉入JS，写好整体框架，链入vue.js

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<script src="vue.js" type="text/javascript" chars

最低0.47元/天解锁文章

蓓蕾

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
2
评论
用vue做一个图片分割翻面效果

先在网上找一张自己喜欢的图片，然后把图片拉进photeshop（PS）中，选择切片工具，点击图片右击选择划分切片，把图片分成10*10的规格选择文件导出，用web旧版导出到桌面，保存在桌面上，自动生成一个文件夹，里面保存着我们已经分割好的一百张图片接着在HBuilder中创建一个新的web项目，把一百张图片用复制粘贴的形式粘贴进img中在JS下创建一个新的html，同时把vue.js拉入JS，写好整体框架，链入vue.js 写一个自定义组件component,并写好框架在template下写好我们需
复制链接

扫一扫