Browse Source

门店下载二维码-提前占位的样式

jiangfeng 5 years ago
parent
commit
89702d556d
1 changed files with 10 additions and 2 deletions
  1. 10 2
      hdApp/src/admin/shop/downloadCode.vue

+ 10 - 2
hdApp/src/admin/shop/downloadCode.vue

@@ -2,7 +2,13 @@
 	.app-content{
 		text-align: center;
 		padding-top: 40rpx;
-		image{width: 75%;margin: 0 auto}
+		.codeImg{
+			width: 560rpx;
+			height: 795rpx;
+			margin: 0 auto;
+			image{width: 100%;height: 100%}
+		}
+
 		.downloadCode-btn{
 			width: 60%;
 			height: 60rpx;
@@ -16,8 +22,10 @@
 </style>
 <template>
 	<view class="app-content">
+		<view class="codeImg">
 			<image mode="widthFix" :src="codeImg"></image>
-		<view v-if="codeImg" class="flex-center downloadCode-btn" @tap="downloadCodeFun">下载图片</view>
+		</view>
+		<view class="flex-center downloadCode-btn" @tap="downloadCodeFun">下载图片</view>
 	</view>
 </template>