BJ_ZTEITS-Developers / parking-cloud-yudao

Commit 671b5d343e27f36da9f468ef520ccdb7b6fc2d3b

Authored by sfmind
1 parent b24803cf

调整页面在微信模拟器下的样式

Inline Side-by-side
Showing 14 changed files with 265 additions and 136 deletions
yudao-ui-app/app.scss
  View file @671b5d3
1 /* 页面公共scss */ 1 /* 页面公共scss */
2 .container { 2 .container {
3 - padding-top: var(--status-bar-height);//uni-app提供了状态栏高度的css变量--status-bar-height  
4 background-color: $custom-bg-color; 3 background-color: $custom-bg-color;
5 box-sizing: border-box; 4 box-sizing: border-box;
6 height: 100%; 5 height: 100%;
yudao-ui-app/components/custom-text-price/custom-text-price.vue
  View file @671b5d3
1 <template> 1 <template>
2 - <view class="u-text-price-wrap"> 2 + <view>
3 <text v-for="(item, index) in textArray" :key="index" :style="{ 'font-size': (index === 1 ? integerSize : size) + 'px', 'color': color }"> 3 <text v-for="(item, index) in textArray" :key="index" :style="{ 'font-size': (index === 1 ? integerSize : size) + 'px', 'color': color }">
4 {{ item }} 4 {{ item }}
5 </text> 5 </text>
@@ -8,7 +8,7 @@ @@ -8,7 +8,7 @@
8 8
9 <script> 9 <script>
10 /** 10 /**
11 - * 此组件存在只为简单的显示特定样式的(人名币)价格数字 11 + * 此组件简单的显示特定样式的(人名币)价格数字
12 */ 12 */
13 export default { 13 export default {
14 name: 'custom-text-price', 14 name: 'custom-text-price',
@@ -51,4 +51,4 @@ export default { @@ -51,4 +51,4 @@ export default {
51 } 51 }
52 } 52 }
53 </script> 53 </script>
54 -<style></style> 54 +<style scoped></style>
yudao-ui-app/pages.json
  View file @671b5d3
@@ -53,7 +53,31 @@ @@ -53,7 +53,31 @@
53 "style": { 53 "style": {
54 "navigationBarTitleText": "商品详情" 54 "navigationBarTitleText": "商品详情"
55 } 55 }
56 - } 56 + },
  57 + {
  58 + "path": "pages/address/list",
  59 + "style": {
  60 + "navigationBarTitleText": "收货列表"
  61 + }
  62 + },
  63 + {
  64 + "path": "pages/search/search",
  65 + "style": {
  66 + "navigationBarTitleText": "商品搜索"
  67 + }
  68 + },
  69 + {
  70 + "path": "pages/address/add",
  71 + "style": {
  72 + "navigationBarTitleText": "新增地址"
  73 + }
  74 + },
  75 + {
  76 + "path": "pages/address/edit",
  77 + "style": {
  78 + "navigationBarTitleText": "修改地址"
  79 + }
  80 + }
