子组件

pages/album/albumComponets/compometsBuy.vue

+<template>
+	<view class="compomets-mask">
+		<view class="compomets-frame">
+			<view class="compomets-title">
+				<view class="title-close">
+					<uni-icons type="closeempty" size="28"></uni-icons>
+				</view>
+				<view style="height: 200rpx;"></view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+</script>
+
+<style scoped lang="scss">
+	.compomets-mask{
+		position: fixed;
+		top: 0;
+		right: 0;
+		bottom: 0;
+		left: 0;
+		z-index: 40;
+		background-color: rgba(0,0,0,.3);
+	}
+	.compomets-frame{
+		width: 100%;
+		max-height: 80vh;
+		background: #F7F8FA;
+		border-radius: 16rpx 16rpx 0rpx 0rpx;
+		overflow: auto;
+		position: fixed;
+		left: 0;
+		bottom: 0;
+	}
+	.compomets-title{
+		background-color: #fff;
+		border-radius: 16rpx 16rpx 0rpx 0rpx;
+		padding: 64rpx 44rpx 40rpx 40rpx;
+		position: relative;
+		.title-close{
+			position: absolute;
+			top: 18rpx;
+			right: 18rpx;
+		}
+	}
+</style>
\ No newline at end of file

pages/album/myPhotoAlbum/myPhotoAlbum.vue

@@ -112,14 +112,17 @@
 				</view>
 			</view>
 		</view>
+		<!--购买-->
+		<compometsBuy></compometsBuy>
+		
 	</view>
 </template>
 
 <script>
-
+import compometsBuy from './../albumComponets/compometsBuy.vue'
 export default {
   components: {
-    
+    compometsBuy,
   },
   data() {
     return {
@@ -694,4 +697,5 @@ export default {
 		right: 32rpx;
 		bottom: 58rpx;
 	}
+	
 </style>
\ No newline at end of file