返回按钮 样式展示修改

pages/album/getPortrait.vue

@@ -32,7 +32,8 @@
 					<view>未找到您的照片</view>
 					<view class="small">请在拍摄点拍摄后重试</view>
 				</view>
-				<u-button type="info" size="mini" shape="circle" @click="returnClick">返回</u-button>
+				<u-button type="info" size="mini" shape="circle" @click="returnClick" v-if="maskCount<=0">返回</u-button>
+				<view class="overlay-button" v-else>返回</view>
 			</view>
 		</u-overlay>
 	</view>
@@ -399,5 +400,24 @@ export default {
 				color: #333;
 			}
 		}
+		.overlay-button{
+			border-radius: 100px;
+			color: #323233;
+			background-color: #ebedf0;
+			border-color: #ebedf0;
+			border-width: 1px;
+			border-style: solid;
+			height: 22px;
+			width: 100%;
+			font-size: 10px;
+			min-width: 50px;
+			padding: 0px 8px;
+			position: relative;
+			align-items: center;
+			justify-content: center;
+			display: flex;
+			box-sizing: border-box;
+			flex-direction: row;
+		}
 	}
 </style>
\ No newline at end of file