57 ], 81 ],
58 "tabBar": { 82 "tabBar": {
59 "selectedColor": "#333333", 83 "selectedColor": "#333333",
@@ -86,8 +110,7 @@ @@ -86,8 +110,7 @@
86 ] 110 ]
87 }, 111 },
88 "globalStyle": { 112 "globalStyle": {
89 - "navigationStyle": "custom",//取消默认导航栏  
90 - "navigationBarTextStyle": "white", 113 + "navigationBarTextStyle": "black",
91 "navigationBarTitleText": "yudao-ui-app", 114 "navigationBarTitleText": "yudao-ui-app",
92 "navigationBarBackgroundColor": "#F8F8F8", 115 "navigationBarBackgroundColor": "#F8F8F8",
93 "backgroundColor": "#FFFFFF" 116 "backgroundColor": "#FFFFFF"
yudao-ui-app/pages/address/add.vue 0 → 100644
  View file @671b5d3
  1 +<template>
  2 + <view class="container"> </view>
  3 +</template>
  4 +
  5 +<script>
  6 +export default {
  7 + data() {
  8 + return {
  9 + title: ''
  10 + }
  11 + },
  12 + onLoad() {},
  13 + methods: {}
  14 +}
  15 +</script>
  16 +
  17 +<style lang="scss" scoped></style>
yudao-ui-app/pages/address/edit.vue 0 → 100644
  View file @671b5d3
  1 +<template>
  2 + <view class="container"> </view>
  3 +</template>
  4 +
  5 +<script>
  6 +export default {
  7 + data() {
  8 + return {
  9 + title: ''
  10 + }
  11 + },
  12 + onLoad() {},
  13 + methods: {}
  14 +}
  15 +</script>
  16 +
  17 +<style lang="scss" scoped></style>
yudao-ui-app/pages/address/list.vue 0 → 100644
  View file @671b5d3
  1 +<template>
  2 + <view class="container"> </view>
  3 +</template>
  4 +
  5 +<script>
  6 +export default {
  7 + data() {
  8 + return {
  9 + title: ''
  10 + }
  11 + },
  12 + onLoad() {},
  13 + methods: {}
  14 +}
  15 +</script>
  16 +
  17 +<style lang="scss" scoped></style>
yudao-ui-app/pages/cart/cart.vue
  View file @671b5d3
1 <template> 1 <template>
2 - <view class="container"> </view> 2 + <view class="container">
  3 + <view class="cart-empty">
  4 + <u-empty mode="car" width="500rpx" height="500rpx" icon="/static/images/empty/cart.png"></u-empty>
  5 + </view>
  6 +
  7 + <view class="login-tips-box">
  8 + <view class="login-tips">
  9 + <navigator url="/pages/login/login" open-type="navigate" hover-class="none">
  10 + <text class="login-link">登录</text>
  11 + </navigator>
  12 + <text>查看购物车</text>
  13 + </view>
  14 + </view>
  15 + </view>
3 </template> 16 </template>
4 17
5 <script> 18 <script>
@@ -14,4 +27,21 @@ export default { @@ -14,4 +27,21 @@ export default {
14 } 27 }
15 </script> 28 </script>
16 29
17 -<style lang="scss" scoped></style> 30 +<style lang="scss" scoped>
  31 +.cart-empty {
  32 + padding-top: 100rpx;
  33 +}
  34 +
  35 +.login-tips-box {
  36 + padding-top: 100rpx;
  37 + .login-tips {
  38 + @include flex-center;
  39 + color: #939393;
  40 + font-size: 28rpx;
  41 + letter-spacing: 5rpx;
  42 + }
  43 + .login-link {
  44 + color: $u-primary;
  45 + }
  46 +}
  47 +</style>
yudao-ui-app/pages/category/category.vue
  View file @671b5d3
@@ -5,25 +5,23 @@ @@ -5,25 +5,23 @@
5 </view> 5 </view>
6 <view class="category-box"> 6 <view class="category-box">
7 <view class="box-left"> 7 <view class="box-left">
8 - <u-list @scrolltolower="scrolltolower">  
9 - <u-list-item class="category-item" v-for="(item, index) in categoryList" :key="item.id"> 8 + <view>
  9 + <view class="category-item" v-for="(item, index) in categoryList" :key="item.id">
10 <view class="item-title" :class="{ active: currentIndex === index }" @click="handleCategoryClick(index)"> 10 <view class="item-title" :class="{ active: currentIndex === index }" @click="handleCategoryClick(index)">
11 <text>{{ item.name }}</text> 11 <text>{{ item.name }}</text>
12 </view> 12 </view>
13 - </u-list-item>  
14 - </u-list> 13 + </view>
  14 + </view>
15 </view> 15 </view>
16 <view class="box-right"> 16 <view class="box-right">
17 - <view class="category-image">  
18 - <u--image :showLoading="true" :src="categoryList[currentIndex].image" width="530rpx" height="160rpx" @click="click"></u--image>  
19 - </view> 17 + <image class="category-image" :showLoading="true" :src="categoryList[currentIndex].image" width="530rpx" height="160rpx" @click="click"></image>
20 <view class="sub-category-box" v-for="(item, index) in categoryList[currentIndex].children" :key="item.id"> 18 <view class="sub-category-box" v-for="(item, index) in categoryList[currentIndex].children" :key="item.id">
21 <view class="sub-category-header"> 19 <view class="sub-category-header">
22 <view class="title">{{ item.title }}</view> 20 <view class="title">{{ item.title }}</view>
23 <view class="more">查看更多</view> 21 <view class="more">查看更多</view>
24 </view> 22 </view>
25 <u-grid class="sub-category-grid" col="3"> 23 <u-grid class="sub-category-grid" col="3">
26 - <u-grid-item v-for="(subItem, index) in item.category" :key="subItem.id"> 24 + <u-grid-item v-for="(subItem, subIndex) in item.category" :key="subItem.id">
27 <view class="sub-category-item"> 25 <view class="sub-category-item">
28 <u-icon name="photo" :size="80"></u-icon> 26 <u-icon name="photo" :size="80"></u-icon>
29 <text class="sub-category-title">{{ subItem.title }}</text> 27 <text class="sub-category-title">{{ subItem.title }}</text>
@@ -48,7 +46,7 @@ export default { @@ -48,7 +46,7 @@ export default {
48 for (let i = 0; i < 10; i++) { 46 for (let i = 0; i < 10; i++) {
49 this.categoryList.push({ 47 this.categoryList.push({
50 id: i, 48 id: i,
51 - image: '', 49 + image: 'https://cdn.uviewui.com/uview/swiper/swiper1.png',
52 name: '商品分类' + i, 50 name: '商品分类' + i,
53 children: [ 51 children: [
54 { 52 {
@@ -111,10 +109,6 @@ export default { @@ -111,10 +109,6 @@ export default {
111 </script> 109 </script>
112 110
113 <style lang="scss" scoped> 111 <style lang="scss" scoped>
114 -.container {  
115 - height: calc(100vh - 50px);  
116 - overflow: hidden;  
117 -}  
118 112
119 .search-wrap { 113 .search-wrap {
120 background: $custom-bg-color; 114 background: $custom-bg-color;
@@ -124,7 +118,7 @@ export default { @@ -124,7 +118,7 @@ export default {
124 .category-box { 118 .category-box {
125 display: flex; 119 display: flex;
126 .box-left { 120 .box-left {
127 - width: 180rpx; 121 + width: 200rpx;
128 padding-top: 20rpx; 122 padding-top: 20rpx;
129 border-right: $custom-border-style; 123 border-right: $custom-border-style;
130 .category-item { 124 .category-item {
@@ -132,7 +126,7 @@ export default { @@ -132,7 +126,7 @@ export default {
132 padding: 20rpx 0; 126 padding: 20rpx 0;
133 .item-title { 127 .item-title {
134 padding-left: 30rpx; 128 padding-left: 30rpx;
135 - font-size: 30rpx; 129 + font-size: 28rpx;
136 &.active { 130 &.active {
137 border-left: 6rpx solid $u-primary; 131 border-left: 6rpx solid $u-primary;
138 font-weight: 700; 132 font-weight: 700;
@@ -141,15 +135,17 @@ export default { @@ -141,15 +135,17 @@ export default {
141 } 135 }
142 } 136 }
143 .box-right { 137 .box-right {
144 - width: 570rpx; 138 + flex: 1;
145 .category-image { 139 .category-image {
  140 + width: 510rpx;
  141 + height: 160rpx;
146 padding: 20rpx; 142 padding: 20rpx;
147 } 143 }
148 144
149 .sub-category-box { 145 .sub-category-box {
150 .sub-category-header { 146 .sub-category-header {
151 @include flex-space-between; 147 @include flex-space-between;
152 - padding: 20rpx; 148 + padding: 30rpx 20rpx;
153 149
154 .title { 150 .title {
155 font-size: 28rpx; 151 font-size: 28rpx;
@@ -168,13 +164,6 @@ export default { @@ -168,13 +164,6 @@ export default {
168 @include flex-center(column); 164 @include flex-center(column);
169 background: #fff; 165 background: #fff;
170 166
171 - .sub-category-image {  
172 - border-radius: 10rpx;  
173 - /deep/ * {  
174 - border-radius: 10rpx;  
175 - }  
176 - }  
177 -  
178 .sub-category-title { 167 .sub-category-title {
179 margin: 15rpx 0; 168 margin: 15rpx 0;
180 font-size: 24rpx; 169 font-size: 24rpx;
yudao-ui-app/pages/index/index.vue
  View file @671b5d3
@@ -37,22 +37,20 @@ @@ -37,22 +37,20 @@
37 <text class="bloc-title">每日上新</text> 37 <text class="bloc-title">每日上新</text>
38 <text class="see-more">查看更多</text> 38 <text class="see-more">查看更多</text>
39 </view> 39 </view>
40 - <u-grid class="prod-grid" :border="false" col="3">  
41 - <u-grid-item class="prod-item-box" v-for="(item, index) in productList" :key="item.id">  
42 - <view class="prod-item" @click="handleProdItemClick(item.id)">  
43 - <u--image class="prod-image" width="230rpx" height="230rpx" :src="item.image"></u--image>  
44 - <view class="item-info">  
45 - <view class="info-text">  
46 - <u--text :lines="2" size="14px" color="#333333" :text="item.title"></u--text>  
47 - </view>  
48 - <view class="price-and-cart">  
49 - <custom-text-price color="red" size="12" intSize="18" :price="item.price"></custom-text-price>  
50 - <u-icon name="shopping-cart" color="#2979ff" size="28"></u-icon>  
51 - </view> 40 + <view class="prod-grid">
  41 + <view class="prod-item" v-for="(item, index) in productList" :key="item.id" @click="handleProdItemClick(item.id)">
  42 + <image class="prod-image" :src="item.image"></image>
  43 + <view class="item-info">
  44 + <view class="info-text">
  45 + <u--text :lines="2" size="14px" color="#333333" :text="item.title"></u--text>
  46 + </view>
  47 + <view class="price-and-cart">
  48 + <custom-text-price color="red" size="12" intSize="18" :price="item.price"></custom-text-price>
  49 + <u-icon name="shopping-cart" color="#2979ff" size="28"></u-icon>
52 </view> 50 </view>
53 </view> 51 </view>
54 - </u-grid-item>  
55 - </u-grid> 52 + </view>
  53 + </view>
56 </view> 54 </view>
57 </view> 55 </view>
58 56
@@ -62,23 +60,21 @@ @@ -62,23 +60,21 @@
62 <text class="bloc-title">商品热卖</text> 60 <text class="bloc-title">商品热卖</text>
63 <text class="more">更多 &gt;</text> 61 <text class="more">更多 &gt;</text>
64 </view> 62 </view>
65 - <u-grid class="prod-grid" :border="false" col="2">  
66 - <u-grid-item class="prod-item-box" v-for="(item, index) in productList" :key="item.id">  
67 - <view class="prod-item" @click="handleProdItemClick(item.id)">  
68 - <u--image class="prod-image" width="345rpx" height="345rpx" :src="item.image"></u--image>  
69 - <view class="item-info">  
70 - <view class="info-text">  
71 - <u--text :lines="1" size="14px" color="#333333" :text="item.title"></u--text>  
72 - <u--text :lines="1" size="12px" color="#939393" :text="item.desc"></u--text>  
73 - </view>  
74 - <view class="price-and-cart">  
75 - <custom-text-price color="red" size="12" intSize="18" :price="item.price"></custom-text-price>  
76 - <u-icon name="shopping-cart" color="#2979ff" size="28"></u-icon>  
77 - </view> 63 + <view class="prod-grid half">
  64 + <view class="prod-item" v-for="(item, index) in productList" :key="item.id" @click="handleProdItemClick(item.id)">
  65 + <image class="prod-image" :src="item.image"></image>
  66 + <view class="item-info">
  67 + <view class="info-text">
  68 + <u--text :lines="1" size="14px" color="#333333" :text="item.title"></u--text>
  69 + <u--text :lines="1" size="12px" color="#939393" :text="item.desc"></u--text>
  70 + </view>
  71 + <view class="price-and-cart">
  72 + <custom-text-price color="red" size="12" intSize="18" :price="item.price"></custom-text-price>
  73 + <u-icon name="shopping-cart" color="#2979ff" size="28"></u-icon>
78 </view> 74 </view>
79 </view> 75 </view>
80 - </u-grid-item>  
81 - </u-grid> 76 + </view>
  77 + </view>
82 </view> 78 </view>
83 </view> 79 </view>
84 80
@@ -89,31 +85,26 @@ @@ -89,31 +85,26 @@
89 <text></text> 85 <text></text>
90 </view> 86 </view>
91 87
92 - <u-list class="prod-list" @scrolltolower="scrolltolower">  
93 - <u-list-item v-for="(item, index) in productList" :key="item.id">  
94 - <view class="prod-item" @click="handleProdItemClick(item.id)">  
95 - <u--image class="prod-image" width="210rpx" height="210rpx" :src="item.image"></u--image>  
96 - <view class="item-info">  
97 - <view class="info-text">  
98 - <u--text :lines="1" size="14px" color="#333333" :text="item.title"></u--text>  
99 - <u-gap height="2px"></u-gap>  
100 - <u--text class="info-desc" :lines="2" size="12px" color="#939393" :text="item.desc"></u--text>  
101 - </view>  
102 - <view class="price-and-cart">  
103 - <custom-text-price color="red" size="12" intSize="18" :price="item.price"></custom-text-price>  
104 - <u-icon name="shopping-cart" color="#2979ff" size="28"></u-icon>  
105 - </view> 88 + <view class="prod-list" v-for="(item, index) in productList" :key="item.id">
  89 + <view class="prod-item" @click="handleProdItemClick(item.id)">
  90 + <image class="prod-image" :src="item.image"></image>
  91 + <view class="item-info">
  92 + <view class="info-text">
  93 + <u--text :lines="1" size="14px" color="#333333" :text="item.title"></u--text>
  94 + <u-gap height="2px"></u-gap>
  95 + <u--text class="info-desc" :lines="2" size="12px" color="#939393" :text="item.desc"></u--text>
  96 + </view>
  97 + <view class="price-and-cart">
  98 + <custom-text-price color="red" size="12" intSize="18" :price="item.price"></custom-text-price>
  99 + <u-icon name="shopping-cart" color="#2979ff" size="28"></u-icon>
106 </view> 100 </view>
107 </view> 101 </view>
108 - </u-list-item>  
109 - </u-list> 102 + </view>
  103 + </view>
110 </view> 104 </view>
111 </view> 105 </view>
112 - <u-gap height="5px"></u-gap>  
113 <!--加载更多--> 106 <!--加载更多-->
114 - <u-loadmore fontSize="32rpx" :status="status" :loading-text="loadingText" :loadmore-text="loadmoreText" :nomore-text="nomoreText" />  
115 -  
116 - <u-gap height="10px"></u-gap> 107 + <u-loadmore fontSize="28rpx" :status="status" :loading-text="loadingText" :loadmore-text="loadmoreText" :nomore-text="nomoreText" />
117 </view> 108 </view>
118 </template> 109 </template>
119 110
@@ -201,7 +192,7 @@ export default { @@ -201,7 +192,7 @@ export default {
201 }) 192 })
202 }, 193 },
203 handleSearchClick(e) { 194 handleSearchClick(e) {
204 - console.log('监听点击准备跳转页面') 195 + uni.$u.route('/pages/search/search')
205 }, 196 },
206 handleSwiperClick(index) { 197 handleSwiperClick(index) {
207 console.log('点击了图片索引值：', index) 198 console.log('点击了图片索引值：', index)
@@ -264,7 +255,7 @@ export default { @@ -264,7 +255,7 @@ export default {
264 margin-top: -160px; 255 margin-top: -160px;
265 .bloc-header { 256 .bloc-header {
266 @include flex-space-between; 257 @include flex-space-between;
267 - padding: 10rpx 30rpx; 258 + padding: 10rpx 20rpx;
268 259
269 .bloc-title { 260 .bloc-title {
270 color: $custom-bg-color; 261 color: $custom-bg-color;
@@ -299,25 +290,40 @@ export default { @@ -299,25 +290,40 @@ export default {
299 .prod-grid { 290 .prod-grid {
300 width: 730rpx; 291 width: 730rpx;
301 margin: 0 auto; 292 margin: 0 auto;
302 - .prod-item-box {  
303 - padding: 10rpx; 293 + @include flex;
  294 + flex-wrap: wrap;
  295 + justify-content: left;
  296 +
  297 + &.half {
304 .prod-item { 298 .prod-item {
305 - background: #fff;  
306 - border-radius: 10rpx;  
307 - box-shadow: -1rpx 1rpx 2rpx #afd3f5, 1rpx 1rpx 0rpx #afd3f5;  
308 - justify-content: left;  
309 - /deep/ * {  
310 - border-radius: 10rpx 10rpx 0 0; 299 + width: 346rpx;
  300 + margin: 10rpx;
  301 + .prod-image {
  302 + width: 346rpx;
  303 + height: 346rpx;
  304 + }
  305 + }
  306 + }
  307 +
  308 + .prod-item {
  309 + width: 224rpx;
  310 + margin: 10rpx;
  311 + background: #ffffff;
  312 + border-radius: 10rpx;
  313 + box-shadow: -1rpx 1rpx 2rpx #afd3f5, 1rpx 1rpx 0rpx #afd3f5;
  314 + .prod-image {
  315 + width: 224rpx;
  316 + height: 224rpx;
  317 + border-radius: 10rpx 10rpx 0 0;
  318 + }
  319 + .item-info {
  320 + padding: 15rpx;
  321 + .info-text {
  322 + height: 70rpx;
  323 + padding-bottom: 10rpx;
311 } 324 }
312 - .item-info {  
313 - padding: 15rpx;  
314 - .info-text {  
315 - height: 70rpx;  
316 - padding-bottom: 10rpx;  
317 - }  
318 - .price-and-cart {  
319 - @include flex-space-between;  
320 - } 325 + .price-and-cart {
  326 + @include flex-space-between;
321 } 327 }
322 } 328 }
323 } 329 }
@@ -325,24 +331,21 @@ export default { @@ -325,24 +331,21 @@ export default {
325 } 331 }
326 332
327 .prod-list { 333 .prod-list {
328 - height: auto !important;  
329 334
330 .prod-item { 335 .prod-item {
331 - padding: 20rpx;  
332 - background: #fff; 336 + background: #ffffff;
333 @include flex-space-between; 337 @include flex-space-between;
334 border-bottom: $custom-border-style; 338 border-bottom: $custom-border-style;
335 - 339 + padding: 20rpx;
336 .prod-image { 340 .prod-image {
  341 + width: 200rpx;
  342 + height: 200rpx;
337 border-radius: 10rpx; 343 border-radius: 10rpx;
338 - /deep/ * {  
339 - border-radius: 10rpx;  
340 - }  
341 } 344 }
342 345
343 .item-info { 346 .item-info {
344 - width: 450rpx;  
345 - padding: 20rpx 30rpx 0 30rpx; 347 + flex: 1;
  348 + padding: 20rpx 20rpx 0;
346 .info-text { 349 .info-text {
347 height: 100rpx; 350 height: 100rpx;
348 padding-bottom: 10rpx; 351 padding-bottom: 10rpx;
yudao-ui-app/pages/login/login.vue
  View file @671b5d3
@@ -14,7 +14,7 @@ @@ -14,7 +14,7 @@
14 <u-gap height="40"></u-gap> 14 <u-gap height="40"></u-gap>
15 15
16 <!-- 登录表单 --> 16 <!-- 登录表单 -->
17 - <u--form class="unp-form" labelPosition="left" :model="formData" :rules="rules" ref="form"> 17 + <u--form labelPosition="left" :model="formData" :rules="rules" ref="form">
18 <u-form-item label="手机号" prop="mobile" labelWidth="60" borderBottom ref="item-mobile"> 18 <u-form-item label="手机号" prop="mobile" labelWidth="60" borderBottom ref="item-mobile">
19 <u-input type="number" maxlength="11" v-model="formData.mobile" clearable placeholder="请填写手机号" border="none"></u-input> 19 <u-input type="number" maxlength="11" v-model="formData.mobile" clearable placeholder="请填写手机号" border="none"></u-input>
20 </u-form-item> 20 </u-form-item>
@@ -36,10 +36,12 @@ @@ -36,10 +36,12 @@
36 <u-code ref="uCode" @change="codeChange" seconds="60" @start="codeDisabled = true" @end="codeDisabled = false"></u-code> 36 <u-code ref="uCode" @change="codeChange" seconds="60" @start="codeDisabled = true" @end="codeDisabled = false"></u-code>
37 </u-form-item> 37 </u-form-item>
38 38
39 - <u-button type="primary" text="登录" customStyle="margin-top: 50px" @click="handleSubmit"></u-button> 39 + <view class="btn-group">
  40 + <u-button type="primary" text="登录" customStyle="margin-top: 50px" @click="handleSubmit"></u-button>
40 41
41 - <u-gap height="20"></u-gap>  
42 - <u-button type="info" text="返回" @click="navigateBack()"></u-button> 42 + <u-gap height="20"></u-gap>
  43 + <u-button type="info" text="返回" @click="navigateBack()"></u-button>
  44 + </view>
43 </u--form> 45 </u--form>
44 </view> 46 </view>
45 </view> 47 </view>
@@ -193,11 +195,13 @@ export default { @@ -193,11 +195,13 @@ export default {
193 .mode-section { 195 .mode-section {
194 width: 560rpx; 196 width: 560rpx;
195 } 197 }
196 - .unp-form { 198 + .btn-group {
197 width: 560rpx; 199 width: 560rpx;
198 } 200 }
199 } 201 }
200 202
  203 +
  204 +
201 .lk-group { 205 .lk-group {
202 height: 40rpx; 206 height: 40rpx;
203 margin-top: 40rpx; 207 margin-top: 40rpx;
yudao-ui-app/pages/product/product.vue
  View file @671b5d3
@@ -144,7 +144,7 @@ @@ -144,7 +144,7 @@
144 <view class="evan-type-item" :class="{ active: currentEvanIndex === index }" v-for="(item, index) in evanTypeList" :key="item.id" @click="handleEvanTypeClick(index)"> {{ item.name }}({{ item.count }}) </view> 144 <view class="evan-type-item" :class="{ active: currentEvanIndex === index }" v-for="(item, index) in evanTypeList" :key="item.id" @click="handleEvanTypeClick(index)"> {{ item.name }}({{ item.count }}) </view>
145 </view> 145 </view>
146 <view class="comment-empty" v-if="true"> 146 <view class="comment-empty" v-if="true">
147 - <u-empty mode="comment" icon="/static/images/empty/comment.png"></u-empty> 147 + <u-empty mode="comment" width="350rpx" height="350rpx" icon="/static/images/empty/comment.png"></u-empty>
148 </view> 148 </view>
149 <view v-else class="comment-list" style="min-height: 50px"> </view> 149 <view v-else class="comment-list" style="min-height: 50px"> </view>
150 </view> 150 </view>
@@ -169,7 +169,7 @@ @@ -169,7 +169,7 @@
169 <u-button type="warning" shape="circle" size="small" text="加入购物车"></u-button> 169 <u-button type="warning" shape="circle" size="small" text="加入购物车"></u-button>
170 </view> 170 </view>
171 <view class="btn-item-main"> 171 <view class="btn-item-main">
172 - <u-button type="error" shape="circle" size="small" text="立即购买"></u-button> 172 + <u-button type="error" color="#ea322b" shape="circle" size="small" text="立即购买"></u-button>
173 </view> 173 </view>
174 </view> 174 </view>
175 </view> 175 </view>
@@ -355,23 +355,23 @@ export default { @@ -355,23 +355,23 @@ export default {
355 height: 70rpx; 355 height: 70rpx;
356 .row-left { 356 .row-left {
357 width: 70rpx; 357 width: 70rpx;
358 - font-size: 22rpx; 358 + font-size: 24rpx;
359 color: #939393; 359 color: #939393;
360 } 360 }
361 361
362 .row-right { 362 .row-right {
363 @include flex-space-between; 363 @include flex-space-between;
364 - width: 620rpx; 364 + flex: 1;
365 365
366 .row-content { 366 .row-content {
367 - width: 590rpx; 367 + flex: 1;
368 368
369 .delivery-box { 369 .delivery-box {
370 @include flex-left; 370 @include flex-left;
371 .delivery-item { 371 .delivery-item {
372 margin-right: 20rpx; 372 margin-right: 20rpx;
373 @include flex-left; 373 @include flex-left;
374 - font-size: 14rpx; 374 + font-size: 22rpx;
375 .delivery-name { 375 .delivery-name {
376 margin-left: 5rpx; 376 margin-left: 5rpx;
377 } 377 }
@@ -382,7 +382,7 @@ export default { @@ -382,7 +382,7 @@ export default {
382 @include flex-left; 382 @include flex-left;
383 .prom-item { 383 .prom-item {
384 @include flex-left; 384 @include flex-left;
385 - font-size: 12rpx; 385 + font-size: 22rpx;
386 .prom-title { 386 .prom-title {
387 padding: 1rpx 10rpx; 387 padding: 1rpx 10rpx;
388 border: 1rpx solid red; 388 border: 1rpx solid red;
@@ -402,7 +402,7 @@ export default { @@ -402,7 +402,7 @@ export default {
402 @include flex-left; 402 @include flex-left;
403 .coupon-item { 403 .coupon-item {
404 @include flex-left; 404 @include flex-left;
405 - font-size: 12rpx; 405 + font-size: 22rpx;
406 .coupon-desc { 406 .coupon-desc {
407 padding: 2rpx 15rpx; 407 padding: 2rpx 15rpx;
408 margin-right: 15rpx; 408 margin-right: 15rpx;
@@ -422,7 +422,7 @@ export default { @@ -422,7 +422,7 @@ export default {
422 @include flex-space-between; 422 @include flex-space-between;
423 .sku-item { 423 .sku-item {
424 @include flex-left; 424 @include flex-left;
425 - font-size: 12rpx; 425 + font-size: 22rpx;
426 .sku-desc { 426 .sku-desc {
427 margin-left: 15rpx; 427 margin-left: 15rpx;
428 font-weight: 700; 428 font-weight: 700;
@@ -547,7 +547,7 @@ export default { @@ -547,7 +547,7 @@ export default {
547 border-radius: 8rpx; 547 border-radius: 8rpx;
548 padding: 7rpx 12rpx; 548 padding: 7rpx 12rpx;
549 background: #f3f3f3; 549 background: #f3f3f3;
550 - font-size: 12rpx; 550 + font-size: 22rpx;
551 text-align: center; 551 text-align: center;
552 &.active { 552 &.active {
553 background: #ffffff; 553 background: #ffffff;
@@ -559,6 +559,7 @@ export default { @@ -559,6 +559,7 @@ export default {
559 } 559 }
560 560
561 .comment-empty { 561 .comment-empty {
  562 +
562 } 563 }
563 } 564 }
564 } 565 }
@@ -579,7 +580,7 @@ export default { @@ -579,7 +580,7 @@ export default {
579 width: 80rpx; 580 width: 80rpx;
580 @include flex-center(column); 581 @include flex-center(column);
581 .btn-text { 582 .btn-text {
582 - font-size: 12rpx; 583 + font-size: 18rpx;
583 color: #666666; 584 color: #666666;
584 } 585 }
585 } 586 }
yudao-ui-app/pages/search/search.vue 0 → 100644
  View file @671b5d3
  1 +<template>
  2 + <view class="container">
  3 + 搜索页面
  4 + </view>
  5 +</template>
  6 +
  7 +<script>
  8 +export default {
  9 + data() {
  10 + return {
  11 + title: ''
  12 + }
  13 + },
  14 + onLoad() {},
  15 + methods: {}
  16 +}
  17 +</script>
  18 +
  19 +<style lang="scss" scoped></style>
yudao-ui-app/pages/user/user.vue
  View file @671b5d3
1 <template> 1 <template>
2 <view class="container"> 2 <view class="container">
3 <view class="user-header"> 3 <view class="user-header">
4 - <view class="user-info" @click="handleUserInfoClick"> 4 + <view class="user-info" @click="loginOrJump('/pages/profile/profile')">
5 <u-avatar size="80" :src="avatar"></u-avatar> 5 <u-avatar size="80" :src="avatar"></u-avatar>
6 <text class="nick-name">{{ nickName }}</text> 6 <text class="nick-name">{{ nickName }}</text>
7 </view> 7 </view>
@@ -45,10 +45,13 @@ @@ -45,10 +45,13 @@
45 <u-cell class="fun-item" :border="false" icon="gift" title="分销中心" isLink></u-cell> 45 <u-cell class="fun-item" :border="false" icon="gift" title="分销中心" isLink></u-cell>
46 <u-cell class="fun-item" :border="false" icon="tags" title="领券中心" isLink></u-cell> 46 <u-cell class="fun-item" :border="false" icon="tags" title="领券中心" isLink></u-cell>
47 <u-cell class="fun-item" :border="false" icon="coupon" title="我的优惠券" isLink></u-cell> 47 <u-cell class="fun-item" :border="false" icon="coupon" title="我的优惠券" isLink></u-cell>
48 - <u-cell class="fun-item" :border="false" icon="map" title="收获地址" isLink></u-cell> 48 + <u-cell class="fun-item" :border="false" icon="map" title="收货地址" @click="loginOrJump('/pages/address/list')" isLink></u-cell>
49 </u-cell-group> 49 </u-cell-group>
50 50
51 - <u-button class="logout-btn" type="error" color="#ea322b" text="确定"></u-button> 51 + <view class="logout-btn">
  52 + <u-button type="error" color="#ea322b" text="确定"></u-button>
  53 + </view>
  54 +
52 </view> 55 </view>
53 </template> 56 </template>
54 57
@@ -65,20 +68,20 @@ export default { @@ -65,20 +68,20 @@ export default {
65 { icon: 'integral', title: '已完成' } 68 { icon: 'integral', title: '已完成' }
66 ], 69 ],
67 statList: [ 70 statList: [
68 - { value: '2', title: '我的收藏' },  
69 - { value: '3', title: '我的消息' },  
70 - { value: '3', title: '我的足迹' } 71 + { value: '0', title: '我的收藏' },
  72 + { value: '0', title: '我的消息' },
  73 + { value: '0', title: '我的足迹' }
71 ] 74 ]
72 } 75 }
73 }, 76 },
74 onLoad() {}, 77 onLoad() {},
75 methods: { 78 methods: {
76 - handleUserInfoClick() { 79 + loginOrJump(pageUrl){
77 // TODO 判断是否已经登录逻辑 80 // TODO 判断是否已经登录逻辑
78 if (!uni.getStorageSync('token')) { 81 if (!uni.getStorageSync('token')) {
79 uni.$u.route('/pages/login/login') 82 uni.$u.route('/pages/login/login')
80 } else { 83 } else {
81 - uni.$u.route('/pages/profile/profile') 84 + uni.$u.route(pageUrl)
82 } 85 }
83 } 86 }
84 } 87 }
@@ -145,7 +148,7 @@ export default { @@ -145,7 +148,7 @@ export default {
145 } 148 }
146 149
147 .logout-btn { 150 .logout-btn {
148 - margin-top: 60rpx;  
149 - width: 300rpx; 151 + margin: 60rpx auto 0;
  152 + width: 400rpx;
150 } 153 }
151 </style> 154 </style>
yudao-ui-app/sitemap.json 0 → 100644
  View file @671b5d3
  1 +{
  2 + "desc": "关于本文件的更多信息，请参考文档 https://developers.weixin.qq.com/miniprogram/dev/framework/sitemap.html",
  3 + "rules": [{
  4 + "action": "allow",
  5 + "page": "*"
  6 + }]
  7 +}
0 \ No newline at end of file 8 \ No newline at end of file