直播平台源代码，图片放大浏览功能

HTML

<view><br><view><br><block v-for="(item,index) in fen"><br><view><br><image @click="previewImage(index)" :src="item.picture" mode=""></image><br></view><br></block><br></view><br></view><br> 

JavaScript

<script><br>import glb from '@/config/glbData.js'<br>import api from '@/api/searchSchool/school.js'<br>export default {<br>data() {<br>return {<br>linda:[],<br>id:0,<br>fen:null,<br>ids:null<br>}<br>},<br>onLoad(option) {<br>console.log(option,'option11')<br>this.id = option.id<br>this.ids = option.ids<br>console.log(this.id,this.ids,'22')<br>this.mei()<br>},<br>methods: {<br>previewImage(index) {<br>let photoList = this.fen.map(item => {<br>return item.picture;<br>});<br>uni.previewImage({<br>current: index,<br>urls: photoList<br>});<br>},<br>mei() {<br>let cs = this.id<br>let cn = this.ids<br>let code = {<br>tenantId:glb.tenantId,<br>type: cs<br>}<br>return api.meijin(code).then(res => {<br>let con = res[1].data.result<br>//console.log(con,'con11')<br>    for(let i in con){<br>     this.arr=con[0].twoList[cn]<br>   this.linda.push(this.arr)<br>   console.log(this.linda[0].tagName,'hahah')<br>    this.fen = con[0].twoList[cn].threeList<br>//console.log(con[0].twoList[cn],'222')<br>}<br>//console.log(this.fen,res,'00000')<br>});<br>},<br>}<br>}<br></script> 

css

<style scoped><br>body {<br><br>}<br>.photosView {<br>height: 100%;<br>padding: 20rpx 40rpx;<br>display: flex;<br>justify-content: space-between;<br>flex-wrap: wrap;<br>background-color: #FFF;<br>.box {<br>height: 200rpx;<br>margin-bottom: 20rpx;<br>width: 49%;<br>image {<br>width: 100%;<br>height: 100%;<br>}<br>}<br>}<br></style>

以上就是直播平台源代码，图片放大浏览功能，更多内容欢迎关注之后的文章