刘文博 / gulu-vue

Download as
Browse Code »

Commit f7e3068a181964c38dc61113e20b5325e33cfd03

Authored by BigBoss
1 parent f3a9eefcf7
Exists in master

update

Showing 6 changed files with 27 additions and 1 deletions   Show diff stats
1 { 1 {
2 "pages": [ 2 "pages": [
3 { 3 {
4 "path": "pages/index/index", 4 "path": "pages/index/index",
5 "style": { 5 "style": {
6 "navigationBarTitleText": "商城一览" 6 "navigationBarTitleText": "商城一览"
7 // "enablePullDownRefresh":true 7 // "enablePullDownRefresh":true
8 } 8 }
9 }, 9 },
10 {
11 "path" : "pages/refund/refund",
12 "style": {
13 "navigationBarTitleText": "申请退款"
14 }
15 },
10 { 16 {
11 "path" : "pages/myOrder/myOrder", 17 "path" : "pages/myOrder/myOrder",
12 "style" : { 18 "style" : {
13 "navigationBarTitleText": "我的订单"} 19 "navigationBarTitleText": "我的订单"}
14 }, 20 },
15 { 21 {
16 "path": "pages/addArddess/addArddess", 22 "path": "pages/addArddess/addArddess",
17 "style": { 23 "style": {
18 "navigationBarTitleText": "新增地址" 24 "navigationBarTitleText": "新增地址"
19 } 25 }
20 }, 26 },
21 { 27 {
22 "path" : "pages/confirmOrder/confirmOrder", 28 "path" : "pages/confirmOrder/confirmOrder",
23 "style" : { 29 "style" : {
24 "navigationBarTitleText": "确认订单"} 30 "navigationBarTitleText": "确认订单"}
25 }, 31 },
26 { 32 {
27 "path": "pages/cart/cart", 33 "path": "pages/cart/cart",
28 "style": { 34 "style": {
29 "navigationBarTitleText": "购物车" 35 "navigationBarTitleText": "购物车"
30 } 36 }
31 }, 37 },
32 { 38 {
33 "path": "pages/user/user", 39 "path": "pages/user/user",
34 "style": { 40 "style": {
35 "navigationBarTitleText": "我的" 41 "navigationBarTitleText": "我的"
36 } 42 }
37 }, 43 },
38 { 44 {
39 "path": "pages/details-3/details-3" 45 "path": "pages/details-3/details-3"
40 }, 46 },
41 { 47 {
42 "path": "pages/detail/detail" 48 "path": "pages/detail/detail"
43 } 49 }
50
44 ], 51 ],
45 "globalStyle": { 52 "globalStyle": {
46 "navigationBarTextStyle": "black", 53 "navigationBarTextStyle": "black",
47 "navigationBarTitleText": "uni-app", 54 "navigationBarTitleText": "uni-app",
48 "navigationBarBackgroundColor": "#F8F8F8", 55 "navigationBarBackgroundColor": "#F8F8F8",
49 "backgroundColor": "#F8F8F8" 56 "backgroundColor": "#F8F8F8"
50 }, 57 },
51 "tabBar": { 58 "tabBar": {
52 "color": "#C0C4CC", 59 "color": "#C0C4CC",
53 "selectedColor": "#fa436a", 60 "selectedColor": "#fa436a",
54 "borderStyle": "black", 61 "borderStyle": "black",
55 "backgroundColor": "#ffffff", 62 "backgroundColor": "#ffffff",
56 "list": [{ 63 "list": [{
57 "pagePath": "pages/index/index", 64 "pagePath": "pages/index/index",
58 "iconPath": "static/tab-home.png", 65 "iconPath": "static/tab-home.png",
59 "selectedIconPath": "static/tab-home-current.png", 66 "selectedIconPath": "static/tab-home-current.png",
60 "text": "首页" 67 "text": "首页"
61 }, 68 },
62 { 69 {
63 "pagePath": "pages/cart/cart", 70 "pagePath": "pages/cart/cart",
64 "iconPath": "static/tab-cart.png", 71 "iconPath": "static/tab-cart.png",
65 "selectedIconPath": "static/tab-cart-current.png", 72 "selectedIconPath": "static/tab-cart-current.png",
66 "text": "购物车" 73 "text": "购物车"
67 }, 74 },
68 { 75 {
69 "pagePath": "pages/user/user", 76 "pagePath": "pages/user/user",
70 "iconPath": "static/tab-my.png", 77 "iconPath": "static/tab-my.png",
71 "selectedIconPath": "static/tab-my-current.png", 78 "selectedIconPath": "static/tab-my-current.png",
72 "text": "我的" 79 "text": "我的"
73 } 80 }
74 ] 81 ]
75 } 82 }
76 } 83 }
77 84
src/pages/myOrder/myOrder.vue
Diff comments   View file @f7e3068
1 <template> 1 <template>
2 <view class="content"> 2 <view class="content">
3 <view class="header"> 3 <view class="header">
4 <!-- 搜索--> 4 <!-- 搜索-->
5 <view class="searchBar"> 5 <view class="searchBar">
6 <icon class="searchIcon" type="search" size="14"></icon> 6 <icon class="searchIcon" type="search" size="14"></icon>
7 <input class="searchIpt" placeholder="搜索订单关键字..." confirm-type="search"/> 7 <input class="searchIpt" placeholder="搜索订单关键字..." confirm-type="search"/>
8 </view> 8 </view>
9 <view class="screenBar"> 9 <view class="screenBar">
10 <view v-for="item in screenItems" :key="item.current" @click="onClickItem(item.current)" > 10 <view v-for="item in screenItems" :key="item.current" @click="onClickItem(item.current)" >
11 <view class="screenItem" v-bind:class="{ active: current === item.current }">{{ item.text }}</view> 11 <view class="screenItem" v-bind:class="{ active: current === item.current }">{{ item.text }}</view>
12 </view> 12 </view>
13 </view> 13 </view>
14 </view> 14 </view>
15 <view class="orderList" > 15 <view class="orderList" >
16 <view v-for="(order) in orderList" :key="orderId"> 16 <view v-for="(order) in orderList" :key="order.orderId">
17 <OrderCard :order = "order" :current="current"></OrderCard> 17 <OrderCard :order = "order" :current="current"></OrderCard>
18 </view> 18 </view>
19 </view> 19 </view>
20 <view class="footer">已显示全部</view> 20 <view class="footer">已显示全部</view>
21 </view> 21 </view>
22 </template> 22 </template>
23 <script> 23 <script>
24 import OrderCard from './OrderCard.vue' 24 import OrderCard from './OrderCard.vue'
25 export default { 25 export default {
26 components:{ 26 components:{
27 'OrderCard':OrderCard 27 'OrderCard':OrderCard
28 }, 28 },
29 data() { 29 data() {
30 return { 30 return {
31 screenItems: [ 31 screenItems: [
32 {current:0,text:'全部'}, 32 {current:0,text:'全部'},
33 {current:1,text:'待付款'}, 33 {current:1,text:'待付款'},
34 {current:2,text:'待发货'}, 34 {current:2,text:'待发货'},
35 {current:3,text:'待收货'}, 35 {current:3,text:'待收货'},
36 {current:4,text:'退款售后'}, 36 {current:4,text:'退款售后'},
37 ], 37 ],
38 current: 0, 38 current: 0,
39 //订单数据 39 //订单数据
40 orderList:[ 40 orderList:[
41 { orderId: 0, img: '/static/img/goods/p1.jpg', name: '商品名称',originCost:'￥198',price: '￥168', orderType:1 ,buyNum:1}, 41 { orderId: 0, img: '/static/img/goods/p1.jpg', name: '商品名称',originCost:'￥198',price: '￥168', orderType:1 ,buyNum:1},
42 { orderId: 2, img: '/static/img/goods/p3.jpg', name: '商品名称',originCost:'￥198',price: '￥168', orderType:1 ,buyNum:1}, 42 { orderId: 2, img: '/static/img/goods/p3.jpg', name: '商品名称',originCost:'￥198',price: '￥168', orderType:1 ,buyNum:1},
43 { orderId: 3, img: '/static/img/goods/p4.jpg', name: '商品名称',originCost:'￥198',price: '￥168', orderType:2 ,buyNum:1}, 43 { orderId: 3, img: '/static/img/goods/p4.jpg', name: '商品名称',originCost:'￥198',price: '￥168', orderType:2 ,buyNum:1},
44 { orderId: 4, img: '/static/img/goods/p5.jpg', name: '商品名称',originCost:'￥198',price: '￥168', orderType:3 ,buyNum:1}, 44 { orderId: 4, img: '/static/img/goods/p5.jpg', name: '商品名称',originCost:'￥198',price: '￥168', orderType:3 ,buyNum:1},
45 { orderId: 5, img: '/static/img/goods/p6.jpg', name: '商品名称',originCost:'￥198',price: '￥168', orderType:3 ,buyNum:1}, 45 { orderId: 5, img: '/static/img/goods/p6.jpg', name: '商品名称',originCost:'￥198',price: '￥168', orderType:3 ,buyNum:1},
46 { orderId: 6, img: '/static/img/goods/p7.jpg', name: '商品名称',originCost:'￥198',price: '￥168', orderType:4 ,buyNum:1}, 46 { orderId: 6, img: '/static/img/goods/p7.jpg', name: '商品名称',originCost:'￥198',price: '￥168', orderType:4 ,buyNum:1},
47 { orderId: 7, img: '/static/img/goods/p8.jpg', name: '商品名称',originCost:'￥198',price: '￥168', orderType:4 ,buyNum:1}, 47 { orderId: 7, img: '/static/img/goods/p8.jpg', name: '商品名称',originCost:'￥198',price: '￥168', orderType:4 ,buyNum:1},
48 { orderId: 8, img: '/static/img/goods/p9.jpg', name: '商品名称',originCost:'￥198',price: '￥168', orderType:5 ,buyNum:1}, 48 { orderId: 8, img: '/static/img/goods/p9.jpg', name: '商品名称',originCost:'￥198',price: '￥168', orderType:5 ,buyNum:1},
49 { orderId: 9, img: '/static/img/goods/p10.jpg', name: '商品名称',originCost:'￥198',price: '￥168', orderType:5 ,buyNum:1} 49 { orderId: 9, img: '/static/img/goods/p10.jpg', name: '商品名称',originCost:'￥198',price: '￥168', orderType:5 ,buyNum:1}
50 ], 50 ],
51 51
52 }; 52 };
53 }, 53 },
54 methods:{ 54 methods:{
55 onClickItem(e) { 55 onClickItem(e) {
56 if (this.current !== e) { 56 if (this.current !== e) {
57 this.current = e; 57 this.current = e;
58 } 58 }
59 } 59 }
60 } 60 }
61 } 61 }
62 </script> 62 </script>
63 63
64 <style lang="scss"> 64 <style lang="scss">
65 .content { 65 .content {
66 display: flex; 66 display: flex;
67 flex-direction: column; 67 flex-direction: column;
68 align-items: center; 68 align-items: center;
69 background-color: #F7F6F6; 69 background-color: #F7F6F6;
70 min-height: 100vh; 70 min-height: 100vh;
71 .header{ 71 .header{
72 background-color: #ffffff; 72 background-color: #ffffff;
73 width: 100%; 73 width: 100%;
74 height: 232rpx; 74 height: 232rpx;
75 padding: 40rpx 40rpx 36rpx 40rpx; 75 padding: 40rpx 40rpx 36rpx 40rpx;
76 box-sizing: border-box; 76 box-sizing: border-box;
77 position: fixed; 77 position: fixed;
78 top: 0; 78 top: 0;
79 left: 0; 79 left: 0;
80 .searchBar { 80 .searchBar {
81 width: 670rpx; 81 width: 670rpx;
82 display: flex; 82 display: flex;
83 justify-content: center; 83 justify-content: center;
84 align-items: center; 84 align-items: center;
85 box-sizing: border-box; 85 box-sizing: border-box;
86 padding: 0rpx 16rpx; 86 padding: 0rpx 16rpx;
87 border: 1px solid #FF6B4A; 87 border: 1px solid #FF6B4A;
88 border-radius: 8rpx; 88 border-radius: 8rpx;
89 background-color: #ffffff; 89 background-color: #ffffff;
90 } 90 }
91 91
92 .screenBar{ 92 .screenBar{
93 width: 670rpx; 93 width: 670rpx;
94 height: 110rpx; 94 height: 110rpx;
95 display: flex; 95 display: flex;
96 flex-direction: row; 96 flex-direction: row;
97 justify-content: space-between; 97 justify-content: space-between;
98 align-items: center; 98 align-items: center;
99 color: #333333; 99 color: #333333;
100 font-size: 32rpx; 100 font-size: 32rpx;
101 } 101 }
102 .screenItem{ 102 .screenItem{
103 height: 50rpx; 103 height: 50rpx;
104 font-size: 32rpx; 104 font-size: 32rpx;
105 color: #333333; 105 color: #333333;
106 display: flex; 106 display: flex;
107 justify-content: center; 107 justify-content: center;
108 align-items: center; 108 align-items: center;
109 transition:all 0.2s; 109 transition:all 0.2s;
110 } 110 }
111 .active{ 111 .active{
112 // font-size: 34rpx; 112 // font-size: 34rpx;
113 color: #EC5D3B; 113 color: #EC5D3B;
114 } 114 }
115 .searchIpt { 115 .searchIpt {
116 height: 68rpx; 116 height: 68rpx;
117 width: 670rpx; 117 width: 670rpx;
118 padding: 16rpx; 118 padding: 16rpx;
119 font-size: 28rpx; 119 font-size: 28rpx;
120 box-sizing: border-box; 120 box-sizing: border-box;
121 } 121 }
122 } 122 }
123 .orderList{ 123 .orderList{
124 margin-top: 232rpx; 124 margin-top: 232rpx;
125 } 125 }
126 .footer{ 126 .footer{
127 font-size: 14px; 127 font-size: 14px;
128 color: #B8B8B8; 128 color: #B8B8B8;
129 margin: 40rpx 0; 129 margin: 40rpx 0;
130 } 130 }
131 } 131 }
132 </style> 132 </style>
133 133
src/pages/refund/refund.vue
Diff comments   View file @f7e3068
File was created 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>
20
src/static/service.png
Diff comments   View file @f7e3068

1.21 KB | W: | H:

3.38 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
src/static/waitDeliver.png
Diff comments   View file @f7e3068

314 Bytes | W: | H:

1.91 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
src/static/waitPay.png
Diff comments   View file @f7e3068

646 Bytes | W: | H:

2.19 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin