路由 uview升级 api

pages/index/index.vue

@@ -83,17 +83,17 @@
 		<u-popup v-model="publishstate" mode="bottom">
 			<view class="publish">
 				<view class="list">
-					<view>
+					<view @click="navto('release/tosign')">
 						<image></image>
 						<text>直播</text>
 					</view>
-					<view>
+					<view  @click="navto('release/index')">
 						<image></image>
-						<text></text>
+						<text>图文</text>
 					</view>
-					<view>
+					<view @click="navto('release/video')">
 						<image></image>
-						<text></text>
+						<text>视频</text>
 					</view>
 				</view>
 				<image class="off"></image>
@@ -179,9 +179,10 @@ export default {
 		},
 		// 发布页面跳转
 		release(){
-			uni.navigateTo({
-				url: '/pages/release/tosign'
-			});
+			// uni.navigateTo({
+			// 	url: '/pages/release/tosign'
+			// });
+			this.publishstate = true
 		},
 		tabsChange(index) {
 			this.swiperCurrent = index;
@@ -192,6 +193,15 @@ export default {
 			this.swiperCurrent = current;
 			this.current = current;
 		},
+		navto(url){
+			this.$u.router({
+				url:`/pages/${url}`
+			})
+			// console.log(`/pages/${url}`)
+			// uni.navigateTo({
+			// 	url: `/pages/${url}`
+			// });
+		}
 	}
 }
 </script>
@@ -339,10 +349,14 @@ export default {
 		justify-content: space-between;
 		align-items: center;
 		padding: 50rpx 84rpx 31rpx 78rpx;
+		image{
+			background-color: #0f0;
+		}
 		.list{
 			display: flex;
 			align-items: center;
 			justify-content: space-between;
+			width: 100%;
 			>view{
 				display: flex;
 				flex-direction: column;
@@ -352,6 +366,7 @@ export default {
 					height: 80rpx;
 				}
 				>text{
+					margin-top: 10rpx;
 					font-size: 28rpx;
 					color: #333;
 					font-weight: 400;
@@ -359,6 +374,7 @@ export default {
 			}
 		}
 		.off{
+			margin-top: 81rpx;
 			width: 37rpx;
 			height: 37rpx;
 		}