tab

pages/index/index.vue

@@ -46,6 +46,7 @@
 							<view class="title">投诉简介</view>
 							 <textarea placeholder-style="color:#999999" placeholder="请输入内容" />
 						</view>
+						<!-- 事件 -->
 						<view class="btn" @click="showComplaint=true">确定</view>
 					</view>
 				</scroll-view>
@@ -65,7 +66,7 @@
 				</scroll-view>
 			</swiper-item>
 		</swiper>
-		<view class="release-btn">
+		<view class="release-btn" @click="publish">
 			<image src="/static/home/1.png"></image>
 			<view class="text">发布</view>
 		</view>
@@ -76,7 +77,26 @@
 					<view>投诉成功</view>
 					<view>请等待审核结果</view>
 				</view>
-				<view class="btn">确认</view>
+				<view class="btn" @click="showComplaint = false">确认</view>
+			</view>
+		</u-popup>
+		<u-popup v-model="publishstate" mode="bottom">
+			<view class="publish">
+				<view class="list">
+					<view>
+						<image></image>
+						<text>直播</text>
+					</view>
+					<view>
+						<image></image>
+						<text></text>
+					</view>
+					<view>
+						<image></image>
+						<text></text>
+					</view>
+				</view>
+				<image class="off"></image>
 			</view>
 		</u-popup>
 	</view>
@@ -136,7 +156,8 @@ export default {
 						}
 					]
 				}
-			]
+			],
+			publishstate:true
 		}
 	},
 	components: {
@@ -146,6 +167,9 @@ export default {
 
 	},
 	methods: {
+		publish(){
+
+		},
 		setWorker(e) {
 			// console.log(e);
 			this.worker = {
@@ -304,5 +328,35 @@ export default {
 			margin: 0 auto;
 		}
 	}
+	.publish{
+		display: flex;
+		flex-direction: column;
+		justify-content: space-between;
+		align-items: center;
+		padding: 50rpx 84rpx 31rpx 78rpx;
+		.list{
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+			>view{
+				display: flex;
+				flex-direction: column;
+				align-items: center;
+				>image{
+					width: 94rpx;
+					height: 80rpx;
+				}
+				>text{
+					font-size: 28rpx;
+					color: #333;
+					font-weight: 400;
+				}
+			}
+		}
+		.off{
+			width: 37rpx;
+			height: 37rpx;
+		}
+	}
 }
 </style>