Changeset View
Changeset View
Standalone View
Standalone View
src/pages/businessManagement/comApplyList.scss
- This file was added.
.content-wrapper { | |||||
margin-top:268px; | |||||
box-sizing: border-box; | |||||
width: 100%; | |||||
position: fixed; | |||||
top: 0px; | |||||
bottom: 0px; | |||||
.order-item-wrapper { | |||||
background: #ffffff; | |||||
box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.08); | |||||
border-radius: 12px; | |||||
margin:0px 40px 40px 40px; | |||||
padding: 34px 30px; | |||||
margin-bottom: 40px; | |||||
.title-wrapper { | |||||
width: 100%; | |||||
display: flex; | |||||
justify-content: space-between; | |||||
align-items: center; | |||||
margin-bottom: 10px; | |||||
.name { | |||||
font-size: 30px; | |||||
color: #333333; | |||||
font-weight: bold; | |||||
} | |||||
.date { | |||||
font-size: 24px; | |||||
color: #666666; | |||||
} | |||||
} | |||||
.house-type-wrapper { | |||||
margin-bottom: 18px; | |||||
display: flex; | |||||
.apartment, | |||||
.homestay, | |||||
.villa, | |||||
.other { | |||||
width: 56px; | |||||
height: 30px; | |||||
border-radius: 4px; | |||||
text-align: center; | |||||
line-height: 30px; | |||||
margin-right: 10px; | |||||
font-size: 20px; | |||||
color: #ffffff; | |||||
} | |||||
.apartment { | |||||
background: #ff4338; | |||||
} | |||||
.homestay { | |||||
background: #ff7632; | |||||
} | |||||
.villa { | |||||
background: #ffb819; | |||||
} | |||||
.other { | |||||
background: #f2f2f2; | |||||
color: #666666; | |||||
} | |||||
.pass, | |||||
.reject { | |||||
line-height: 30px; | |||||
font-size: 20px; | |||||
font-weight: bold; | |||||
width: 90px; | |||||
height: 30px; | |||||
text-align: center; | |||||
position: relative; | |||||
&:after { | |||||
content: " "; | |||||
position: absolute; | |||||
pointer-events: none; | |||||
box-sizing: border-box; | |||||
top: -50%; | |||||
left: -50%; | |||||
right: -50%; | |||||
bottom: -50%; | |||||
transform: scale(0.5); | |||||
border-radius: 4px; | |||||
border: 1px solid transparent; | |||||
} | |||||
} | |||||
.pass { | |||||
color: #ff7632; | |||||
&:after { | |||||
border: 1px solid #ff7632; | |||||
} | |||||
} | |||||
.reject { | |||||
color: #ff4338; | |||||
&:after { | |||||
border: 1px solid #ff4338; | |||||
} | |||||
} | |||||
} | |||||
.city { | |||||
font-size: 26px; | |||||
color: #666666; | |||||
margin-bottom: 6px; | |||||
} | |||||
.remark { | |||||
font-size: 26px; | |||||
color: #666666; | |||||
} | |||||
.phone-wrapper { | |||||
display: flex; | |||||
justify-content: space-between; | |||||
align-items: center; | |||||
font-size: 26px; | |||||
color: #666666; | |||||
margin-bottom: 6px; | |||||
.icon { | |||||
width: 40px; | |||||
height: 40px; | |||||
} | |||||
} | |||||
.btn-wrapper { | |||||
padding-top: 30px; | |||||
display: flex; | |||||
justify-content: flex-end; | |||||
.btn { | |||||
width: 152px; | |||||
height: 60px; | |||||
background: #ff7632; | |||||
border-radius: 12px; | |||||
font-size: 28px; | |||||
color: #ffffff; | |||||
text-align: center; | |||||
line-height: 60px; | |||||
margin-left: 20px; | |||||
} | |||||
} | |||||
} | |||||
.nomore{ | |||||
text-align:center; | |||||
font-size: 24px; | |||||
color: #666666; | |||||
} | |||||
} | |||||
.empty-wrapper{ | |||||
padding-top: 317rpx; | |||||
margin: 0 auto; | |||||
text-align:center; | |||||
.empty-word{ | |||||
font-size: 28px; | |||||
color: #666666; | |||||
} | |||||
} | |||||
.g-applyList-layout{ | |||||
z-index:0; | |||||
} | |||||
No newline at end of file |
Content licensed under Creative Commons Attribution-ShareAlike 3.0 (CC-BY-SA) unless otherwise noted; code licensed under GNU General Public License (GPL) or other open source licenses. By using this site, you agree to the Terms of Use, Privacy Policy, and Code of Conduct. · Wikimedia Foundation · Privacy Policy · Code of Conduct · Terms of Use · Disclaimer · CC-BY-SA · GPL