46 lines
5.0 KiB
Plaintext
46 lines
5.0 KiB
Plaintext
.page.onlysort { padding-top: 80rpx; }
|
|
.fui-header { background: #fff; z-index: 9999; display: -webkit-flex; display: flex; padding: 0 15px; }
|
|
.fui-header .searchbar { -webkit-flex: 1; flex: 1; background: #efefef; border-radius: 15px; margin-right: 15rpx; display: -webkit-flex; display: flex; overflow: hidden; -webkit-align-items: center; align-items: center; }
|
|
.fui-header .searchbar wx-icon { height: 36rpx; margin: 0 10rpx; vertical-align: middle; }
|
|
.fui-header .searchbar wx-input { border-radius: 8rpx; padding-right: 10rpx; width: 100%; font-size: 30rpx; background: transparent; color: #444; height: 60rpx; line-height: 60rpx; border: none; }
|
|
.fui-header .icon { padding-right: 4rpx; }
|
|
.fui-header .cancel { font-size: 30rpx; color: #666; }
|
|
.sort { position: fixed; width: 100%; top: 88rpx; padding: 0.6rem 0; background: #fff; -webkit-align-items: center; align-items: center; display: -webkit-flex; display: flex; z-index: 9999; }
|
|
.page.onlysort .sort { top: 0; }
|
|
.sort:after { content: " "; position: absolute; bottom: 0; left: 0; right: 0; border-bottom: 1px solid #e7e7e7; }
|
|
.sort .item { -webkit-flex: 1; flex: 1; position: relative; text-align: center; font-size: 28rpx; border-left: 1px solid #e7e7e7; color: #666; vertical-align: middle; }
|
|
.sort .item:first-child { border: 0; }
|
|
.sort .item.on .text { color: #fd5454; }
|
|
.sort .item wx-image { vertical-align: middle; height: 36rpx; width: 36rpx; }
|
|
.sort .item .sorting { width: 8rpx; height: 8rpx; position: relative; }
|
|
.sort .item .sorting .icon { font-size: 11px; position: absolute; -webkit-transform: scale(0.6); transform: scale(0.6); }
|
|
.sort .item-price .sorting .icon-sanjiao1 { top: 6rpx; left: 0; }
|
|
.sort .item-price .sorting .icon-sanjiao2 { top: -6rpx; left: 0; }
|
|
.sort .item-price.desc .sorting .icon-sanjiao1 { color: #ef4f4f; }
|
|
.sort .item-price.asc .sorting .icon-sanjiao2 { color: #ef4f4f; }
|
|
.screen { background: #fff; width: 100%; position: fixed; top: 150rpx; left: 0; z-index: 9998; opacity: 0; transition-property: height, opacity, -webkit-transform; transition-property: height, opacity, transform; transition-property: height, opacity, transform, -webkit-transform; transition-duration: 300ms; -webkit-transform: translate3d(0px, -100%, 0px) scaleY(0); transform: translate3d(0px, -100%, 0px) scaleY(0); }
|
|
.page.onlysort .screen { top: 65rpx; }
|
|
.screen.in { transition-duration: 0.3s; opacity: 1; height: auto; -webkit-transform: translate3d(0px, 0px, 0px) scaleY(1); transform: translate3d(0px, 0px, 0px) scaleY(1); }
|
|
.screen:after { content: " "; position: absolute; height: 0; bottom: 0; left: 0; right: 0; border-bottom: 2rpx solid #e7e7e7; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }
|
|
.screen .attribute { height: auto; overflow: hidden; padding-bottom: 12rpx; }
|
|
.screen .attribute .item { width: 33.33%; height: auto; display: block; padding: 0; margin: 0; float: left; }
|
|
.screen .attribute .item .btn { padding: 0; height: 56rpx; line-height: 56rpx; margin-bottom: 0; border: 0.5px solid #999; color: #999; font-size: 26rpx; }
|
|
.screen .attribute .item .btn-danger-o { color: #fd5454; border: 0.5px solid #fd5454; }
|
|
.screen .attribute .item .btn .icon { display: none; }
|
|
.screen .btns { height: auto; padding: 20rpx; position: relative; overflow: hidden; margin-top: 0rpx; font-size: 32rpx; }
|
|
.screen .btns:before { height: 0; content: " "; position: absolute; top: 0; left: 12rpx; right: 12rpx; border-top: 2rpx solid #eee; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }
|
|
.screen .btns wx-div { display: inline-block; width: auto; font-size: 32rpx; line-height: 52rpx; color: #999; padding: 0 12rpx; }
|
|
.screen .btns .cancel { float: left; color: #666; }
|
|
.screen .btns .confirm { float: right; color: #fd5454; }
|
|
.screen .title { padding: 0 12rpx; line-height: 60rpx; font-size: 28rpx; color: #999; position: relative; text-align: center; }
|
|
.screen .title wx-span { float: right; padding-right: 12rpx; }
|
|
.screen .title:before { height: 0; content: " "; position: absolute; top: 0; left: 12rpx; right: 12rpx; border-top: 1px solid #eee; }
|
|
.screen .cate { height: 480rpx; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 12rpx 0; padding: 0 12rpx; }
|
|
.screen .cate:before { height: 0; content: " "; position: absolute; top: -12rpx; left: 12rpx; right: 12rpx; border-top: 1px solid #eee; }
|
|
.screen .cate .item { width: 100%; height: inherit; overflow-y: auto; position: relative; -webkit-overflow-scrolling: touch; }
|
|
.screen .cate .item:before { width: 0; height: 100%; content: " "; position: absolute; top: 0; left: 0; border-left: 1px solid #eee; }
|
|
.screen .cate .item:first-child:before { border: 0; }
|
|
.screen .cate .item wx-nav { height: 60rpx; line-height: 60rpx; font-size: 28rpx; text-align: center; color: #666; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 0 8rpx; display: block; }
|
|
.screen .cate .item wx-nav.on { background: #f9f9f9; }
|
|
.cartlist .btn{ border: solid 1px #fd2d2d; color: #fd2d2d; margin-right: 0px; }
|