/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[2].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[2].use[4]!./src/components/AddressList/index.scss ***! \************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @charset "UTF-8"; .common_safe_area_y { width: 100%; height: constant(safe-area-inset-bottom); /* 兼容 iOS < 11.2 */ height: env(safe-area-inset-bottom); /* 兼容 iOS >= 11.2 */ } .hoverClass { -webkit-filter: brightness(70%); filter: brightness(70%); } .full-100 { width: 100%; height: 100%; } .address-scroll-view { height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } .address-scroll-view scroll-view { height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .address-scroll-view .address-scroll-view-content { padding-bottom: 300rpx; } .address-scroll-view .address-list { width: 704rpx; background: #ffffff; border-radius: 20rpx; -webkit-box-shadow: 2rpx 4rpx 12rpx 0rpx rgba(0, 0, 0, 0.16); box-shadow: 2rpx 4rpx 12rpx 0rpx rgba(0, 0, 0, 0.16); padding: 30rpx; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 18rpx auto 0; border: 1px solid #ffffff; border: 1px solid rgba(0, 0, 0, 0.16); position: relative; } .address-scroll-view .address-active { border: 1px solid #68b4ff; -webkit-box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(0, 122, 255, 0.27); box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(0, 122, 255, 0.27); } .address-scroll-view .address-list:first-child { margin-top: 0; } .address-scroll-view .address-list-last { margin-bottom: 300rpx; } .address-scroll-view .address-user { font-size: 28rpx; font-family: Microsoft YaHei, Microsoft YaHei-Bold; font-weight: 700; text-align: left; color: #000000; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .address-scroll-view .address-list-default { width: 58rpx; height: 28rpx; background: #cde5ff; border-radius: 6rpx; font-size: 20rpx; font-weight: 400; text-align: center; color: #4581ff; margin-left: 30rpx; } .address-scroll-view .address-list-phone { font-size: 24rpx; font-weight: 400; color: #ababab; margin-left: 30rpx; } .address-scroll-view .address-edit { padding: 10rpx; position: absolute; margin: auto; top: 0; right: 20rpx; bottom: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .address-scroll-view .address-edit .icon-bianji { font-size: 40rpx; } .address-scroll-view .address-list-info { font-size: 24rpx; font-weight: 400; color: #3c3c3c; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 80%; } .address-scroll-view .address-list-bottom { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-top: 18rpx; } .address-scroll-view .add-address { width: 668rpx; height: 82rpx; background: #4581ff; border-radius: 40rpx; font-size: 32rpx; font-weight: 400; color: #ffffff; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: absolute; bottom: 100rpx; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .address-scroll-view .address-no-data { font-size: 24rpx; font-weight: 400; text-align: center; color: #707070; height: 100%; padding-top: 40%; -webkit-box-sizing: border-box; box-sizing: border-box; }