1、实现步骤
1、准备好图片，使用ps软件工具栏切换为切片工具，图片上右键点击切片划分，水平划分为5，垂直划分为5，点击确定，点击右上角文件，存储为web所用的格式，并将图片位置放置项目里的images文件夹下
2、在HBuilderX中导入图片然后布局分别使用html、css、vue、js四部分来组成最终页面
2、部分代码展示
html部分
<body>
<div id="app">
<!-- <Dong></Dong> -->
<long v-for = "img in arrayimg" v-bind:im="img"></long>
</div>
</body>
<template id="around">
<div class="item" @click="change">
<img :src="im" v-show="show" />
</div>
</template>
<script type="text/javascript">
//注册组件1，标签放在组件中
// Vue.component("Dong",{
// template:"<img src='./img/images/1_01.jpg' />"
// })
//注册组件2，外链放标签
Vue.c
最低0.47元/天 解锁文章
8046
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
