<template>
 <view class="content">
   <view class="license">
     <text>营业执照</text>
     <image src="/static/images/license.png" mode="" @click="handleImg(0)"></image>
   </view>
   <view class="permit">
     <text>增值电信业务经营许可证</text>
     <image src="/static/images/permit1.png" mode="" @click="handleImg(1)"></image>
     <image src="/static/images/permit2.png" mode="" @click="handleImg(2)"></image>
   </view>
  <u-navbar autoBack  title="电子证照中心"></u-navbar>
 </view>
</template>

<script>

  export default {
    name: "member_rule",
    data() {
      return {
        urls:['/static/images/license.png','/static/images/permit1.png','/static/images/permit2.png']
        };
    },
    methods: {
    handleImg(current){
    // 预览图片
    uni.previewImage({
    	urls: this.urls,
      current,
    	longPressActions: {
    		itemList: [ '保存图片'],
    		success: function(data) {
    			console.log('选中了第' + (data.tapIndex + 1) + '个按钮,第' + (data.index + 1) + '张图片');
    		},
    		fail: function(err) {
    			console.log(err.errMsg);
    		}
    	}
    });
    }
    }
  };
</script>

<style lang="scss" scoped>
.content{
  padding: 10% 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  .license{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 6% 0;
    text{
      font-size: 40rpx;
      font-weight: 600;
    }
    image{
      width: 100%;
      min-height: 500rpx;
    }
  }
  .permit{
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 4% 0;
    align-items: center;
    text{
      font-size: 40rpx;
      font-weight: 600;
    }
    image{
      width: 100%;
      min-height: 1200rpx;
    }
  }

}
</style>
