jiaoyi-uni2/奥莱优品/pages/user/license.vue

<template>
	<view>
		<block v-if="loading">
			<view class="skeleton">
				<view class="skeleton-line max animate" style="height: 200upx;"></view>
				<view class="skeleton-line animate"></view>
				<view class="skeleton-line min animate"></view>
				<view class="skeleton-line min animate"></view>
				<view class="skeleton-line max animate" style="height: 200upx;"></view>
				<view class="skeleton-line max animate" style="height: 200upx;"></view>
			</view>
		</block>
		<block v-else>
		<view class="info-item">
			<view class="title">营业执照</view>
			<view class="img"><image :src="license" mode="widthFix"></image></view>
		</view>
		<view class="info-item">
			<view class="title">特别提示</view>
			<view class="info">商家资质图片为官方展示<text>严禁下载复印</text>，违者后果自负</view>
		</view>
		</block>
	</view>
</template>

<script>
var app;
import {
	openimg
} from '@/utils/js/index.js';
export default {
	data() {
		return {
			loading:true,
			license:""
		}
	},
	onLoad() {
		app = this;
		app.getLicense()
	},
	methods: {
		showImg(){
			return openimg(0,[app.license])
		},
		async getLicense(){
			app.loading = true;
			var res = await app.$api.home.license.get();
			app.loading = false;
			if (res.code !== 1) {
				return app.$dialog.showSuccess(res.msg,function(){
					uni.navigateBack()
				})
			}
			app.license = res.data.img;
		}
	}
}
</script>

<style>
page{background-color: #f8f8f8;}
.info-item{background-color: #fff;padding: 20upx;margin-bottom: 20upx;}
.info-item .title{font-size: 30upx;color: #333;font-weight: bold;line-height: 80upx;border-bottom: 2upx solid #f8f8f8;}
.info-item .info{font-size: 28upx;color: #666;line-height: 60upx;}
.info-item .info text{color: #f00;}
.info-item image{width: 100%;}
</style>