作者 倪静楠

2/20

要显示太多修改。

为保证性能只显示 31 of 31+ 个文件。

/node_modules
/unpackage
... ...
<script>
export default {
onLaunch: function() {
console.log('App Launch');
},
onShow: function() {
console.log('App Show');
},
onHide: function() {
console.log('App Hide');
}
};
</script>
<style>
@import url("/common/uni.css");
@import url("./wxcomponents/vant/dist/common/index.wxss");
</style>
... ...
.comCon {
position: relative;
}
.comNav {
position: absolute;
top: 45rpx;
width: 100%;
}
.comBack {
height: 324rpx;
background: #ff834d;
border-bottom-right-radius: 25%;
border-bottom-left-radius: 25%;
}
.purNavBody {
height: 262rpx;
background: #ffffff;
border-radius: 16rpx;
margin: 0 32rpx;
display: flex;
align-items: center;
}
.purFu {
color: #EE0A24;
font-size: 28rpx;
}
.purFuSum {
color: #EE0A24;
font-size: 36rpx;
}
.purBodyText {
color: #323233;
font-size: 28rpx;
height: 96rpx;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.purBotText {
margin-bottom: 52rpx;
}
.purBodyNav {
height: 184rpx;
background: #ffffff;
border-radius: 16rpx;
margin: 32rpx;
display: flex;
justify-content: center;
flex-direction: column;
}
.purBodyHao {
color: #879099;
font-size: 26rpx;
margin-right: 32rpx;
}
.purBodyMa {
color: #22272B;
font-size: 26rpx;
}
.purTextHaoMa {
height: 64rpx;
display: flex;
align-items: center;
margin-left: 24rpx;
}
.putBtnUnt {
height: 100rpx;
background: #ffffff;
display: flex;
align-items: center;
justify-content: space-around;
position: fixed;
bottom: 10rpx;
left: 50%;
transform: translate(-50%, 0);
width: 100%;
}
.orderOn {
color: #FFFFFF;
font-size: 44rpx;
white-space: nowrap;
max-width: 314rpx;
overflow: hidden;
text-overflow: ellipsis;
}
.orderText {
display: flex;
align-items: center;
margin: 0 0 50rpx 43rpx;
}
.purBodyImage {
margin: 26rpx 36rpx 36rpx 28rpx;
}
.purBotText {
margin: 24rpx 56rpx 52rpx 0;
}
.purPingName {
color: #323233;
font-size: 28rpx;
max-width: 442rpx;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.purPingTime {
color: #969799;
font-size: 26rpx;
}
.purPingText {
color: #22272B;
font-size: 28rpx;
}
.purPingTitle {
color: #FF834D;
font-size: 28rpx;
}
.purPing {
display: flex;
height: 210rpx;
background-color: #ffffff;
margin: 0 32rpx;
border-radius: 16rpx;
}
.purLx {
color: #FFFFFF;
font-size: 32rpx;
}
.purLxBack {
height: 80rpx;
background: #ff834d;
border-radius: 48rpx;
margin: 10rpx 32rpx;
display: flex;
justify-content: center;
align-items: center;
}
.purBottom {
position: fixed;
bottom: 0;
width: 100%;
height: 100rpx;
background: #ffffff;
}
.purPingImg {
display: flex;
align-items: center;
width: 20%;
align-items: flex-start;
box-sizing: border-box;
padding-top: 30rpx;
padding-left: 24rpx;
}
.purPingNav {
display: flex;
flex-direction: column;
justify-content: center;
width: 70%;
}
.purPingHaop {
margin: 35rpx 36rpx 0 0;
width: 10%;
}
.orderImage {
width: 20%;
display: flex;
justify-content: center;
}
.orderNav {
width: 70%;
}
.orderNavItem {
display: flex;
align-items: center;
}
.orderOn {
color: #FFFFFF;
font-size: 44rpx;
}
.orderOnLent {
display: flex;
align-items: center;
width: 96rpx;
height: 34rpx;
border: 1px solid #ffffff;
border-radius: 180rpx;
justify-content: center;
margin-left: 26rpx;
}
.orderEnd {
color: #FF834D;
font-size: 28rpx;
}
.orderlevet {
color: #FFFFFF;
font-size: 18rpx;
}
.orderinEnd {
width: 146rpx;
height: 68rpx;
background: #ffffff;
border-radius: 180rpx 0rpx 0rpx 180rpx;
display: flex;
justify-content: center;
align-items: center;
}
... ...
.topBox {
margin: 26rpx 32rpx;
box-sizing: border-box;
display: flex;
justify-content: space-between;
}
.addressBox {
display: flex;
align-items: center;
}
.addressBox image {
width: 32rpx;
height: 32rpx;
}
.addressBox>text {
font-size: 32rpx;
color: #fff;
margin-left: 10rpx;
}
.jifenBox {
display: flex;
align-items: center;
}
.MyFen {
font-size: 24rpx;
color: #fff;
margin-right: 6rpx;
}
.MyFenText {
font-size: 36rpx;
color: #fff;
}
.goodsBox {
background-color: #fff;
border-radius: 16rpx;
margin: 32rpx;
width: 94%;
}
.goodsTop {
display: flex;
border-bottom: 2rpx solid #f7f8fa
}
.goodsPic {
border-radius: 16rpx;
margin: 30rpx 26rpx 24rpx 32rpx;
}
.goodsDel {
flex: 1;
}
.goodsTitle {
font-size: 30rpx;
color: #323233;
font-weight: 600;
white-space: normal;
}
.goodsAddress {
font-size: 24rpx;
color: #ff834d;
display: flex;
align-items: center;
}
.goodsAddress image {
width: 28rpx;
height: 28rpx;
margin-right: 6rpx;
}
.goodsDelTit {
margin: 24rpx 32rpx 14rpx 0;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
height: 100rpx;
}
.goodsTime {
font-size: 24rpx;
color: #646566;
}
.goodsAddressindex {
color: #FF834D;
font-size: 24rpx;
margin-right: 12rpx;
}
.goodsAddresskm {
color: #FF834D;
font-size: 24rpx;
}
.goodsJifen {
font-size: 28rpx;
color: #ff834d;
display: flex;
align-items: center;
margin-left: 32rpx;
}
.goodsJifen image {
width: 32rpx;
height: 32rpx;
}
.goodsBottom {
display: flex;
justify-content: space-between;
padding: 16rpx 0 18rpx 0;
}
.goodsBtn {
width: 180rpx;
height: 68rpx;
background: linear-gradient(135deg, #ff814a, #ff9d66);
border-radius: 48rpx;
font-size: 28rpx;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
margin-right: 32rpx;
}
.goodsJFs {
color: #FF834D;
font-size: 28rpx;
margin-left: 10rpx;
}
.allBack {
width: 100%;
height: 200rpx;
background: #FF9D66;
}
/* 发布 */
.onClose {
color: #879099;
font-size: 32rpx;
}
.meFaShow {
display: flex;
justify-content: space-evenly;
padding-top: 15rpx;
border-bottom: 16rpx solid #F7F8FA;
}
.onFaClose {
display: flex;
justify-content: center;
align-items: center;
height: 96rpx;
position: absolute;
left: 50%;
transform: translate(-50%, 0);
width: 100%;
}
.touchBottom {
position: fixed;
bottom: 130rpx;
text-align: center;
width: 100%;
color: #cdcecf;
font-size: 24rpx;
}
... ...
.attentNav {
width: 686rpx;
height: 160rpx;
background-color: #FFFFFF;
display: flex;
align-items: center;
border-radius: 16px;
box-shadow: 0px 4px 32px 0px rgba(23, 37, 50, 0.06);
margin: 24rpx 32rpx;
}
.attentTop {}
.attentImg {
width: 20%;
display: flex;
justify-content: center;
}
.attentName {
width: 50%;
display: flex;
flex-direction: column;
}
.attentGzhu {
width: 152rpx;
height: 68rpx;
background: #dcdee0;
border-radius: 48rpx;
box-shadow: 0rpx 4rpx 32rpx 0rpx rgba(23, 37, 50, 0.06);
display: flex;
justify-content: center;
align-items: center;
}
.attentUserName {
color: #22272B;
font-size: 32rpx;
margin-bottom: 8rpx;
}
.attentJianJie {
color: #879099;
font-size: 26rpx;
max-width: 324rpx;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.attentgz {
color: #FFFFFF;
font-size: 28rpx;
}
... ...
.berCon {
position: relative;
padding-top: 28rpx;
}
.berInput {
height: 104rpx;
margin: 0 32rpx 32rpx 32rpx;
display: flex;
align-items: center;
background: #ffffff;
border-radius: 16rpx;
}
.berTextarea {
margin: 32rpx;
background-color: #FFFFFF;
border-radius: 16rpx;
}
.berBottom {
display: flex;
align-items: center;
padding-bottom: 15rpx;
}
.berAddressBox{
}
.berAddresxz {
margin: 0 4rpx 0 12rpx;
color: #22272B;
font-size: 28rpx;
max-width: 280rpx;
display: -webkit-box;
word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.BtnBack {
height: 80rpx;
background: #ff834d;
border-radius: 48rpx;
display: flex;
margin: 10rpx 32rpx;
justify-content: center;
align-items: center;
}
.BtnBackup {
background-color: #FFFFFF;
height: 100rpx;
position: fixed;
bottom: 0;
width: 100%;
}
.place-holder {
margin-left: 32rpx !important;
}
.BtnBackText {
color: #FFFFFF;
font-size: 32rpx;
}
.SelectData {
position: absolute;
top: 20rpx;
left: 193rpx;
color: #B4BCCC;
}
.sizeColor {
color: #B4BCCC;
}
.zd_textarea {
padding: 32rpx 0 0 32rpx;
}
... ...
.paixuBox {
padding: 0 32rpx;
font-size: 24rpx;
color: #323233;
display: flex;
}
.paixuBox image {
width: 28rpx;
height: 28rpx;
}
.tabBox {
display: flex;
align-items: center;
margin-right: 22rpx;
}
... ...
.comCon {
position: relative;
}
.comNav {
position: absolute;
top: 45rpx;
width: 100%;
}
.comBack {
height: 324rpx;
background: #ff834d;
border-bottom-right-radius: 25%;
border-bottom-left-radius: 25%;
}
.purNavBody {
height: 262rpx;
background: #ffffff;
border-radius: 16rpx;
margin: 0 32rpx;
display: flex;
align-items: center;
}
.purFu {
color: #EE0A24;
font-size: 28rpx;
}
.purFuSum {
color: #EE0A24;
font-size: 36rpx;
}
.purBodyText {
color: #323233;
font-size: 28rpx;
}
.purBotText {
margin-bottom: 52rpx;
}
.purBodyNav {
height: 184rpx;
background: #ffffff;
border-radius: 16rpx;
margin: 32rpx;
display: flex;
justify-content: center;
flex-direction: column;
}
.purBodyHao {
color: #879099;
font-size: 26rpx;
margin-right: 32rpx;
}
.purBodyMa {
color: #22272B;
font-size: 26rpx;
}
.purTextHaoMa {
height: 64rpx;
display: flex;
align-items: center;
margin-left: 24rpx;
}
.putBtnUnt {
height: 100rpx;
background: #ffffff;
display: flex;
align-items: center;
justify-content: space-around;
position: fixed;
bottom: 10rpx;
left: 50%;
transform: translate(-50%, 0);
width: 100%;
}
.orderOn {
color: #FFFFFF;
font-size: 44rpx;
}
.orderText {
display: flex;
align-items: center;
margin: 0 0 50rpx 43rpx;
}
.purBodyImage {
margin: 26rpx 36rpx 36rpx 28rpx;
}
.purBotText {
margin: 24rpx 56rpx 52rpx 0;
}
.purPingName {
color: #323233;
font-size: 28rpx;
}
.purPingTime {
color: #969799;
font-size: 26rpx;
}
.purPingText {
color: #22272B;
font-size: 28rpx;
margin-top: 10rpx;
}
.purPingTitle {
color: #FF834D;
font-size: 28rpx;
}
.purPing {
display: flex;
background-color: #ffffff;
margin: 0 32rpx;
border-radius: 16rpx;
padding: 32rpx 0;
}
.purLx {
color: #FFFFFF;
font-size: 32rpx;
width: 100%;
height: 100%;
text-align: center;
line-height: 80rpx;
}
.purLxBack {
height: 80rpx;
background: #ff834d;
border-radius: 48rpx;
margin: 10rpx 32rpx;
display: flex;
justify-content: center;
align-items: center;
}
.purBottom {
position: fixed;
bottom: 0;
width: 100%;
height: 100rpx;
background: #ffffff;
}
.purPingImg {
display: flex;
align-items: center;
width: 20%;
padding-left: 30rpx;
box-sizing: border-box;
align-items: flex-start;
}
.purPingNav {
display: flex;
flex-direction: column;
justify-content: center;
width: 70%;
}
.purPingHaop {
margin: 0rpx 36rpx 0 0;
width: 10%;
}
... ...
.purNavBody {
height: 262rpx;
background: #ffffff;
border-radius: 16rpx;
margin: 0 32rpx 32rpx 32rpx;
display: flex;
align-items: center;
}
.purBodyText {
color: #323233;
font-size: 28rpx;
}
.evaCon {
padding-top: 32rpx;
}
.purBotText {
margin: 24rpx 56rpx 32rpx 36rpx;
}
.purFu {
color: #EE0A24;
font-size: 28rpx;
}
.purFuSum {
color: #EE0A24;
font-size: 36rpx;
}
.evaNavBody {
height: 274rpx;
background: #ffffff;
border-radius: 16rpx;
margin: 32rpx;
}
.evaImg {
display: flex;
flex-direction: column;
text-align: center;
}
.evaImgAll {
display: flex;
justify-content: space-evenly;
}
.evaXz {
color: #323233;
font-size: 28rpx;
}
.evaPadding {
padding: 26rpx 0 30rpx 28rpx;
}
.evaContent {}
.evaContentText {
height: 510rpx;
background: #ffffff;
border-radius: 16rpx;
margin: 32rpx;
}
.purMoney {
margin-left: 36rpx;
}
.evaBtnon {
height: 80rpx;
background: #ff834d;
border-radius: 48rpx;
display: flex;
justify-content: center;
align-items: center;
margin: 10rpx 32rpx;
}
.evaBtn {
height: 100rpx;
background: #ffffff;
position: fixed;
bottom: 0;
width: 100%;
}
.evaFa {
color: #FFFFFF;
font-size: 32rpx;
}
.zd_textarea {
padding: 32rpx 0 0 32rpx;
}
... ...
.attentNav {
width: 686rpx;
height: 160rpx;
background-color: #FFFFFF;
display: flex;
align-items: center;
border-radius: 16px;
box-shadow: 0px 4px 32px 0px rgba(23, 37, 50, 0.06);
margin: 24rpx 32rpx;
}
.attentTop {}
.attentImg {
width: 20%;
display: flex;
justify-content: center;
}
.attentName {
width: 50%;
display: flex;
flex-direction: column;
}
.attentGzhu {
margin-left: 40rpx;
width: 152rpx;
height: 68rpx;
background: linear-gradient(135deg, #ff814a, #ff9d66);
border-radius: 48px;
box-shadow: 0px 4px 32px 0px rgba(23, 37, 50, 0.06);
display: flex;
justify-content: center;
align-items: center;
}
.attentGzhu1 {
margin-left: 40rpx;
width: 152rpx;
height: 68rpx;
background: #dcdee0;
border-radius: 48px;
box-shadow: 0px 4px 32px 0px rgba(23, 37, 50, 0.06);
display: flex;
justify-content: center;
align-items: center;
}
.attentUserName {
color: #22272B;
font-size: 32rpx;
margin-bottom: 8rpx;
}
.attentJianJie {
color: #879099;
font-size: 26rpx;
max-width: 374rpx;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.attentgz {
color: #FFFFFF;
font-size: 28rpx;
}
... ...
.container {
width: 100%;
height: 100%;
background: #f7f8fa;
}
.picBox {
width: 100%;
height: 750rpx;
}
.wantBox {
margin-top: 16rpx;
font-size: 24rpx;
color: #969799;
}
.lookBtn {
padding: 2rpx 12rpx;
border-radius: 20rpx;
background: linear-gradient(135deg, #ff814a, #ff9d66);
font-size: 22rpx;
color: #fff;
width: 88rpx;
}
.bannerImage {
width: 750rpx !important;
height: 750rpx !important;
}
.goodInfo {
width: 90%;
margin-left: 5%;
padding: 24rpx 28rpx;
background-color: #fff;
border-radius: 16rpx;
box-sizing: border-box;
margin-top: -20rpx;
position: relative;
z-index: 9;
}
.priceBox {
display: flex;
justify-content: space-between;
align-items: center;
}
.priceFu {
font-size: 36rpx;
color: #EE0A24;
font-weight: 600;
}
.price {
color: #EE0A24;
font-size: 48rpx;
}
.priceRight,
.priceLeft {
display: flex;
align-items: center;
}
.priceRight image {
width: 28rpx;
height: 28rpx;
}
.address {
font-size: 24rpx;
font-weight: 400;
color: #646566;
margin-left: 10rpx;
}
.titleBox {
font-size: 32rpx;
font-weight: 600;
color: #323233;
padding-top: 22rpx;
line-height: 48rpx;
}
.numberBox {
display: flex;
margin-right: 46rpx;
font-size: 24rpx;
font-weight: 400;
color: #969799;
border-bottom: 2rpx solid #efefef;
padding: 24rpx 0;
}
.goodDesc {
padding-top: 25rpx;
font-size: 24rpx;
line-height: 44rpx;
color: #646566;
}
//用户信息
.userInfo1 {
width: 90%;
margin-left: 5%;
padding: 28rpx 32rpx;
background-color: #fff;
border-radius: 16rpx;
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 32rpx;
box-sizing: border-box;
align-items: center;
}
.userHead1 {
width: 88rpx;
height: 88rpx;
margin-right: 26rpx;
}
.userHead1 image {
width: 88rpx;
height: 88rpx;
border-radius: 50%;
}
.userName1 {
font-size: 32rpx;
color: #323233;
display: flex;
align-items: center;
margin-right: 26rpx;
}
.user {
width: 96rpx;
height: 34rpx;
border-radius: 180rpx;
background: linear-gradient(135deg, #ff814a, #ff9d66);
border-radius: 180px;
font-size: 18rpx;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
}
.arrow image {
width: 48rpx;
height: 48rpx;
}
.goodDetails image {
width: 688rpx;
height: 990rpx;
}
//用户留言
.inv-h-w {
height: 50rpx !important;
border-bottom-color: #f7f8fa !important;
}
.userMessage {
background-color: #fff;
border-radius: 16rpx;
margin-top: 22rpx;
}
.messageItem {
padding: 40rpx 32rpx 20rpx;
box-sizing: border-box;
border-bottom: 2rpx solid #f7f8fa;
}
.messageUser {
display: flex;
}
.messageHead {
width: 80rpx;
height: 80rpx;
border-radius: 50%;
}
.messageUser>.name {
font-size: 28rpx;
font-weight: 500;
color: #323233;
margin-left: 24rpx;
}
.time {
font-size: 26rpx;
color: #969799;
}
.messageContent {
font-size: 28rpx;
color: #22272b;
-webkit-line-clamp: 3;
overflow: hidden;
line-height: 1.5;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.messageMain {
padding: 33rpx 244rpx;
font-size: 24rpx;
text-align: CENTER;
color: #969799;
}
.lookMain {
width: 30rpx;
height: 30rpx;
}
.goodsBox {
width: 49%;
margin-top: 17px;
position: relative;
background-color: #fff;
padding-bottom: 24rpx;
border-radius: 16rpx 16rpx 0 0;
}
.btnBox {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
display: flex;
align-items: center;
padding: 24rpx;
box-sizing: border-box;
justify-content: space-between;
background-color: #fff;
}
.messageBtn {
width: 220rpx;
height: 80rpx;
display: flex;
align-items: center;
justify-content: center;
font-size: 28rpx;
color: #fff;
background: #ffcd4d;
border-radius: 48rpx;
}
.wantBtn {
background: linear-gradient(135deg, #ff814a, #ff9d66);
}
.btnItem {
font-size: 22rpx;
color: #525961;
position: relative;
text-align: center;
}
.shareBtn {
width: 50rpx;
height: 92rpx;
position: absolute;
top: 0;
left: 0;
background-color: transparent !important;
}
button::after {
border: none;
}
/* 弹出层 */
.dialogs {
padding: 24rpx 0;
text-align: center;
background-color: #fff;
border-bottom: 2rpx solid #eff0f3;
position: relative;
}
button{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 90rpx;
opacity: 1;
background-color: transparent !important;
}
.dialogsIner {
font-size: 24rpx;
color: #969799;
}
.dialogsLast {
padding: 24rpx 0;
text-align: center;
background-color: #fff;
border-top: 24rpx solid #eff0f3;
}
/* 海报 */
.haibaoBj{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
text-align: center;
padding-top: 60rpx;
box-sizing: border-box;
z-index: 10;
border-radius: 10px;
}
.haibaoImg{
width: 600rpx;
height: 800rpx;
}
.saveText{
width:250rpx;
margin: 0 auto;
color: #d6d6d6;
border: 2rpx solid #d6d6d6;
}
.purple_btn{
width:250rpx;
margin: 20px auto;
color: #d6d6d6;
border: 2rpx solid #d6d6d6;
}
.DELiCON{
font-size: 30rpx;
border: 2rpx solid #d6d6d6;
border-radius: 50%;
color: #d6d6d6;
margin: 0 auto;
margin-top: 50rpx;
width: 50rpx;
height: 50rpx;
}
\ No newline at end of file
... ...
.conGod {
height: 100%;
background: #f7f8fa;
padding-top: 32rpx;
}
.conGodTop {
display: flex;
align-items: center;
height: 266rpx;
margin: 0 32rpx 32rpx 32rpx;
background: #ffffff;
border-radius: 16rpx;
}
.conGodText {
color: #323233;
font-size: 32rpx;
}
.conGodAddress {
color: #FF834D;
font-size: 24rpx;
margin-left: 9rpx;
max-width: 380rpx;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.conGodNav {
margin-bottom: 10rpx;
display: flex;
align-items: center;
}
.conGodNav image {
width: 23rpx;
height: 28rpx;
}
.conGodTime {
color: #646566;
font-size: 24rpx;
}
.conGodImg {
margin: 30rpx 26rpx 36rpx 32rpx;
}
.conGodImg image {
width: 200rpx;
height: 200rpx;
border-radius: 16rpx;
}
.conGodRight {
height: 100%;
}
.conGodTextRight {
margin: 24rpx 32rpx 12rpx 0;
display: -webkit-box;
word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
... ...
.searchBox{
width: 578rpx;
height: 68rpx;
background-color: #0A98D5;
}
\ No newline at end of file
... ...
.addressBox {
width: 100%;
height: 196rpx;
position: fixed;
top: 0;
left: 0;
z-index: 99;
overflow: hidden;
}
.addressBox image {
width: 100%;
}
.addressText {
position: absolute;
top: 108rpx;
left: 32rpx;
font-size: 34rpx;
color: #fff;
}
.topBj image {
width: 100%;
}
.topBj {
width: 100%;
height: auto;
position: fixed;
top: 0;
left: 0;
}
.alls {
margin-top: 196rpx;
position: relative;
z-index: 9;
background-color: transparent;
padding-bottom: 130rpx;
padding: 0 32rpx;
box-sizing: border-box;
}
.all {
position: absolute;
top: 0;
width: 100%;
padding-top: 180rpx;
}
.topBOX {
display: flex;
}
.searchBox {
width: 100%;
height: 100rpx;
display: flex;
align-items: center;
justify-content: space-around;
}
.uni-input {
border-radius: 160rpx;
width: 60;
height: 68rpx;
padding: 0;
padding-top: 48x;
box-sizing: border-box;
}
.picBox {
display: flex;
justify-content: center;
}
.picBox image {
width: 36rpx;
height: 36rpx;
}
.mapText {
font-size: 28rpx;
color: #ffffff;
text-align: center;
}
//获取位置信息
.locationBtn {
margin: 0 auto;
margin-top: 100rpx;
margin-bottom: 100rpx;
width: 200rpx;
height: 80rpx;
background: #FF9D66;
text-align: center;
line-height: 80rpx;
border-radius: 50rpx;
color: #fff;
}
//轮播图
.swiperBox {
height: 270rpx;
margin: 32rpx 32rpx 50rpx 32rpx;
}
.swiper-item {
height: 100%;
}
.swiper {
width: 686rpx;
height: 270rpx;
border-radius: 16rpx;
}
/* 分类 */
.classifyBox {
/* display: flex;
justify-content: space-around;
align-items: center;
margin-top: 50rpx; */
display: flex;
justify-content: space-around;
padding: 0 30rpx;
}
.classifyItem {
/* background-color: #09BB07; */
display: flex;
}
.classifyPic {
display: flex;
flex-direction: column;
align-items: center;
}
.classifyPic image {
width: 88rpx;
height: 88rpx;
border-radius: 34rpx;
}
.classifyText {
font-size: 28rpx;
font-weight: 600;
color: #646566;
display: flex;
text-align: center;
justify-content: center;
}
/* 拼团活动 */
.pintuanBox {
width: 100%;
height: 336rpx;
background: linear-gradient(135deg, #fff2f2, #fff8f8);
border-radius: 16rpx;
box-shadow: 0px 0px 16rpx 6rpx rgba(140, 46, 12, 0.04);
margin-top: 50rpx;
padding: 20rpx 34rpx 28rpx;
box-sizing: border-box;
}
.pintuanTop {
width: 100%;
height: 48rpx;
display: flex;
justify-content: space-between;
}
.pinIcon {
display: flex;
align-items: center;
margin-right: 10rpx;
}
.pinIcon image {
width: 32rpx;
height: 32rpx;
}
.pinText {
font-size: 32rpx;
color: #323233;
font-weight: 600;
}
.mainText {
font-size: 28rpx;
color: #969799;
}
.arrow image {
width: 32rpx;
height: 32rpx;
display: flex;
align-items: center;
}
.pintuanBottom {
width: 100%;
white-space: nowrap;
display: inline-block;
}
.scrool-more {
white-space: nowrap;
width: 100%;
height: 224rpx;
display: flex;
margin-top: 16rpx;
height: 100%;
}
.label-name {
height: 40rpx;
color: #323233;
display: block;
text-align: center;
font-size: 28rpx;
}
.scrollPic {
width: 240rpx;
height: 178rpx;
border-radius: 16rpx;
}
.scrollPic image {
width: 266rpx;
height: 178rpx;
}
.scrollItem {
margin-right: 34rpx;
display: inline-block;
max-width: 240rpx;
overflow: hidden;
white-space: nowrap;
}
/* 广告 */
.imgBox {
width: 680rpx;
height: 136rpx;
border-radius: 16rpx;
margin: 40rpx 34rpx 50rpx 36rpx;
}
.imgBox image {
width: 680rpx;
height: 136rpx;
border-radius: 16rpx;
}
/* tab */
.inv-h-w {
height: 66rpx;
display: flex;
border-bottom: 2rpx solid #dcdee0;
}
.inv-h {
font-size: 32upx;
text-align: center;
color: #969799;
height: 66rpx;
font-weight: bold;
margin-right: 36rpx;
}
.inv-h-se {
font-size: 32rpx;
font-weight: bold;
color: #323233;
margin-right: 36rpx;
position: relative;
}
.inv-h-se:after {
content: '';
position: absolute;
bottom: -2rpx;
top: auto;
left: 20%;
height: 6rpx;
width: 74rpx;
background: linear-gradient(135deg, #ff814a, #ff9d66);
border-radius: 180px;
}
.picker {
width: 174rpx;
height: 44rpx;
background: #ebedf0;
border-radius: 180rpx;
display: flex;
justify-content: space-between;
padding-right: 10rpx;
}
.pickerIner {
padding: 0;
width: 130rpx;
height: 44rpx;
background: #ebedf0;
display: flex;
justify-content: center;
align-items: center;
font-size: 28rpx;
color: #969799;
text-overflow: ellipsis;
overflow: hidden;
}
.jvliText {
font-size: 28rpx;
color: #646566;
margin-right: 12rpx;
}
.goodImg {
width: 330rpx;
height: 282rpx;
border-radius: 16rpx 16rpx 0rpx 0rpx;
}
.goodsDel {
margin-top: 16rpx;
font-size: 28rpx;
box-sizing: border-box;
padding: 0 18rpx;
}
.goodsPrice {
margin-top: 18rpx;
font-size: 32rpx;
color: #EE0A24;
padding: 0 18rpx;
box-sizing: border-box;
font-weight: 600;
}
.userInfo {
margin-top: 18rpx;
display: flex;
justify-content: space-between;
align-items: flex-end;
padding: 0 18rpx;
box-sizing: border-box;
align-items: center;
width: 100%;
}
.userLeft {
display: flex;
justify-content: space-between;
}
.userHead {
width: 48rpx;
height: 48rpx;
border-radius: 50%;
}
.userName {
font-size: 24rpx;
color: #323233;
margin-left: 14rpx;
max-width: 134rpx;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.userRight {
width: 96rpx;
height: 34rpx;
background: linear-gradient(135deg, #ff814a, #ff9d66);
border-radius: 180rpx;
display: flex;
justify-content: center;
font-size: 18rpx;
color: #fff;
align-items: center;
padding-top: 4rpx;
box-sizing: border-box;
}
.inputCon {
width: 500rpx;
height: 68rpx;
background: #ffffff;
border-radius: 180rpx;
/* margin: 0 54rpx 0 32rpx; */
display: flex;
align-items: center;
}
.mapBox {
width: 90rpx;
}
.inputCon image {
width: 30rpx;
height: 28rpx;
margin: 0 12rpx 0 48rpx;
}
.addressMask {
width: 250rpx;
height: 44rpx;
display: flex;
padding: 0 10rpx;
box-sizing: border-box;
opacity: 0.4;
background: #323233;
position: absolute;
top: 240rpx;
align-items: center;
left: 0;
}
.addressMask image {
width: 40rpx;
height: 28rpx;
margin-right: 6rpx;
}
.maskAddress {
font-size: 24rpx;
color: #fff;
margin-right: 6rpx;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 190rpx;
}
/* 发布 */
.onClose {
color: #879099;
font-size: 32rpx;
}
.meFaShow {
display: flex;
justify-content: space-evenly;
padding-top: 15rpx;
border-bottom: 16rpx solid #F7F8FA;
}
.onFaClose {
display: flex;
justify-content: center;
align-items: center;
height: 96rpx;
position: absolute;
left: 50%;
transform: translate(-50%, 0);
width: 100%;
}
.arrowWhite {
border: 8rpx solid #FFF;
border-top-color: #ffa86f;
border-left-color: #ffa86f;
display: inline-block;
margin-top: 12rpx;
margin-left: 16px;
}
... ...
.inviteCon {
height: 100%;
background: #f7f8fa;
}
.backCon {
height: 274rpx;
background: linear-gradient(135deg, #ff814a, #ff9d66);
}
.inviteConTop {
position: absolute;
top: 44rpx;
left: 50%;
transform: translate(-50%, 0);
}
.inviteConsum {
display: flex;
flex-direction: column;
text-align: center;
}
.inviteNum {
color: #FFFFFF;
font-size: 72rpx;
}
.inviteGuize {
color: #FFFFFF;
font-size: 24rpx;
}
.inviteNav {
display: flex;
justify-content: center;
background: #ffffff;
position: absolute;
top: 232rpx;
left: 50%;
transform: translate(-50%, 0);
border-radius: 16rpx;
flex-direction: column;
width: 686rpx;
}
.inviteNavBo {
display: flex;
align-items: center;
border-bottom: 2rpx solid #ebedf0;
padding: 40rpx 0 28rpx;
width: 92%;
margin: 0 auto;
}
.invName {
font-size: 32rpx;
color: #22272B;
font-weight: 600;
width: 320rpx;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.invTime {
color: #879099;
font-size: 26rpx;
}
.invJifen {
color: #FF834D;
font-size: 32rpx;
}
.inviteBonav {
width: 70%;
display: flex;
flex-direction: column;
margin-left: 32rpx;
}
.inviteBoright {
width: 30%;
display: flex;
justify-content: center;
align-items: center;
margin-right: 30rpx;
}
... ...
.inviteCon {
height: 100%;
background: #f7f8fa;
}
.backCon {
height: 274rpx;
background: linear-gradient(135deg, #ff814a, #ff9d66);
}
.inviteConTop {
position: absolute;
top: 68rpx;
}
.inviteNum {
color: #FFFFFF;
font-size: 72rpx;
margin-left: 40rpx;
margin-right: 386rpx;
margin-top: -60rpx;
}
.inviteGuize {
color: #FFFFFF;
font-size: 24rpx;
text-decoration: underline;
}
.inviteFen {
color: #FFFFFF;
font-size: 28rpx;
margin-left: 40rpx;
margin-top: -18rpx;
}
.inviteConFen {
display: flex;
align-items: center;
}
.inviteNav {
display: flex;
justify-content: center;
background: #ffffff;
position: absolute;
top: 232rpx;
left: 50%;
transform: translate(-50%, 0);
border-radius: 16rpx;
flex-direction: column;
margin-bottom: 100rpx;
padding: 0 36rpx;
}
.inviteNavBo {
width: 622rpx;
height: 122rpx;
display: flex;
align-items: center;
padding: 20rpx 0 16rpx;
border-bottom: 2rpx solid #ebedf0;
}
.invName {
font-size: 32rpx;
color: #323233;
max-width: 320rpx;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.invTime {
color: #646566;
font-size: 24rpx;
}
.invJifen {
color: #FF834D;
font-size: 32rpx;
}
.inviteBoleft {
width: 20%;
display: flex;
justify-content: center;
align-items: center;
}
.inviteBonav {
width: 50%;
display: flex;
flex-direction: column;
}
.inviteBoright {
width: 30%;
display: flex;
justify-content: center;
align-items: center;
}
.ljyq {
width: 686rpx;
height: 80rpx;
background: #ff834d;
border-radius: 48rpx;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.ljyqTex {
color: #FFFFFF;
font-size: 32rpx;
}
.ljyqAll {
background-color: #FFFFFF;
width: 100%;
height: 100rpx;
position: fixed;
left: 50%;
bottom: 0;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
display: flex;
justify-content: center;
align-items: center;
}
.zhezhao {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.3);
display: flex;
justify-content: center;
align-items: center;
}
.zhaoNav {
width: 540rpx;
background-color: #FFFFFF;
border-radius: 16rpx;
}
.zhaogui {
color: #06121F;
font-size: 32rpx;
}
.zhaoguiNav {
color: #646566;
font-size: 28rpx;
}
.zhaook {
color: #4694FF;
font-size: 32rpx;
padding-top: 23rpx;
}
.four {
margin: 68rpx 206rpx 60rpx 206rpx;
}
.fourNav {
margin: 0 40rpx 0 46rpx;
}
.fourOk {
border-top: 2rpx solid #EEEEEE;
display: flex;
justify-content: center;
align-items: center;
margin: 70rpx 0 21rpx 0;
}
... ...
.issueCon {
background-color: #F7F8FA;
}
.issueTop {
height: 88rpx;
display: flex;
align-items: center;
justify-content: space-around;
background-color: #ffffff;
border-top: 1rpx solid #efefef;
position: fixed;
width: 100%;
top: 0;
}
.issueTopSp {
color: #969799;
font-size: 28rpx;
}
.issueTopXq {
color: #969799;
font-size: 28rpx;
}
.active {
color: #FF834D;
}
.issueSq {
padding: 20rpx 0;
border-bottom: 2rpx solid #FF814A;
}
.issueXq {
padding: 20rpx 0;
border-bottom: 2rpx solid #FF814A;
}
.issueBottom {
margin-top: 125rpx;
}
.issueBottomNav {
margin: 32rpx;
height: 262rpx;
background: #ffffff;
border-radius: 16px;
display: flex;
align-items: center;
}
.issueBottomImg {
width: 30%;
margin: 26rpx 36rpx 36rpx 28rpx;
}
.issueBottomRight {
width: 70%;
height: 100%;
}
.issueBottomMoney {
display: flex;
justify-content: space-between;
align-items: center;
}
.issueBottomColor {
color: #EE0A24;
}
.issueBottomDel {
color: #C8C9CC;
font-size: 24rpx;
}
.issueBottomRightText {
margin: 24rpx 56rpx 30rpx 0;
color: #323233;
font-size: 28rpx;
height: 100rpx;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
white-space: normal;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
}
.issueBottomFu {
font-size: 28rpx;
}
.issueBottomQian {
font-size: 36rpx;
}
... ...
.merCon {
border-top: 1rpx solid #efefef;
}
.merImg {
margin: 38rpx 32rpx 0 32rpx;
position: relative;
}
.merPostion {
position: absolute;
top: 0;
width: 100%;
}
.merPostionHY {
margin: 42rpx 0 60rpx 36rpx;
}
.merPostionDJ {
display: flex;
align-items: center;
margin-left: 32rpx;
}
.merHYText {
color: #FFFFFF;
font-size: 26rpx;
}
.merDjText {
margin-left: 2rpx;
color: #FFFFFF;
font-size: 32rpx;
}
.merNav {}
.merNavText {
display: flex;
padding: 32rpx ;
box-sizing: border-box;
flex-direction: column;
}
.merNavSM {
color: #323233;
font-size: 32rpx;
margin: 90rpx 0 0 32rpx;
}
.merNavSMText {
color: #525961;
font-size: 28rpx;
margin: 32rpx;
}
.merPostionDT {
margin: 22rpx 32rpx 0 32rpx;
}
... ...
.mesTop {
background-color: #FFFFFF;
display: flex;
justify-content: space-around;
text-align: center;
height: 228rpx;
align-items: center;
border-top: 1rpx solid #efefef;
position: fixed;
top: 0;
left: 0;
width: 100%;
}
.mesText {
color: #000000;
font-size: 24rpx;
}
.mesNavleft {
display: flex;
width: 80%;
border-bottom: 2rpx solid #EBEDF0;
padding-bottom: 12rpx;
}
.mesNavRow {
display: flex;
/* align-items: center; */
}
.mesNavImg {
width: 20%;
display: flex;
justify-content: center;
margin-top: 24rpx;
}
.mesNavTitle {
width: 60%;
display: flex;
flex-direction: column;
/* border-bottom: 2rpx solid #EBEDF0; */
margin-top: 24rpx;
}
.mesNavRight {
width: 40%;
display: flex;
justify-content: center;
margin-top: 22rpx;
}
.textTop {
color: #22272B;
font-size: 28rpx;
}
.textNav {
color: #879099;
font-size: 24rpx;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.textTime {
color: #879099;
font-size: 24rpx;
}
.mesNav {
background: #ffffff;
margin-top: 24rpx;
padding-bottom: 120rpx;
padding-top: 220rpx;
box-sizing: border-box;
}
.active {
color: #FF834D;
}
/* 系统通知 */
.mesAcc {
padding-top: 256rpx;
padding-bottom: 120rpx;
box-sizing: border-box;
}
.mesAccRow {
width: 686rpx;
margin: 0 32rpx;
background: #ffffff;
border-radius: 16rpx;
margin-top: 24rpx;
}
.mesOneTitle {
color: #22272B;
font-size: 28rpx;
margin: 36rpx 0 32rpx 32rpx;
}
.mesOneTime {
color: #879099;
font-size: 24rpx;
}
.mesTwoTitle {
color: #879099;
font-size: 24rpx;
}
.mesTreTitle {
color: #22272B;
font-size: 24rpx;
margin: 0 488rpx 0 32rpx;
}
.mesOneRow {
display: flex;
align-items: center;
justify-content: space-between;
padding-right: 20rpx;
}
.mesTwoRow {
margin: 0 32rpx 16rpx 32rpx;
border-bottom: 2rpx solid #EBEDF0;
max-height: 154rpx;
overflow: hidden;
}
.mesTreRow {
display: flex;
align-items: center;
padding: 10rpx 0 23rpx;
}
/* end */
/* 我的消息 */
.mesBav {
background: #ffffff;
margin-bottom: 120rpx;
}
.mesBavRow {
height: 130rpx;
display: flex;
}
.mesBavRowImg {
width: 20%;
display: flex;
align-items: center;
justify-content: center;
}
.mesBavRowText {
width: 80%;
border-bottom: 2rpx solid #EBEDF0;
}
.mesBavRowName {
color: #22272B;
font-size: 28rpx;
}
.mesBavRowTop {
margin-top: 24rpx;
display: flex;
justify-content: space-between;
}
.mesBavRowTime {
margin-right: 32rpx;
color: #879099;
font-size: 24rpx;
}
.mesBavRowTitleTe {
color: #879099;
font-size: 24rpx;
}
/* 发布 */
.onClose {
color: #879099;
font-size: 32rpx;
}
.meFaShow {
display: flex;
justify-content: space-evenly;
padding-top: 15rpx;
border-bottom: 16rpx solid #F7F8FA;
}
.onFaClose {
display: flex;
justify-content: center;
align-items: center;
height: 96rpx;
position: absolute;
left: 50%;
transform: translate(-50%, 0);
width: 100%;
}
... ...
.AllTop {
padding-bottom: 120rpx;
padding: 0 32rpx;
position: absolute;
top: 30rpx;
margin-bottom: 115rpx;
}
.backAll {
height: 304rpx;
background: #ff9d66;
position: fixed;
top: 0;
width: 100%;
}
.AllUser {
height: 334rpx;
margin: 30rpx 0 24rpx 0;
background-color: #FFFFFF;
border-radius: 16px;
}
.userNavPic {
background: linear-gradient(135deg, #ff814a, #ff9d66);
border-radius: 180rpx;
width: 96rpx;
display: flex;
justify-content: center;
height: 34rpx;
margin-top: 14rpx;
}
.userNavPicTex {
color: #FFFFFF;
font-size: 18rpx;
margin-left: 6rpx;
}
.userNavTex {
color: #323233;
font-size: 34rpx;
}
.userTop {
display: flex;
align-items: center;
margin-bottom: 48rpx;
padding-top: 34rpx;
}
.userImg {
width: 30%;
display: flex;
justify-content: center;
align-items: center;
}
.userNav {
width: 360rpx;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.userRight {
width: 20%;
display: flex;
justify-content: center;
}
.userBot {
display: flex;
justify-content: space-around;
}
.userBotText {
display: flex;
flex-direction: column;
text-align: center;
width: 25%;
border-right: 2rpx solid #DCDEE0;
}
.lastBorder {
border-right: 2rpx solid #fff !important;
}
.userBotNum {
color: #646566;
font-size: 44rpx;
margin-top: -16rpx;
}
.userBotNumText {
color: #646566;
font-size: 24rpx;
}
.AllBuy {
width: 686rpx;
height: 260rpx;
background-color: #FFFFFF;
margin: 24rpx 0;
}
.AllPic {
display: flex;
flex-direction: column;
text-align: center;
}
.AllBuyBtn {
display: flex;
justify-content: space-around;
}
.AllButText {
padding: 24rpx 538rpx 26rpx 36rpx;
color: #323233;
font-size: 28rpx;
}
.AllPicText {
color: #646566;
font-size: 24rpx;
margin-top: 18rpx;
}
.meBot {
width: 686rpx;
height: 438rpx;
background-color: #FFFFFF;
/* margin: 0 32rpx; */
}
.meBoton {
height: 104rpx;
display: flex;
align-items: center;
}
.meBotontt {
width: 622rpx;
margin: 0 32rpx;
border-bottom: 2rpx solid #EBEDF0;
height: 104rpx;
display: flex;
align-items: center;
}
.meBotText {
/* margin-right: 432rpx; */
color: #22272B;
font-size: 28rpx;
}
.meBotontPic {
width: 7%;
display: flex;
align-items: center;
}
.meBotontText {
width: 73%;
}
.meBotontImg {
width: 20%;
display: flex;
justify-content: flex-end;
align-items: center;
}
.onClose {
color: #879099;
font-size: 32rpx;
}
.meFaShow {
display: flex;
justify-content: space-evenly;
padding-top: 15rpx;
border-bottom: 16rpx solid #F7F8FA;
}
.onFaClose {
display: flex;
justify-content: center;
align-items: center;
height: 96rpx;
position: absolute;
left: 50%;
transform: translate(-50%, 0);
width: 100%;
}
.kefuBorder {
border-bottom: 2rpx solid #fff;
}
... ...
.purNavBody {
width: 686rpx;
height: 262rpx;
background: #ffffff;
border-radius: 16rpx;
margin: 0 32rpx 32rpx 32rpx;
display: flex;
align-items: center;
}
.orderCon {
padding-top: 32rpx;
}
.purFu {
color: #EE0A24;
font-size: 28rpx;
}
.purFuSum {
color: #EE0A24;
font-size: 36rpx;
}
.purBodyText {
color: #323233;
font-size: 28rpx;
}
.purBotText {
margin: 24rpx 56rpx 52rpx 0;
}
.purBodyNav {
width: 686rpx;
height: 114rpx;
background: #ffffff;
border-radius: 16rpx;
margin: 0 32rpx;
display: flex;
justify-content: center;
align-items: center;
}
.purBodyHao {
color: #879099;
font-size: 26rpx;
margin-right: 32rpx;
}
.purBodyMa {
color: #22272B;
font-size: 26rpx;
}
.purTextHaoMa {
width: 638rpx;
height: 64rpx;
display: flex;
align-items: center;
}
.putBtnUnt {
height: 100rpx;
background: #ffffff;
display: flex;
align-items: center;
justify-content: space-around;
position: fixed;
bottom: 10rpx;
left: 50%;
transform: translate(-50%, 0);
width: 100%;
}
.QuBuy {
color: #FFFFFF;
font-size: 28rpx;
}
.OnBuy {
color: #FFFFFF;
font-size: 28rpx;
}
.QuBuyGo {
width: 328rpx;
height: 80rpx;
background: #dcdee0;
border-radius: 48rpx;
display: flex;
justify-content: center;
align-items: center;
margin-right: 26rpx;
}
.QuBuyUi {
width: 328rpx;
height: 80rpx;
background: linear-gradient(135deg, #ff814a, #ff9d66);
border-radius: 48rpx;
display: flex;
justify-content: center;
align-items: center;
}
.purNavImg {
margin: 26rpx 36rpx 36rpx 28rpx;
}
.purNavImg image {
width: 200rpx;
height: 200rpx;
}
.purNavHeight {
height: 100%;
}
... ...
.perCon {
background-color: #F7F8FA;
border-top: 1rpx solid #efefef;
}
.perTop {
height: 104rpx;
background-color: #ffffff;
display: flex;
align-items: center;
border-bottom: 1rpx solid #efefef;
}
.petTopText {
margin-left: 32rpx;
width: 50%;
}
.petTopImg {
width: 60%;
display: flex;
justify-content: flex-end;
}
.petTopImg image {
width: 64rpx;
height: 64rpx;
}
.petTopPic {
margin-right: 32rpx;
display: flex;
align-items: center;
}
.petTopPic image {
width: 32rpx;
height: 32rpx;
}
.HiddenText {
margin: 44rpx 206rpx;
}
.petTopUserName {
color: #B4BCCC;
font-size: 32rpx;
white-space: nowrap;
max-width: 453rpx;
overflow: hidden;
text-overflow: ellipsis;
}
.petTx {
color: #323233;
font-size: 32rpx;
}
.zhezhao {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.3);
display: flex;
justify-content: center;
align-items: center;
}
.Hidden {
width: 540rpx;
height: 364rpx;
background-color: #FFFFFF;
border-radius: 20rpx;
}
.setName {
color: #06121F;
font-size: 32rpx;
}
.cancel {
color: #8C9198;
font-size: 32rpx;
}
.save {
color: #FF834D;
font-size: 32rpx;
}
.HiddenOkQu {
display: flex;
justify-content: space-evenly;
border-top: 2rpx solid #E3E3E3;
margin-top: 54rpx;
width: 100%;
}
.HiddenInput {
margin: 0 50rpx 0 40rpx;
}
.HiddenCancel {
width: 50%;
border-right: 1rpx solid #E3E3E3;
display: flex;
justify-content: center;
padding-top: 26rpx;
}
.HiddenSave {
width: 50%;
display: flex;
justify-content: center;
padding-top: 26rpx;
}
.InputName {
border: 1rpx solid #eeeeee;
background: #fafafa;
border-radius: 4rpx;
padding: 10rpx;
}
... ...
.berCon {
position: relative;
padding-top: 28rpx;
}
.berInput {
height: 104rpx;
margin: 0 32rpx 32rpx 32rpx;
display: flex;
align-items: center;
background: #ffffff;
border-radius: 16rpx;
padding-left: 20rpx;
}
.berTextarea {
margin: 32rpx;
background-color: #FFFFFF;
border-radius: 16rpx;
}
.berBottom {
display: flex;
align-items: center;
padding-bottom: 15rpx;
}
.berAddresxz {
margin: 0 4rpx 0 12rpx;
color: #22272B;
font-size: 28rpx;
max-width: 280rpx;
display: -webkit-box;
word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.BtnBack {
height: 80rpx;
background: #ff834d;
border-radius: 48rpx;
display: flex;
margin: 10rpx 32rpx;
justify-content: center;
align-items: center;
}
.BtnBackup {
background-color: #FFFFFF;
height: 100rpx;
position: fixed;
bottom: 0;
width: 100%;
}
.place-holder {
margin-left: 32rpx !important;
}
.BtnBackText {
color: #FFFFFF;
font-size: 32rpx;
}
.SelectData {
position: absolute;
top: 20rpx;
left: 193rpx;
color: #B4BCCC;
}
.sizeColor {
color: #B4BCCC;
}
.zd_textarea {
padding: 32rpx 0 0 32rpx;
}
... ...
.purCon {
background-color: #F7F8FA;
}
.purYi {
color: #969799;
font-size: 28rpx;
}
.purJia {
color: #969799;
font-size: 28rpx;
}
.purOk {
color: #969799;
font-size: 28rpx;
}
.purYiText {
border-bottom: 2rpx solid #FF814A;
padding: 20rpx 0;
}
.purJiaText {
border-bottom: 2rpx solid #FF814A;
padding: 20rpx 0;
}
.purOkText {
border-bottom: 2rpx solid #FF814A;
padding: 20rpx 0;
}
.active {
color: #FF834D !important;
}
.purTop {
display: flex;
justify-content: space-around;
height: 88rpx;
align-items: center;
background-color: #FFFFFF;
border-top: 1rpx solid #efefef;
}
.purNavBody {
width: 686rpx;
height: 262rpx;
background: #ffffff;
border-radius: 16rpx;
margin: 32rpx;
display: flex;
align-items: center;
}
.purFu {
color: #EE0A24;
font-size: 28rpx;
}
.purFuSum {
color: #EE0A24;
font-size: 36rpx;
}
.purBodyText {
color: #323233;
font-size: 28rpx;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.purBotText {
margin: 24rpx 56rpx 38rpx 0;
height: 96rpx;
}
.goPing {
width: 152rpx;
height: 56rpx;
background: linear-gradient(135deg, #ff814a, #ff9d66);
border-radius: 48rpx;
display: flex;
justify-content: center;
align-items: center;
margin-right: 36rpx;
}
.goPingText {
color: #FFFFFF;
font-size: 24rpx;
}
.heText {
color: #22272B;
font-size: 22rpx;
margin: 0 16rpx 0 34rpx;
}
.FuText {
color: #FF834D;
font-size: 32rpx;
}
.SumText {
color: #FF834D;
font-size: 44rpx;
margin-right: 302rpx;
}
.purNavone {
width: 686rpx;
background: #ffffff;
border-radius: 16rpx;
align-items: center;
margin-bottom: 32rpx;
}
.purBood {
margin: 32rpx;
}
.purNavont {
display: flex;
align-items: center;
justify-content: space-between;
border-top: 1rpx solid #EBEDF0;
padding: 20rpx 0;
}
.goOnOk {
color: #FF834D;
font-size: 24rpx;
}
.purNavOk {
margin-left: 28rpx;
}
.purNavheText {
display: flex;
align-items: center;
}
.SumTextMoney {
color: #FF834D;
font-size: 44rpx;
margin-right: 46rpx;
}
.purNavImg {
margin: 26rpx 36rpx 36rpx 28rpx;
}
.purNavHeight {
height: 100%;
}
... ...
.container{
padding: 0 32rpx;
}
.inputBox {
display: flex;
align-items: center;
font-size: 32rpx;
color: #323233;
background-color: #fff;
padding: 0 32rpx;
padding-bottom: 24rpx;
}
.uni-input {
font-size: 28rpx;
background: #FFF;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
background: #f7f8fa;
width: 606rpx;
margin-top: 20rpx;
border-radius: 180rpx;
padding: 0 24rpx;
}
.searchText {
font-size: 28rpx;
color: #323233;
margin-left: 6rpx;
}
.searchBox {
margin-top: 30rpx;
}
.pickerIner{
height: 40rpx;
margin-top: 0rpx;
}
\ No newline at end of file
... ...
.seaCon {
padding: 0 32rpx;
background: #ffffff;
height: 100%;
}
.inputBox {
height: 108rpx;
display: flex;
align-items: center;
}
.inputBox image {
width: 28rpx;
height: 28rpx;
}
.uni-input {
font-size: 28rpx;
background: #FFF;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
background: #f7f8fa;
width: 606rpx;
margin-top: 20rpx;
border-radius: 180rpx;
}
.searchText {
font-size: 28rpx;
color: #323233;
margin-left: 16rpx;
margin-top: 20rpx;
}
.searchBox {
margin-top: 30rpx;
}
.topBox {
display: flex;
justify-content: space-between;
align-items: center;
}
.delIcon {
width: 32rpx;
height: 32rpx;
}
.delIcon image {
width: 32rpx;
height: 32rpx;
}
.searchList {
margin-top: 56rpx;
display: flex;
flex-wrap: wrap;
}
.searchItem {
background: #f7f8fa;
margin-right: 24rpx;
margin-bottom: 24rpx;
border-radius: 16rpx;
}
.result {
padding: 10rpx 26rpx;
font-size: 28rpx;
color: #323233;
}
... ...
.uni-input {
border-radius: 180rpx;
font-size: 28rpx;
display: flex;
align-items: center;
}
.listBoxTop {
background-color: #ff834d;
height: 108rpx;
display: flex;
align-items: center;
position: fixed;
width: 100%;
overflow: hidden;
z-index: 20;
}
.listBoxInput {
height: 68rpx;
width: 596rpx;
display: flex;
align-items: center;
margin: 0 32rpx;
}
.listBoxText {
display: flex;
align-items: center;
}
.listTextss {
font-size: 28rpx;
color: #FFFFFF;
}
.listAddress {
padding-top: 110rpx;
}
... ...
.purCon {
background-color: #F7F8FA;
}
.purYi {
color: #969799;
font-size: 28rpx;
}
.purJia {
color: #969799;
font-size: 28rpx;
}
.purOk {
color: #969799;
font-size: 28rpx;
}
.purYiText {
border-bottom: 2rpx solid #FF814A;
padding: 20rpx 0;
}
.purJiaText {
border-bottom: 2rpx solid #FF814A;
padding: 20rpx 0;
}
.purOkText {
border-bottom: 2rpx solid #FF814A;
padding: 20rpx 0;
}
.active {
color: #FF834D !important;
}
.purTop {
display: flex;
justify-content: space-around;
height: 88rpx;
align-items: center;
background-color: #FFFFFF;
border-top: 1rpx solid #efefef;
}
.purNavBody {
width: 686rpx;
height: 262rpx;
background: #ffffff;
border-radius: 16rpx;
margin: 32rpx;
display: flex;
align-items: center;
}
.purFu {
color: #EE0A24;
font-size: 28rpx;
}
.purFuSum {
color: #EE0A24;
font-size: 36rpx;
}
.purBodyText {
color: #323233;
font-size: 28rpx;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.purBotText {
margin: 24rpx 56rpx 38rpx 0;
}
.goPing {
width: 152rpx;
height: 56rpx;
background: linear-gradient(135deg, #ff814a, #ff9d66);
border-radius: 48rpx;
display: flex;
justify-content: center;
align-items: center;
margin-right: 36rpx;
}
.goPingText {
color: #FFFFFF;
font-size: 24rpx;
}
.heText {
color: #22272B;
font-size: 22rpx;
margin: 0 16rpx 0 34rpx;
}
.FuText {
color: #FF834D;
font-size: 32rpx;
}
.SumText {
color: #FF834D;
font-size: 44rpx;
margin-right: 302rpx;
}
.purNavone {
width: 686rpx;
background: #ffffff;
border-radius: 16rpx;
align-items: center;
margin-bottom: 32rpx;
}
.purBood {
margin: 32rpx;
border-radius: 16rpx;
}
.purNavont {
display: flex;
align-items: center;
justify-content: space-between;
border-top: 1rpx solid #EBEDF0;
padding: 20rpx;
}
.goOnOk {
color: #FF834D;
font-size: 24rpx;
}
.purNavOk {
margin-left: 28rpx;
}
.purNavheText {
display: flex;
align-items: center;
}
.SumTextMoney {
color: #FF834D;
font-size: 44rpx;
margin-right: 46rpx;
}
.purNavImg {
margin: 26rpx 36rpx 36rpx 28rpx;
}
.purNavHeight {
height: 100%;
}
... ...
.sysTitle {
color: #22272B;
font-size: 40rpx;
}
.sysTime {
color: #879099;
font-size: 24rpx;
}
.sysPic {
margin: 40rpx 32rpx 64rpx 32rpx;
}
.sysTitleCon {
padding: 40rpx 0 16rpx 32rpx;
}
.sysTimeCon {
margin-left: 36rpx;
}
.sysNav {
margin: 0 32rpx;
}
.sysNavText {
font-size: 28rpx;
color: #525961;
}
... ...
.comCon {
position: relative;
}
.comNav {
position: absolute;
top: 45rpx;
width: 100%;
}
.comBack {
height: 324rpx;
background: #ff834d;
border-bottom-right-radius: 25%;
border-bottom-left-radius: 25%;
}
.purNavBody {
height: 262rpx;
background: #ffffff;
border-radius: 16rpx;
margin: 0 32rpx;
display: flex;
align-items: center;
}
.purFu {
color: #EE0A24;
font-size: 28rpx;
}
.purFuSum {
color: #EE0A24;
font-size: 36rpx;
}
.purBodyText {
color: #323233;
font-size: 28rpx;
}
.purBotText {
max-height: 118rpx;
overflow: hidden;
margin-bottom: 24rpx;
}
.purBodyNav {
height: 118rpx;
background: #ffffff;
border-radius: 16rpx;
margin: 32rpx;
display: flex;
justify-content: center;
flex-direction: column;
}
.purBodyHao {
color: #879099;
font-size: 26rpx;
margin-right: 32rpx;
}
.purBodyMa {
color: #22272B;
font-size: 26rpx;
}
.purTextHaoMa {
height: 64rpx;
display: flex;
align-items: center;
margin-left: 24rpx;
}
.putBtnUnt {
height: 100rpx;
background: #ffffff;
display: flex;
align-items: center;
justify-content: space-around;
position: fixed;
bottom: 10rpx;
left: 50%;
transform: translate(-50%, 0);
width: 100%;
}
.orderOn {
color: #FFFFFF;
font-size: 44rpx;
max-width: 310rpx;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.orderText {
display: flex;
align-items: center;
margin: 0 0 58rpx 32rpx;
}
.purBodyImage {
margin: 26rpx 36rpx 36rpx 28rpx;
}
.purBotText {
margin: 24rpx 56rpx 52rpx 0;
}
.purBackWd {
height: 80rpx;
background: #DCDEE0;
border-radius: 48rpx;
margin: 10rpx 32rpx;
display: flex;
justify-content: center;
align-items: center;
width: 50%;
}
.purBackYm {
height: 80rpx;
background: #ff834d;
border-radius: 48rpx;
margin: 10rpx 32rpx;
display: flex;
justify-content: center;
align-items: center;
width: 50%;
}
.purBottom {
position: fixed;
bottom: 0;
width: 100%;
height: 100rpx;
background: #ffffff;
display: flex;
}
.purWd {
color: #FFFFFF;
font-size: 28rpx;
}
.purYm {
color: #FFFFFF;
font-size: 28rpx;
}
.orderEnd {
color: #FF834D;
font-size: 28rpx;
}
.orderlevet {
color: #FFFFFF;
font-size: 18rpx;
}
.orderinEnd {
width: 146rpx;
height: 68rpx;
background: #ffffff;
border-radius: 180rpx 0rpx 0rpx 180rpx;
display: flex;
justify-content: center;
align-items: center;
}
.orderNavTitle {
color: #FFFFFF;
font-size: 24rpx;
}
.orderOnLent {
display: flex;
width: 96rpx;
height: 34rpx;
border: 1px solid #ffffff;
border-radius: 180rpx;
justify-content: center;
margin-left: 26rpx;
}
.orderImage {
width: 20%;
display: flex;
justify-content: center;
}
.orderNav {
width: 70%;
}
.orderNavItem {
display: flex;
align-items: center;
}
... ...