Commit 671e07221d0de7bf86bc93248e732355cedc9714
Merge branch 'dev' of http://git.vipzhuang.cn/wxd/MShopWeApp into dev
Showing
3 changed files
with
63 additions
and
47 deletions
pages/goods/categoryList/categoryList.wxml
| ... | ... | @@ -122,9 +122,9 @@ |
| 122 | 122 | |
| 123 | 123 | |
| 124 | 124 | <!-- 分类项目内容 22 --> |
| 125 | - <view class="flex project_height" style="margin-left:-10rpx;margin-bottom:120rpx; height: auto;" id="two_type"> | |
| 125 | + <view class="flex project_height" style="height:100%;box-sizing:border-box;padding-bottom:100rpx;" id="two_type"> | |
| 126 | 126 | <!-- 分类项目的类型 --> |
| 127 | - <view class="project_type" style="background-color:#eee;height:88%;overflow-y:auto;position:fixed;left:0;z-index:99;top:126rpx;"> | |
| 127 | + <view class="project_type" style="background-color:#eee;<!-- height:88%; -->overflow-y:auto;position:fixed;left:0;z-index:99;top:120rpx;"> | |
| 128 | 128 | <view class="project_type-frame" style="margin-bottom:120rpx;"> |
| 129 | 129 | <view wx:if="{{is_show_gb}}" class="{{status_show == 1?'':''}}"> |
| 130 | 130 | <!-- <view style="{{status_show == 1?'position: absolute;height: 52rpx;width: 6rpx;background-color: red;left: 0; margin-top: 24rpx;':''}}"></view> --> |
| ... | ... | @@ -159,7 +159,7 @@ |
| 159 | 159 | |
| 160 | 160 | </view> |
| 161 | 161 | <!-- 分类项目的内容 --> |
| 162 | - <view class="classify_content" style="margin-left:27%;margin-top:130rpx"> | |
| 162 | + <view class="classify_content" style="padding-left:196rpx;"> | |
| 163 | 163 | <!-- 国家的样式 --> |
| 164 | 164 | <block wx:if="{{select_classify_on==223&&is_show_gb}}"> |
| 165 | 165 | <view class="classify_name fs28 flex-space-between"> |
| ... | ... | @@ -209,7 +209,7 @@ |
| 209 | 209 | <!-- 品类--> |
| 210 | 210 | <block wx:if="{{is_show_pl}}"> |
| 211 | 211 | <block wx:if="{{select_classify_on!=220&&select_classify_on!=223&&is_level_three!=1}}"> |
| 212 | - <view> | |
| 212 | + <view class="my-container"> | |
| 213 | 213 | <view class="classify_name fs28 flex-space-between"data-pid="0"data-cid="{{cat_id}}" bindtap='select_more'> |
| 214 | 214 | <view class="classify_title ellipsis-1">{{classify_name}}</view> |
| 215 | 215 | <view class="flex select_more" > |
| ... | ... | @@ -220,7 +220,7 @@ |
| 220 | 220 | <!-- 显示2级列表 --> |
| 221 | 221 | <view class="classify_content-frame flex-wrap"> |
| 222 | 222 | <block wx:if="{{goodslist && goodslist.length>0}}"> |
| 223 | - <block wx:for="{{goodslist}}" wx:for-item="goods"wx:for-index="indx"> | |
| 223 | + <block wx:for="{{goodslist}}" wx:for-item="goods" wx:for-index="indx"> | |
| 224 | 224 | <view class="type_img_frame t-c ib" data-cid="{{goods.items.id}}" data-pid="{{goods.items.parent_id}}" bindtap="go_cate"> |
| 225 | 225 | <image class=" type_img" src="{{goods.items.icoimg==null||goods.items.icoimg==''?iurl+'/miniapp/images/no_cate_def.png':goods.items.icoimg}}"binderror="goods_bnerr" data-err="goodslist[{{index}}].logo"></image> |
| 226 | 226 | <view class="brand_img_name fs24 ellipsis-1">{{goods.items.name}}</view> |
| ... | ... | @@ -297,7 +297,7 @@ |
| 297 | 297 | <!-- 分类项目内容 --> |
| 298 | 298 | <view class="flex project_height" style="margin-left:-10rpx;"> |
| 299 | 299 | <!-- 分类项目的类型 --> |
| 300 | - <view class="project_type" style="background-color:#eee;height:88%;overflow-y:auto;position:fixed;left:0;z-index:99;top:126rpx;" id="thress_type3"> | |
| 300 | + <view class="project_type" style="background-color:#eee;height:88%;overflow-y:auto;position:fixed;left:0;z-index:99;top:120rpx;" id="thress_type3"> | |
| 301 | 301 | <view class="project_type-frame" style="margin-bottom:120rpx;"> |
| 302 | 302 | <view wx:if="{{is_show_gb}}"> |
| 303 | 303 | <view bindtap="click_classify" class="tab-bar-item {{select_classify_on==223 ? 'active' : ''}}" data-current="223" data-index="223" data-name="国家" wx:if="{{is_country}}"> |
| ... | ... | @@ -345,7 +345,7 @@ |
| 345 | 345 | </view> |
| 346 | 346 | </view> |
| 347 | 347 | <!-- 分类项目的内容 --> |
| 348 | - <view class="classify_content" style="margin-left:27%;margin-top:130rpx"> | |
| 348 | + <view class="classify_content" style="margin-left:27%;margin-top:120rpx"> | |
| 349 | 349 | <!-- 国家的样式 --> |
| 350 | 350 | <block wx:if="{{select_classify_on==223&&is_show_gb}}"> |
| 351 | 351 | <view class="classify_name fs28 flex-space-between"> | ... | ... |
pages/goods/categoryList/categoryList.wxss
| 1 | 1 | /*---nyf 2018-9-7---*/ |
| 2 | 2 | |
| 3 | -page{height: 100%; background: #fff;} | |
| 3 | +page{height: 100%; background: #fff;padding-top:120rpx;box-sizing: border-box;} | |
| 4 | 4 | .top_view{ width: 100%;background: #fff;} |
| 5 | 5 | |
| 6 | 6 | .swiper-tab{ |
| ... | ... | @@ -103,7 +103,7 @@ line-height: 50rpx; |
| 103 | 103 | |
| 104 | 104 | /*--国家--*/ |
| 105 | 105 | .nation_box{ position: absolute;width: 260rpx; height: 160rpx; background-size: 100% 100%; background-repeat: no-repeat; |
| 106 | - top:110rpx;left: 50%; margin-left: -130rpx;z-index: 8; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAN8AAACACAYAAACLIbwOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkVDREM1NjhCMDU3MTFFNjg3NEZDNzlCNDg1N0FGRjUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkVDREM1NjlCMDU3MTFFNjg3NEZDNzlCNDg1N0FGRjUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyRUNEQzU2NkIwNTcxMUU2ODc0RkM3OUI0ODU3QUZGNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyRUNEQzU2N0IwNTcxMUU2ODc0RkM3OUI0ODU3QUZGNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlO56qEAAAFJSURBVHja7NfRCYAgFIbRDMd0Doe4a9ietxWUIjDOeZYefvhIS2aOA/jcaQIQH4gPEB+IDxAfiA8QH2ynzhyKiGYqWNN7vx7HN/MhYO2H5doJ3nwgPkB8ID5AfCA+QHwgPkB8ID5AfCA+EJ8JQHwgPkB8ID5AfCA+QHwgPkB8ID5AfCA+EB8gPhAfID4QHyA+EB8gPhAfID4QHyA+EB+IDxAfiA8QH4gPEB+IDxAfiA8QH4gPEB+ID8QHiA/EB4gPxAeID8QHiA/EB4gPxAeID8QH4gPEB+IDxAfiA8QH4gPEB+IDxAfiA8QH4gPxAeID8QHiA/EB4gPxAeID8QHiA/EB4gPxgfgA8YH4APGB+ADxgfgA8YH4APGB+ADxgfhAfID4QHyA+OB/6uzBiGjmgveUzBxmANdOEB8gPhAfID4QHyA+2MotwAD/ZBI/EDK5cgAAAABJRU5ErkJggg==");} | |
| 106 | + top:110rpx;left: 50%; /* margin-left: -130rpx; */z-index: 8; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAN8AAACACAYAAACLIbwOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkVDREM1NjhCMDU3MTFFNjg3NEZDNzlCNDg1N0FGRjUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkVDREM1NjlCMDU3MTFFNjg3NEZDNzlCNDg1N0FGRjUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyRUNEQzU2NkIwNTcxMUU2ODc0RkM3OUI0ODU3QUZGNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyRUNEQzU2N0IwNTcxMUU2ODc0RkM3OUI0ODU3QUZGNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlO56qEAAAFJSURBVHja7NfRCYAgFIbRDMd0Doe4a9ietxWUIjDOeZYefvhIS2aOA/jcaQIQH4gPEB+IDxAfiA8QH2ynzhyKiGYqWNN7vx7HN/MhYO2H5doJ3nwgPkB8ID5AfCA+QHwgPkB8ID5AfCA+EJ8JQHwgPkB8ID5AfCA+QHwgPkB8ID5AfCA+EB8gPhAfID4QHyA+EB8gPhAfID4QHyA+EB+IDxAfiA8QH4gPEB+IDxAfiA8QH4gPEB+ID8QHiA/EB4gPxAeID8QHiA/EB4gPxAeID8QH4gPEB+IDxAfiA8QH4gPEB+IDxAfiA8QH4gPxAeID8QHiA/EB4gPxAeID8QHiA/EB4gPxgfgA8YH4APGB+ADxgfgA8YH4APGB+ADxgfhAfID4QHyA+OB/6uzBiGjmgveUzBxmANdOEB8gPhAfID4QHyA+2MotwAD/ZBI/EDK5cgAAAABJRU5ErkJggg==");} | |
| 107 | 107 | |
| 108 | 108 | .n_img{width: 100%; height: 375rpx;} |
| 109 | 109 | .nt_1{height:82rpx; line-height: 100rpx;} |
| ... | ... | @@ -177,7 +177,7 @@ line-height: 50rpx; |
| 177 | 177 | height: 120rpx; |
| 178 | 178 | z-index: 10; |
| 179 | 179 | background: #fff; |
| 180 | - border-top: 4rpx solid #eee; | |
| 180 | + /* border-top: 4rpx solid #eee; */ | |
| 181 | 181 | border-bottom: 1rpx solid #eee; |
| 182 | 182 | |
| 183 | 183 | } |
| ... | ... | @@ -212,13 +212,14 @@ margin-top: 8rpx; |
| 212 | 212 | |
| 213 | 213 | } |
| 214 | 214 | .project_type{ |
| 215 | + box-sizing: border-box; | |
| 215 | 216 | width: 26%; |
| 216 | 217 | height: 100%; |
| 218 | + padding-bottom: 100rpx; | |
| 217 | 219 | border-right: 1rpx solid #eee; |
| 218 | 220 | white-space: nowrap; |
| 219 | -overflow: hidden; | |
| 220 | -overflow-y: scroll; | |
| 221 | - | |
| 221 | + overflow: hidden; | |
| 222 | + overflow-y: scroll; | |
| 222 | 223 | } |
| 223 | 224 | .share_type{ |
| 224 | 225 | margin: auto; |
| ... | ... | @@ -301,20 +302,16 @@ width: 60%; |
| 301 | 302 | |
| 302 | 303 | } |
| 303 | 304 | .classify_content{ |
| 304 | - width: 72% | |
| 305 | + width: 100% | |
| 305 | 306 | |
| 306 | 307 | } |
| 307 | - .classify_content-frame{ | |
| 308 | - width: 90%; | |
| 309 | - margin: auto; | |
| 310 | - flex-wrap:wrap; | |
| 311 | - max-height: 90%; | |
| 312 | - overflow-y:scroll; | |
| 313 | - overflow: hidden scroll; | |
| 314 | - padding-bottom: 65rpx; | |
| 315 | - | |
| 316 | - | |
| 317 | - } | |
| 308 | + .classify_content-frame{ | |
| 309 | + box-sizing: border-box; | |
| 310 | + width: 100%; | |
| 311 | + padding: 0 20rpx; | |
| 312 | + flex-wrap:wrap; | |
| 313 | + overflow-y:scroll; | |
| 314 | + } | |
| 318 | 315 | .country_img-frame{ |
| 319 | 316 | width: 48%; |
| 320 | 317 | height: 140rpx; |
| ... | ... | @@ -331,12 +328,12 @@ width: 60%; |
| 331 | 328 | |
| 332 | 329 | } |
| 333 | 330 | .nation_box.box{ |
| 334 | - top: 16%; | |
| 335 | -width:80%; | |
| 336 | -height:70%; | |
| 337 | -left: 70.5%; | |
| 338 | -overflow: hidden; | |
| 339 | - | |
| 331 | + width:80%; | |
| 332 | + height:70%; | |
| 333 | + top: 50%; | |
| 334 | + left: 50%; | |
| 335 | + overflow: hidden; | |
| 336 | + transform: translate(-50%, -50%); | |
| 340 | 337 | } |
| 341 | 338 | .nt_1.line-height{ |
| 342 | 339 | line-height: 65rpx; |
| ... | ... | @@ -363,10 +360,10 @@ line-height: 65rpx; |
| 363 | 360 | font-size: 24rpx; |
| 364 | 361 | } |
| 365 | 362 | .brand_img_frame{ |
| 366 | - width: 45%; | |
| 363 | + width: 50%; | |
| 367 | 364 | margin-top: 18rpx; |
| 368 | - margin-right: 15rpx; | |
| 369 | - height: 160rpx; | |
| 365 | + /* margin-right: 15rpx; */ | |
| 366 | + height: 160rpx; | |
| 370 | 367 | } |
| 371 | 368 | .brand_img{ |
| 372 | 369 | width:220rpx; |
| ... | ... | @@ -375,13 +372,12 @@ line-height: 65rpx; |
| 375 | 372 | margin-top: 10rpx; |
| 376 | 373 | |
| 377 | 374 | } |
| 378 | - .type_img_frame{ | |
| 379 | - width: 30%; | |
| 375 | + .type_img_frame { | |
| 376 | + width: calc(100% / 3); | |
| 380 | 377 | height: 140rpx; |
| 381 | - margin-top: 18rpx; | |
| 382 | - margin-right: 15rpx; | |
| 383 | - | |
| 384 | - | |
| 378 | + margin-top: 20rpx; | |
| 379 | + margin-bottom: 20rpx; | |
| 380 | + /* margin-right: 15rpx; */ | |
| 385 | 381 | } |
| 386 | 382 | |
| 387 | 383 | |
| ... | ... | @@ -504,7 +500,8 @@ margin: auto; |
| 504 | 500 | border-left: 8rpx solid #E41F19; |
| 505 | 501 | height: 50rpx; |
| 506 | 502 | left: 0; |
| 507 | - top:26rpx; | |
| 503 | + top:50%; | |
| 504 | + transform: translateY(-50%); | |
| 508 | 505 | } |
| 509 | 506 | |
| 510 | 507 | |
| ... | ... | @@ -517,11 +514,29 @@ margin: auto; |
| 517 | 514 | height: 110rpx; |
| 518 | 515 | |
| 519 | 516 | } |
| 517 | + | |
| 518 | + | |
| 519 | + .classify_content > view:last-of-type .classify_content-frame { | |
| 520 | + padding-bottom: 100rpx; | |
| 521 | + } | |
| 522 | + | |
| 523 | + .classify_content > view:only-child .classify_content-frame { | |
| 524 | + padding-bottom: 0; | |
| 525 | + } | |
| 526 | + | |
| 527 | + .classify_content > .classify_content-frame { | |
| 528 | + padding-bottom: 118rpx; | |
| 529 | + } | |
| 530 | + | |
| 520 | 531 | |
| 521 | 532 | page { |
| 522 | - overflow-x: hidden; | |
| 523 | - padding-bottom: 40rpx; | |
| 533 | + /* overflow-x: hidden; */ | |
| 534 | + /* padding-bottom: 40rpx; */ | |
| 524 | 535 | } |
| 536 | + | |
| 537 | + /* .my-container { | |
| 538 | + padding-bottom: 118rpx; | |
| 539 | + } */ | |
| 525 | 540 | |
| 526 | 541 | /* 风格三商品列表样式引入 */ |
| 527 | 542 | @import "../goodsList/goodsList.wxss"; |
| 528 | 543 | \ No newline at end of file | ... | ... |
pages/index/index/index.wxml
| ... | ... | @@ -392,10 +392,7 @@ |
| 392 | 392 | <!--商品分组--> |
| 393 | 393 | <block wx:if="{{item.ename=='goodsGroup'}}"> |
| 394 | 394 | <goodsGroup object="{{item.content}}"></goodsGroup> |
| 395 | - <!-- 技术支持 --> | |
| 396 | - <view class="logo-container t-c"> | |
| 397 | - <view class="flex ai_c fs24 jc-center pdv20 white"><image src="{{url + 'miniapp/images/luckDraw/logo.png?v=3'}}" class="logo" lazy-load></image>提供技术支持</view> | |
| 398 | - </view> | |
| 395 | + | |
| 399 | 396 | </block> |
| 400 | 397 | <!--通知--> |
| 401 | 398 | <block wx:if="{{item.ename=='notice'}}"> |
| ... | ... | @@ -449,6 +446,10 @@ |
| 449 | 446 | |
| 450 | 447 | |
| 451 | 448 | </block> |
| 449 | + <!-- 技术支持 --> | |
| 450 | + <view class="logo-container t-c"> | |
| 451 | + <view class="flex ai_c fs24 jc-center pdv20 white"><image src="{{url + 'miniapp/images/luckDraw/logo.png?v=3'}}" class="logo" lazy-load></image>提供技术支持</view> | |
| 452 | + </view> | |
| 452 | 453 | </view> |
| 453 | 454 | |
| 454 | 455 | </block> | ... | ... |