no message

src/components/setComments/commentDetails.vue

@@ -27,7 +27,10 @@
                     <view>暂无评论规则数据</view>
                 </view>
             </view>
+        <template v-show="show">
             <commentDetailsPopu ref="getcommentPopup" @change="changeData"></commentDetailsPopu>
+        </template>
+        
 	</view>
 </template>
 <script>

src/components/setComments/commentDetailsPopu.vue

@@ -87,16 +87,6 @@
 	};
 </script>
 <style scoped>
-	.custom-button {
-		width: 26rpx;
-		color: #fff;
-		font-size: 20rpx;
-		line-height: 36rpx;
-		text-align: center;
-		background-color: #ee0a24;
-		border-radius: 100rpx;
-	}
-
 	.commentPopup-content {
 		background: #F7F7F7;
 		border-radius: 30rpx;
@@ -115,41 +105,6 @@
 		text-align: center;
 		color: #FFFFFF;
 	}
-
-	.commentPopup-save {
-		justify-content: center;
-		margin-top: 40rpx;
-	}
-
-	.commentPopup-box .noData {
-		text-align: center;
-		flex: 1;
-		width: 100%;
-	}
-
-	.commentPopup-box .noData image {
-		width: 200rpx;
-		margin-bottom: 40rpx;
-	}
-
-	.commentPopup-box .noData view {
-		font-size: 24rpx;
-		color: #cecece;
-		text-align: center;
-	}
-
-	.commentPopup-name {
-		background-color: #F7F7F7;
-		text-align: center;
-		border: 1px solid #F7F7F7;
-		height: 88rpx;
-		line-height: 88rpx;
-		padding: 0 10rpx;
-		border-radius: 44rpx;
-		font-size: 30rpx;
-		letter-spacing: 1rpx;
-	}
-
 	.commentPopup-title {
 		width: 100%;
 		text-align: center;

src/pages/setComments/commentRulesList.vue

@@ -38,7 +38,9 @@
 				<view class="save flex"><text v-if="!isDefaultRule" @click="saveRules">保存</text></view>
 			</view>
 		</view>
+		<template v-show="show">
 			<rulesPopup ref="getrulesPopup" @change="changeData"></rulesPopup>
+		</template>
 	</view>
 </template>
 <script>
@@ -81,6 +83,7 @@
 				}, //课程规则
 				isDefaultRule: true, //是否是默认规则（
 				detailItem: {}, //当前编辑项
+				show:false
 			});
 			let methods = {
 				back() {