123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129 |
- @charset "UTF-8";
- /* 水平间距 */
- /* 水平间距 */
- view.data-v-0cdc6c50 {
- box-sizing: border-box;
- }
- .container.data-v-0cdc6c50 {
- min-height: 100vh;
- background: #F7F8FB;
- }
- .data-v-0cdc6c50::-webkit-scrollbar {
- display: none;
- }
- .box.data-v-0cdc6c50 {
- padding: 24rpx 30rpx;
- padding-bottom: 100px;
- }
- .box .itemBox.data-v-0cdc6c50 {
- display: flex;
- white-space: nowrap;
- flex-wrap: nowrap;
- overflow-x: scroll;
- height: 188rpx;
- margin-bottom: 12rpx;
- }
- .box .itemBox .delBtn.data-v-0cdc6c50 {
- flex-shrink: 0;
- display: flex;
- align-items: center;
- justify-content: center;
- width: 150rpx;
- height: 188rpx;
- color: white;
- background: red;
- border-radius: 0 20rpx 20rpx 0;
- }
- .box .item.data-v-0cdc6c50 {
- flex-shrink: 0;
- width: 100%;
- height: 188rpx;
- border-radius: 20rpx;
- padding: 32rpx 24rpx;
- background-size: 100% 100%;
- background-repeat: no-repeat;
- }
- .box .item .top .currLabel.data-v-0cdc6c50 {
- display: flex;
- align-items: center;
- }
- .box .item .top .currLabel .icon.data-v-0cdc6c50 {
- width: 36rpx;
- height: 36rpx;
- margin-right: 24rpx;
- }
- .box .item .top .currLabel .name.data-v-0cdc6c50 {
- margin-right: 32rpx;
- font-size: 30rpx;
- font-family: PingFang-SC, PingFang-SC;
- font-weight: 800;
- color: #080F18;
- }
- .box .item .top .currLabel .phone.data-v-0cdc6c50 {
- font-size: 30rpx;
- font-family: PingFang-SC, PingFang-SC;
- font-weight: 800;
- color: #080F18;
- }
- .box .item .bot.data-v-0cdc6c50 {
- display: flex;
- justify-content: space-between;
- width: 100%;
- margin-top: 20rpx;
- }
- .box .item .bot .left.data-v-0cdc6c50 {
- font-size: 26rpx;
- font-family: PingFang-SC, PingFang-SC;
- font-weight: 500;
- color: #080F18;
- line-height: 36rpx;
- }
- .box .item .bot .bianjiBox.data-v-0cdc6c50 {
- width: 100rpx;
- display: flex;
- justify-content: center;
- align-items: center;
- }
- .box .item .bot .bianjiBox .bianji.data-v-0cdc6c50 {
- margin-top: 8rpx;
- width: 26rpx;
- height: 26rpx;
- }
- .box .addBtn.data-v-0cdc6c50 {
- height: 50px;
- background: #eee;
- border-radius: 5px;
- display: flex;
- justify-content: center;
- align-items: center;
- position: fixed;
- width: calc(100% - 20px);
- bottom: 50px;
- }
- .btnBox.data-v-0cdc6c50 {
- height: 176rpx;
- background: #FFFFFF;
- box-shadow: 0rpx -2rpx 20rpx 0rpx rgba(0, 0, 0, 0.05);
- border-radius: 32rpx 32rpx 0rpx 0rpx;
- position: fixed;
- bottom: 0;
- width: 100%;
- padding-left: 30rpx;
- padding-right: 30rpx;
- padding-top: 32rpx;
- z-index: 9999999999999999999999999999999;
- }
- .btnBox .btn.data-v-0cdc6c50 {
- height: 96rpx;
- background: linear-gradient(132deg, #0298FF 0%, #017AFF 100%);
- box-shadow: 0rpx 4rpx 8rpx 0rpx rgba(0, 122, 255, 0.2);
- border-radius: 54rpx;
- display: flex;
- justify-content: center;
- align-items: center;
- font-size: 32rpx;
- font-family: SourceHanSansCN, SourceHanSansCN;
- font-weight: bold;
- color: #FFFFFF;
- }
|