123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179 |
- page{
- height: 100%;
- }
- .container{
- height: 100%;
- padding-bottom: calc(env(safe-area-inset-bottom) / 2 + 100rpx);
- }
- /*screen*/
- .tui-header-screen {
- width: 100%;
- box-sizing: border-box;
- background: #fff;
- position: fixed;
- z-index: 1000;
- }
- .tui-search-model {
- width: 100%;
- position: absolute;
- background: #fff;
- border-bottom-left-radius: 24rpx;
- border-bottom-right-radius: 24rpx;
- overflow: hidden;
- box-sizing: border-box;
- padding-top: 10rpx;
- padding-bottom: 26rpx;
- left: 0;
- top: 88rpx;
- visibility: hidden;
- transition: all 0.2s ease-in-out;
- z-index: 999;
- }
- .tui-search-model-show {
- visibility: visible;
- }
- .tui-search-model-mask {
- position: fixed;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- background: rgba(0, 0, 0, 0.6);
- z-index: -1;
- transition: all 0.2s ease-in-out;
- opacity: 0;
- visibility: hidden;
- }
- .tui-mask-show {
- opacity: 1;
- visibility: visible;
- }
- .tui-search-model-item {
- color: #333;
- font-size: 28rpx;
- box-sizing: border-box;
- align-items: center;
- justify-content: space-between;
- }
- .tui-attr-btnbox {
- width: 100%;
- box-sizing: border-box;
- padding: 0 30rpx;
- background: #fff;
- }
- .tui-attr-safearea {
- height: 100rpx;
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
- .tui-safearea-bottom {
- width: 100%;
- }
- .tui-attr-btnbox::before {
- content: '';
- position: absolute;
- top: 0;
- right: 0;
- left: 0;
- border-top: 1rpx solid #eaeef1;
- -webkit-transform: scaleY(0.5);
- transform: scaleY(0.5);
- }
- .tui-drawer-btn {
- width: 47%;
- text-align: center;
- height: 60rpx;
- border-radius: 30rpx;
- flex-shrink: 0;
- display: flex;
- align-items: center;
- justify-content: center;
- box-sizing: border-box;
- }
- .tui-drawerbtn-black {
- border: 1rpx solid #555;
- }
- .tui-drawerbtn-primary {
- background: #e41f19;
- color: #fff;
- }
- .tui-line-cell {
- width: 100%;
- box-sizing: border-box;
- display: flex;
- align-items: center;
- }
- .tui-title {
- font-size: 24rpx;
- line-height: 24rpx;
- flex-shrink: 0;
- }
- .tui-input {
- font-size: 24rpx;
- color: #333;
- padding-left: 20rpx;
- flex: 1;
- }
- .phcolor{
- font-size: 24rpx;
- }
-
- .tui-top-item {
- height: 28rpx;
- line-height: 28rpx;
- flex: 1;
- display: flex;
- align-items: center;
- justify-content: center;
- margin-left: 16rpx;
- }
- /**list**/
- .store-grid{
- margin-top: 200rpx;
- }
- .store-list-row{
- display: flex;
- align-items: center;
- position: relative;
- }
- .store-list-row .store-name{
- font-weight: 600;
- }
- .store-list-row .store-mobile{
- font-size:24rpx;
- color:#999;
- }
- .store-list-row .store-img{
- float:right;
- flex-direction: column;
- align-items: center;
- height:100rpx;
- width:100rpx;
- }
- .store-list-row .store-img image{
- height:100rpx;
- width:100rpx;
- }
|