icon

BigBoss
1 parent fb85b244cf
Showing 5 changed files with 92 additions and 2 deletions Show diff stats
src/pages.json
src/pages/myOrder/myOrder.vue
src/pages/myOrder/orderCard.vue
src/pages/user/user.vue
src/static/detail-tabicon.png
 {
 	"pages": [ 
+        {
+            "path" : "pages/myOrder/myOrder",
+            "style" : {
+				"navigationBarTitleText": "我的订单"}
+        },
 		{
 			"path": "pages/index/index",
 			"style": {
@@ -0,0 +1,59 @@
+<template>
+	<view class="content">
+		<view class="header">
+			<!-- 搜索-->
+			<view class="searchBar">
+				<icon class="searchIcon" type="search" size="14"></icon>
+				<input class="searchIpt" placeholder="老花镜" confirm-type="search"/>
+			</view>
+			
+		</view>
+		
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			};
+		}
+	}
+</script>
+
+<style lang="scss">
+	.content {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		background-color: #F7F6F6;
+		height: 100vh;
+	}
+	.header{
+		background-color: #ffffff;
+		width: 100%;
+		height: 232rpx;
+		padding: 40rpx 40rpx 36rpx 40rpx;
+		box-sizing: border-box;
+		.searchBar {
+			width: 670rpx;
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			box-sizing: border-box;
+			padding: 0rpx 16rpx;
+			border: 1px solid #FF6B4A;
+			border-radius: 8rpx;
+			background-color: #ffffff;
+		}
+		
+		.searchIpt {
+			height: 68rpx;
+			width: 670rpx;
+			padding: 16rpx;
+			font-size: 28rpx;
+			box-sizing: border-box;
+		}
+	}
+</style>
@@ -0,0 +1,19 @@
+<template>
+	<view>
+		
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			};
+		}
+	}
+</script>
+
+<style lang="scss">
+
+</style>
@@ -16,7 +16,7 @@
 			<view class="myOrder">
 				<view class="orderHeader">
 					<text>全部订单</text>
-					<view class="btn">
+					<view class="btn" @click="toMyOrder">
 						全部
 						<image src="../../static/right.png" mode="aspectFill"></image>
 					</view>
@@ -91,7 +91,14 @@
  
 		},
 		methods: {
-
+			toMyOrder(){
+				uni.navigateTo({
+					url: '../myOrder/myOrder',
+					success: res => {},
+					fail: () => {},
+					complete: () => {}
+				});
+			}
 		}
 	}
 </script>
1	1	{
2	2	"pages": [
	3	+ {
	4	+ "path" : "pages/myOrder/myOrder",
	5	+ "style" : {
	6	+ "navigationBarTitleText": "我的订单"}
	7	+ },
3	8	{
4	9	"path": "pages/index/index",
5	10	"style": {
...	...
...	...	@@ -0,0 +1,59 @@
	1	+<template>
	2	+ <view class="content">
	3	+ <view class="header">
	4	+ <!-- 搜索-->
	5	+ <view class="searchBar">
	6	+ <icon class="searchIcon" type="search" size="14"></icon>
	7	+ <input class="searchIpt" placeholder="老花镜" confirm-type="search"/>
	8	+ </view>
	9	+
	10	+ </view>
	11	+
	12	+ </view>
	13	+</template>
	14	+
	15	+<script>
	16	+ export default {
	17	+ data() {
	18	+ return {
	19	+
	20	+ };
	21	+ }
	22	+ }
	23	+</script>
	24	+
	25	+<style lang="scss">
	26	+ .content {
	27	+ display: flex;
	28	+ flex-direction: column;
	29	+ align-items: center;
	30	+ background-color: #F7F6F6;
	31	+ height: 100vh;
	32	+ }
	33	+ .header{
	34	+ background-color: #ffffff;
	35	+ width: 100%;
	36	+ height: 232rpx;
	37	+ padding: 40rpx 40rpx 36rpx 40rpx;
	38	+ box-sizing: border-box;
	39	+ .searchBar {
	40	+ width: 670rpx;
	41	+ display: flex;
	42	+ justify-content: center;
	43	+ align-items: center;
	44	+ box-sizing: border-box;
	45	+ padding: 0rpx 16rpx;
	46	+ border: 1px solid #FF6B4A;
	47	+ border-radius: 8rpx;
	48	+ background-color: #ffffff;
	49	+ }
	50	+
	51	+ .searchIpt {
	52	+ height: 68rpx;
	53	+ width: 670rpx;
	54	+ padding: 16rpx;
	55	+ font-size: 28rpx;
	56	+ box-sizing: border-box;
	57	+ }
	58	+ }
	59	+</style>
...	...
...	...	@@ -0,0 +1,19 @@
	1	+<template>
	2	+ <view>
	3	+
	4	+ </view>
	5	+</template>
	6	+
	7	+<script>
	8	+ export default {
	9	+ data() {
	10	+ return {
	11	+
	12	+ };
	13	+ }
	14	+ }
	15	+</script>
	16	+
	17	+<style lang="scss">
	18	+
	19	+</style>
...	...
...	...	@@ -16,7 +16,7 @@
16	16	<view class="myOrder">
17	17	<view class="orderHeader">
18	18	<text>全部订单</text>
19		- <view class="btn">
	19	+ <view class="btn" @click="toMyOrder">
20	20	全部
21	21	<image src="../../static/right.png" mode="aspectFill"></image>
22	22	</view>
...	...	@@ -91,7 +91,14 @@
91	91
92	92	},
93	93	methods: {
94		-
	94	+ toMyOrder(){
	95	+ uni.navigateTo({
	96	+ url: '../myOrder/myOrder',
	97	+ success: res => {},
	98	+ fail: () => {},
	99	+ complete: () => {}
	100	+ });
	101	+ }
95	102	}
96	103	}
97	104	</script>
...	...