/* Pages/yishi/medince_list/index.wxss */ page{ height:100vh; background-color: #F6F6F6; } .page{ height:100vh; display: flex; flex-direction: column; } .container{ /* height:calc(100vh - 135rpx); */ display: flex; overflow: hidden; /* overflow-y: scroll; */ /* -webkit-overflow-scrolling: touch; */ flex-direction: column; } .searchCon{ width:100%; background:#fff; } .searchbox{ display: flex; margin:32rpx; align-items: center; height: 80rpx; background: #FFFFFF; border-radius: 40rpx; border: 2rpx solid #3CC7C0; } .searchIpt{ flex:1; margin-left: 32px; } .searchImg{ width: 40rpx; height:40rpx; padding:30rpx; } .tips{ display: flex; flex-direction: column; justify-content: center; position: absolute; width: 200rpx; height:200rpx; font-size: 22rpx; font-weight: 400; color: #666666; } .desc{ text-align: center; } .medimgbox{ position: relative; width: 200rpx; height:200rpx; margin-left: 30rpx; display: flex; justify-content: center; align-items: center; border-radius:5rpx; } .medImg{ width:120rpx; height:128rpx; } .cell{ padding:20rpx 0; background: #FFFFFF; box-shadow: 0rpx 2rpx 16rpx 2rpx rgba(0,0,0,0.02); border-radius: 12rpx; margin:0 32rpx 20rpx; display: flex; } .rightbox{ flex:1; margin-left: 24rpx; margin-right: 20rpx; } .scrollbox{ margin-top: 20rpx; flex:1; overflow-y: scroll; -webkit-overflow-scrolling: touch; } .bottombox{ display: flex; align-items: center; justify-content: space-between; } .info .name{ word-break: break-all; font-size: 32rpx; font-weight: 600; color: rgba(0,0,0,0.85); } .company{ margin-top: 5rpx; font-size: 26rpx; font-weight: 400; color: rgba(0,0,0,0.45); } .price{ font-size: 28rpx; color: #EF4F20; } .rightbox{ display: flex; flex-direction: column; justify-content: space-between; } .num{ font-size: 28rpx; font-weight: 400; color: rgba(0,0,0,0.65); }