<template>
  <div style="margin-top: 100px;">
    <text class="text">Hello World!</text>
    <div style="padding: 50px">
      <template v-for="(item,index) in detail_pics">
        <w-image :src="item" class="detail-pics" mode="widthFix" :data-index="index"></w-image>
      </template>
    </div>

  </div>
</template>
<style scoped>
  .text{
    font-size: 50px;
  }
</style>
<script>
    import wx from './../../common/wx'
    import wimage from './../../common/components/image';
    export default {
        components:{
            'w-image': wimage,
        },
        data:function () {
            return {
                detail_pics:[
                    "https://zhyframe.fzh.fun/attachment/5fcd8011def41.jpg"
                ]
            };
        },
        mixins: [require('./../../common/publish').publish],
        methods:{

        },
        mounted:function () {
        },
        created:function () {

        }
    }

</script>
<style scoped>
  .detail-pics {
    width: 750px;
    display: flex;
    flex-direction: column;
  }
</style>