1.创建文件夹PhotoTest。
2.并在当前文件夹下创建img包用来存储图片。
3.把vue.js文件复制到PhotoTest文件夹下
4.图片切片
（1）图片在photoshop（ps）中打开。
（2）右键选择切片工具。
（3）左键拉一个框选中整张图片，再点击右键选择划分切片。
（4）勾上水平和垂直划分，并且内容都改为10
（5）存储为web格式，选择JPEG格式
（6）选择新建文件夹得到100张图片
5.页面布局
（1）.打开HBuilder创建一个HTML文件并写好整体结构
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>PhotoTest</title>
<script src="vue.js"></script>
</head>
<body>
<div id="all">
<div class="content">
</div>
</div>
</body>
</html>
<script>
var vm = new Vue({
el:"#all",
data(){
return{
}
}
})
</script>
（2） 写好主体盒子样式
<style>
body{background-color: aquamarine;}
.content{
margin: 80px auto;
width: 870px;
height: 550px;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
img{
最低0.47元/天 解锁文章
1122
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
