149 changed files with 2827 additions and 6434 deletions
@ -1,151 +0,0 @@
|
||||
/**app.wxss**/ |
||||
view, |
||||
scroll-view, |
||||
swiper, |
||||
button, |
||||
input, |
||||
textarea, |
||||
label, |
||||
navigator, |
||||
image { |
||||
-webkit-box-sizing: border-box; |
||||
box-sizing: border-box; |
||||
} |
||||
image{ |
||||
/* border-radius: 8rpx; */ |
||||
} |
||||
/* layout */ |
||||
.acea-row-nowrap { |
||||
display: flex; |
||||
/* 辅助类 */ |
||||
} |
||||
.acea-row { |
||||
display: flex; |
||||
flex-wrap: wrap; |
||||
/* 辅助类 */ |
||||
} |
||||
.acea-row.row-middle,.acea-row-nowrap.row-middle{ |
||||
align-items: center; |
||||
} |
||||
.acea-row.row-top,.acea-row-nowrap.row-top { |
||||
align-items: flex-start; |
||||
} |
||||
.acea-row.row-bottom { |
||||
align-items: flex-end; |
||||
} |
||||
.acea-row.row-center,.acea-row-nowrap.row-center { |
||||
justify-content: center; |
||||
} |
||||
.acea-row.row-right,.acea-row-nowrap.row-right { |
||||
justify-content: flex-end; |
||||
} |
||||
.acea-row.row-left,.acea-row-nowrap.row-left { |
||||
justify-content: flex-start; |
||||
} |
||||
.acea-row.row-between,.acea-row-nowrap.row-between { |
||||
justify-content: space-between; |
||||
} |
||||
.acea-row.row-around, .acea-row-nowrap.row-around{ |
||||
justify-content: space-around; |
||||
} |
||||
.acea-row.row-column-around,.acea-row-nowrap.row-column-around { |
||||
flex-direction: column; |
||||
justify-content: space-around; |
||||
} |
||||
.acea-row.row-column { |
||||
flex-direction: column; |
||||
} |
||||
.acea-row.row-column-between,.acea-row-nowrap.row-column-between { |
||||
flex-direction: column; |
||||
justify-content: space-between; |
||||
} |
||||
/* 上下左右垂直居中 */ |
||||
.acea-row.row-center-wrapper,.acea-row-nowrap.row-center-wrapper { |
||||
align-items: center; |
||||
justify-content: center; |
||||
} |
||||
/* 上下两边居中对齐 */ |
||||
.acea-row.row-between-wrapper,.acea-row-nowrap.row-between-wrapper { |
||||
align-items: center; |
||||
justify-content: space-between; |
||||
} |
||||
.line1{ |
||||
overflow:hidden; |
||||
text-overflow:ellipsis; |
||||
white-space:nowrap; |
||||
width: 100%; |
||||
} |
||||
.line2{ |
||||
word-break:break-all; |
||||
display:-webkit-box; |
||||
-webkit-line-clamp:2; |
||||
-webkit-box-orient:vertical; |
||||
overflow:hidden; |
||||
} |
||||
|
||||
.back-btn{ |
||||
width: 36rpx; |
||||
height: 36rpx; |
||||
position: fixed; |
||||
left: 40rpx; |
||||
text-align: center; |
||||
line-height: 36rpx; |
||||
z-index: 99; |
||||
} |
||||
.back-btn image{ |
||||
width: 100%; |
||||
height: 100%; |
||||
} |
||||
|
||||
|
||||
|
||||
radio .wx-radio-input.wx-radio-input-checked { |
||||
border-color: #cc0000; |
||||
background: #cc0000; |
||||
} |
||||
radio .wx-radio-input { |
||||
height: 33rpx; |
||||
width: 33rpx; |
||||
margin-top: -4rpx; |
||||
border-radius: 50%; |
||||
border: 2rpx solid #999; |
||||
background: transparent; |
||||
} |
||||
radio .wx-radio-input.wx-radio-input-checked::before { |
||||
border-radius: 50%; /* 圆角 */ |
||||
width: 35rpx; /* 选中后对勾大小，不要超过背景的尺寸 */ |
||||
height: 35rpx; /* 选中后对勾大小，不要超过背景的尺寸 */ |
||||
line-height: 35rpx; |
||||
text-align: center; |
||||
font-size: 28rpx; /* 对勾大小 30rpx */ |
||||
color: #fff; /* 对勾颜色 白色 */ |
||||
background: #FF5100; |
||||
border: 2rpx solid #FF5100; |
||||
transform: translate(-50%, -50%) scale(1); |
||||
-webkit-transform: translate(-50%, -50%) scale(1); |
||||
} |
||||
|
||||
.no-list{ |
||||
display: flex; |
||||
flex-direction: column; |
||||
align-items: center; |
||||
font-size: 46rpx; |
||||
color: #D8D8D8; |
||||
font-weight: 500; |
||||
padding-top: 20%; |
||||
} |
||||
.no-list image{ |
||||
width: 536rpx; |
||||
height: 490rpx; |
||||
} |
||||
.no-list .to-btn{ |
||||
width: 458rpx; |
||||
height: 88rpx; |
||||
line-height: 88rpx; |
||||
text-align: center; |
||||
background: linear-gradient(134deg, #FFA782 0%, #FF6D31 100%); |
||||
border-radius: 44rpx; |
||||
font-size: 40rpx; |
||||
color: #fff; |
||||
margin-top: 160rpx; |
||||
} |
||||
@ -1,89 +0,0 @@
|
||||
<template> |
||||
<view class="pageTitle-box" :class="isFixed ? 'showPageTitle' : ''" |
||||
:style="{'padding-top':menuTop + 'px',height: menuHeight+ 'px'}"> |
||||
<view class="top-logo acea-row row-center" |
||||
:style="'height:' + menuHeight + 'px;line-height: ' + menuHeight + 'px;'"> |
||||
{{title}} |
||||
</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
const app = getApp(); |
||||
export default { |
||||
props: { |
||||
isFixed: { |
||||
type: Boolean, |
||||
default: false |
||||
}, |
||||
title: { |
||||
type: String , |
||||
default: '' |
||||
} |
||||
}, |
||||
data() { |
||||
return { |
||||
menuHeight: app.globalData.menuHeight, |
||||
menuTop: app.globalData.menuTop, |
||||
}; |
||||
}, |
||||
methods:{ |
||||
|
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="less"> |
||||
|
||||
.pageTitle-box { |
||||
width: 100%; |
||||
position: fixed; |
||||
top: 0; |
||||
z-index: 99; |
||||
color: #fff; |
||||
transition: all .5s; |
||||
} |
||||
|
||||
.showPageTitle { |
||||
background: #fff; |
||||
color: #000000 !important; |
||||
opacity: 1; |
||||
font-weight: normal; |
||||
.top-logo { |
||||
color: #000; |
||||
background-color: #fff; |
||||
} |
||||
} |
||||
.page-top-box { |
||||
width: 100%; |
||||
position: fixed; |
||||
top: 0; |
||||
left: 0; |
||||
z-index: 99; |
||||
background: #fff; |
||||
padding: 0 30rpx 20rpx; |
||||
box-shadow: 0px -6px 20px rgba(0, 0, 0, 0.11); |
||||
.top-box { |
||||
.top-box-l { |
||||
font-size: 32rpx; |
||||
color: #000; |
||||
font-weight: 500; |
||||
|
||||
image { |
||||
width: 26rpx; |
||||
height: 30rpx; |
||||
display: block; |
||||
margin-right: 10rpx; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
.top-logo { |
||||
position: absolute; |
||||
width: 100%; |
||||
color: #fff; |
||||
font-weight: 600; |
||||
font-size: 32rpx; |
||||
transition: all .5s cubic-bezier(.25, .5, .5, .9); |
||||
} |
||||
</style> |
||||
@ -1,82 +0,0 @@
|
||||
/* pages/activity/signIn/confirm/index.wxss */ |
||||
.confirm-page{ |
||||
width: 100%; |
||||
min-height: 100%; |
||||
background: #f2f2f2; |
||||
} |
||||
.userInfo-box{ |
||||
box-sizing: border-box; |
||||
padding: 56rpx 32rpx; |
||||
background: #fff; |
||||
margin-bottom: 32rpx; |
||||
|
||||
} |
||||
.title-box{ |
||||
font-size: 32rpx; |
||||
color: #333; |
||||
margin-bottom: 38rpx; |
||||
} |
||||
.edit-box{ |
||||
font-size:24rpx; |
||||
} |
||||
.edit-box image{ |
||||
width: 24rpx; |
||||
height: 24rpx; |
||||
margin-right: 4rpx; |
||||
} |
||||
.info-box{ |
||||
font-size: 28rpx; |
||||
} |
||||
.phone{ |
||||
margin-left: 300rpx; |
||||
} |
||||
.name view:nth-child(1){ |
||||
color: #868686; |
||||
margin-bottom: 16rpx; |
||||
} |
||||
|
||||
.activity-info-box{ |
||||
width: 100%; |
||||
background: #fff; |
||||
padding: 32rpx; |
||||
box-sizing: border-box; |
||||
} |
||||
.title{ |
||||
font-size: 32rpx; |
||||
color: #333; |
||||
line-height: 48rpx; |
||||
font-weight: bold; |
||||
margin-bottom: 40rpx; |
||||
} |
||||
.activity-info{ |
||||
display: flex; |
||||
justify-content: space-between; |
||||
font-size: 28rpx; |
||||
margin-bottom: 24rpx; |
||||
} |
||||
.address{ |
||||
overflow:hidden; |
||||
white-space: pre-wrap; |
||||
width: 80%; |
||||
text-align: right; |
||||
} |
||||
.settle-box{ |
||||
font-size: 32rpx; |
||||
font-weight: 600; |
||||
margin-top: 60rpx; |
||||
} |
||||
.money{ |
||||
color: #EBB672; |
||||
} |
||||
.pay-btn{ |
||||
position: fixed; |
||||
bottom: 60rpx; |
||||
left: 0; |
||||
width: 100%; |
||||
height: 76rpx; |
||||
background: #EBB672; |
||||
color: #FFF; |
||||
font-size: 32rpx; |
||||
line-height: 76rpx; |
||||
text-align: center; |
||||
} |
||||
File diff suppressed because it is too large
Load Diff
@ -1,322 +0,0 @@
|
||||
/* pages/demandHall/index.wxss */ |
||||
image{ |
||||
border-radius: 8rpx; |
||||
} |
||||
.dmandhall-page{ |
||||
padding-bottom: 130rpx; |
||||
min-height: 100vh; |
||||
font-size: 28rpx; |
||||
background: #F5F5F5; |
||||
} |
||||
.top-box{ |
||||
width: 100%; |
||||
padding: 0 40rpx; |
||||
background: #fff; |
||||
} |
||||
.tab-item{ |
||||
width: 162rpx; |
||||
height: 40rpx; |
||||
line-height: 40rpx; |
||||
text-align: center; |
||||
margin-right: 12rpx; |
||||
font-size: 28rpx; |
||||
color: #BFBFBF; |
||||
} |
||||
.tab-item-a{ |
||||
font-size: 36rpx; |
||||
color: #FF5100; |
||||
} |
||||
.top-r-box image{ |
||||
width: 36rpx; |
||||
height: 36rpx; |
||||
margin-left: 30rpx; |
||||
} |
||||
.resource-tabs{ |
||||
width: 100%; |
||||
padding-top: 40rpx; |
||||
background: #fff; |
||||
border-bottom: 2rpx solid #EEEEEE; |
||||
} |
||||
.tab{ |
||||
width: 162rpx; |
||||
padding: 26rpx 0; |
||||
font-size: 28rpx; |
||||
color: #BFBFBF; |
||||
position: relative; |
||||
} |
||||
.tab::after{ |
||||
display: block; |
||||
content: ''; |
||||
width: 50rpx; |
||||
height: 16rpx; |
||||
border-radius: 8rpx; |
||||
background: #FF5100; |
||||
position: absolute; |
||||
bottom: -8rpx; |
||||
left: 50%; |
||||
margin-left: -50rpx; |
||||
opacity: 0; |
||||
transform:scaleX(0); |
||||
transition: all .2s cubic-bezier(.18,.89,.17,.88),opacity .15s ease; |
||||
} |
||||
.tab-a{ |
||||
color: #333; |
||||
} |
||||
.tab-a::after{ |
||||
opacity: 1; |
||||
transform: scaleX(1); |
||||
} |
||||
|
||||
.screen-box{ |
||||
width: 100%; |
||||
height: 94rpx; |
||||
padding: 0 38rpx; |
||||
color: #666; |
||||
background: #fff; |
||||
} |
||||
.screen-result{ |
||||
font-size: 28rpx; |
||||
color: #FF5100; |
||||
} |
||||
.screen image{ |
||||
width: 27rpx; |
||||
height: 27rpx; |
||||
margin-left: 6rpx; |
||||
} |
||||
|
||||
.resource-list{ |
||||
width: 100%; |
||||
padding: 24rpx 40rpx; |
||||
} |
||||
.resource-item{ |
||||
width: 100%; |
||||
min-height: 302rpx; |
||||
background: #fff; |
||||
border-radius: 12rpx; |
||||
padding: 20rpx; |
||||
margin-bottom: 20rpx; |
||||
position: relative; |
||||
} |
||||
.resource-item image{ |
||||
width: 154rpx; |
||||
height: 154rpx; |
||||
margin-right: 20rpx; |
||||
} |
||||
.resource-info{ |
||||
width: calc(100% - 170rpx); |
||||
} |
||||
.resource-item .title{ |
||||
font-size: 32rpx; |
||||
font-weight: 500; |
||||
line-height: 44rpx; |
||||
color: #1D1D1D; |
||||
} |
||||
.desc{ |
||||
font-size: 24rpx; |
||||
color: #666666; |
||||
line-height: 34rpx; |
||||
} |
||||
.price{ |
||||
color: #FF5100; |
||||
line-height: 40rpx; |
||||
font-weight: 600; |
||||
margin: 10rpx 0 40rpx; |
||||
} |
||||
.company-info{ |
||||
color: #A7A7A7; |
||||
font-size: 24rpx; |
||||
} |
||||
.company-info text{ |
||||
display: inline-block; |
||||
margin-right: 18rpx; |
||||
} |
||||
.tags-box{ |
||||
margin: 6rpx 0 10rpx; |
||||
} |
||||
.tag-item{ |
||||
width: 112rpx; |
||||
height: 36rpx; |
||||
display: inline-block; |
||||
line-height: 34rpx; |
||||
text-align: center; |
||||
font-size: 20rpx; |
||||
border: 1rpx solid #FFAA00; |
||||
color: #FFAA00; |
||||
border-radius: 4rpx; |
||||
margin-right: 8rpx; |
||||
} |
||||
.bgG{ |
||||
border: 1rpx solid #3A9EFA; |
||||
color: #3A9EFA; |
||||
} |
||||
.bgO{ |
||||
border: 1rpx solid #FC9367; |
||||
color: #FC9367; |
||||
} |
||||
.toMore-btn{ |
||||
width: 164rpx; |
||||
height: 44rpx; |
||||
background: linear-gradient(141deg, #FFA782 0%, #FF6D31 100%); |
||||
border-radius: 8rpx; |
||||
font-size: 28rpx; |
||||
font-weight: bold; |
||||
line-height: 40rpx; |
||||
color: #FFFFFF; |
||||
text-align: center; |
||||
line-height: 44rpx; |
||||
position: absolute; |
||||
right: 20rpx; |
||||
bottom: 20rpx; |
||||
} |
||||
.anli-list{ |
||||
font-size: 24rpx; |
||||
color: #666; |
||||
margin: 24rpx 0 20rpx; |
||||
} |
||||
.anli-item image{ |
||||
width: 220rpx; |
||||
height: 136rpx; |
||||
margin-right: 8rpx; |
||||
} |
||||
.comment{ |
||||
font-size: 20rpx; |
||||
color: #FF6D31; |
||||
} |
||||
.company-list-box{ |
||||
width: 100%; |
||||
background: #fff; |
||||
} |
||||
.company-list{ |
||||
width: 100%; |
||||
border-top: 2rpx solid #EEEEEE; |
||||
} |
||||
.company-item{ |
||||
width: 100%; |
||||
padding: 40rpx; |
||||
border-bottom: 2rpx solid #EEEEEE; |
||||
} |
||||
.title-box .title{ |
||||
width: 550rpx; |
||||
} |
||||
.title-box .price{ |
||||
margin: 0; |
||||
} |
||||
.company-item .tags-box{ |
||||
margin: 20rpx 0; |
||||
} |
||||
.btn-box{ |
||||
margin-top: 20rpx; |
||||
font-size: 24rpx; |
||||
color: #707070; |
||||
} |
||||
.btn-box .toMore-btn{ |
||||
position: static; |
||||
} |
||||
|
||||
.mask-box{ |
||||
width: 100%; |
||||
height: 100vh; |
||||
background: rgba(0,0,0,.6); |
||||
position:fixed; |
||||
top: 0;/* #ifdef H5 */ |
||||
top: calc(88rpx + constant(safe-area-inset-top)); |
||||
top: calc(88rpx + env(safe-area-inset-top));/* #endif */ |
||||
left: 0; |
||||
z-index: 9999; |
||||
} |
||||
.screen-dialog-box{ |
||||
width: 602rpx; |
||||
height: 100%; |
||||
/* padding-bottom: 160rpx; */ |
||||
overflow-y: scroll; |
||||
background-color: #fff; |
||||
position: absolute; |
||||
top: 0; |
||||
right: 0rpx; |
||||
animation: move 200ms ease; |
||||
} |
||||
/* .move{ |
||||
right: 0rpx; |
||||
} */ |
||||
@keyframes move{ |
||||
0%{ |
||||
transform: translateX(800rpx); |
||||
} |
||||
100%{ |
||||
transform: translateX(0rpx); |
||||
} |
||||
} |
||||
.screen-item{ |
||||
width: 100%; |
||||
padding: 0 38rpx; |
||||
padding-bottom: 22rpx; |
||||
border-bottom: 2rpx solid #EEEEEE; |
||||
} |
||||
.screen-title{ |
||||
font-size: 24rpx; |
||||
color: #000; |
||||
margin-bottom: 32rpx; |
||||
} |
||||
.screen-item{ |
||||
padding-top: 40rpx; |
||||
} |
||||
|
||||
.screen-item .item{ |
||||
width: 162rpx; |
||||
height: 48rpx; |
||||
line-height: 48rpx; |
||||
text-align: center; |
||||
font-size: 24rpx; |
||||
color: #666666; |
||||
background: #F6F6F6; |
||||
border-radius: 4rpx; |
||||
margin-bottom: 20rpx; |
||||
margin-right: 20rpx; |
||||
} |
||||
.screen-item .item:nth-child(3n){ |
||||
margin-right: 0; |
||||
} |
||||
.screen-item .item-active{ |
||||
border: 2rpx solid #FF6E33; |
||||
color: #FE7D26; |
||||
background: #FDEFE6; |
||||
} |
||||
.across-line{ |
||||
width: 44rpx; |
||||
height: 2rpx; |
||||
background: #ACABAB; |
||||
margin: 0 12rpx; |
||||
} |
||||
.low-price{ |
||||
width: 228rpx; |
||||
height: 60rpx; |
||||
background: #F6F5F5; |
||||
border-radius: 4rpx; |
||||
} |
||||
.low-price input{ |
||||
width: 100%; |
||||
height: 100%; |
||||
text-align: center; |
||||
} |
||||
.fz20{ |
||||
font-size: 20rpx; |
||||
color: #393939; |
||||
} |
||||
.submit-box{ |
||||
width: 602rpx; |
||||
height: 100rpx; |
||||
box-shadow: 2rpx 0px 12rpx rgba(0, 0, 0, 0.16); |
||||
position: fixed; |
||||
bottom: 0; |
||||
right: 0; |
||||
} |
||||
.submit-box .btn{ |
||||
width: 50%; |
||||
height: 100%; |
||||
line-height: 100rpx; |
||||
text-align: center; |
||||
} |
||||
.submit-box .finish{ |
||||
background: #FF660C; |
||||
color: #fff; |
||||
} |
||||
@ -1,198 +0,0 @@
|
||||
/* pages/demandHall/needsDetail/index.wxss */ |
||||
.needsDetail-box{ |
||||
padding-bottom: 190rpx; |
||||
} |
||||
.top-box{ |
||||
width: 100%; |
||||
padding: 40rpx 40rpx; |
||||
background: linear-gradient(180deg, #FF5100 0%, #FFA782 100%); |
||||
} |
||||
.count-down-box{ |
||||
text-align: right; |
||||
color: #FFFFFF; |
||||
font-size: 24rpx; |
||||
padding: 30rpx 0; |
||||
} |
||||
.needs-info{ |
||||
width: 100%; |
||||
padding: 24rpx 20rpx; |
||||
background: #fff; |
||||
font-size: 28rpx; |
||||
color: #1D1D1D; |
||||
line-height: 34rpx; |
||||
border-radius: 12rpx; |
||||
} |
||||
.info-item{ |
||||
display: flex; |
||||
align-items: top; |
||||
margin-bottom: 20rpx; |
||||
} |
||||
.item-l{ |
||||
color: #707070; |
||||
} |
||||
.item-r{ |
||||
width: 484rpx; |
||||
margin-left: 16rpx; |
||||
} |
||||
.content-box{ |
||||
width: 100%; |
||||
padding: 40rpx 0; |
||||
} |
||||
.company-info-box{ |
||||
padding: 0 40rpx; |
||||
} |
||||
.add-content-box{ |
||||
padding-left: 40rpx; |
||||
} |
||||
.tag{ |
||||
width: 216rpx; |
||||
height: 48rpx; |
||||
line-height: 48rpx; |
||||
text-align: center; |
||||
font-size: 24rpx; |
||||
color: #fff; |
||||
background: linear-gradient(314deg, #FF5100 0%, #FF8800 100%); |
||||
border-radius: 8rpx; |
||||
margin: 16rpx 0; |
||||
} |
||||
.col-line{ |
||||
width: 8rpx; |
||||
height: 36rpx; |
||||
background: #FF7942; |
||||
border-radius: 4rpx; |
||||
margin-right: 14rpx; |
||||
} |
||||
|
||||
.colG{ |
||||
font-size: 28rpx; |
||||
line-height: 40rpx; |
||||
color: #707070; |
||||
margin-left: 20rpx; |
||||
} |
||||
.mt40{ |
||||
margin-top: 40rpx; |
||||
} |
||||
.company-card-box { |
||||
padding: 30rpx 12rpx; |
||||
margin-top: 34rpx; |
||||
box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.2); |
||||
} |
||||
.company-logo{ |
||||
width: 150rpx; |
||||
height: 150rpx; |
||||
margin-right: 20rpx; |
||||
border-radius: 8rpx; |
||||
} |
||||
.name{ |
||||
font-size: 32rpx; |
||||
line-height: 44rpx; |
||||
} |
||||
.slogan{ |
||||
font-size: 24rpx; |
||||
line-height: 34rpx; |
||||
color: #666; |
||||
margin: 4rpx 0 12rpx; |
||||
} |
||||
.tags-box{ |
||||
margin: 6rpx 0 10rpx; |
||||
} |
||||
.tag-item{ |
||||
width: 112rpx; |
||||
height: 36rpx; |
||||
display: inline-block; |
||||
line-height: 36rpx; |
||||
text-align: center; |
||||
font-size: 20rpx; |
||||
background: linear-gradient(312deg, #FFB788 0%, #F9C8A7 100%); |
||||
color: #fff; |
||||
border-radius: 4rpx; |
||||
margin-right: 8rpx; |
||||
} |
||||
.bgG{ |
||||
background: linear-gradient(134deg, #AEC8F6 0%, #76A6FA 100%); |
||||
} |
||||
.user-name{ |
||||
|
||||
} |
||||
.header-img{ |
||||
width: 120rpx; |
||||
height: 120rpx; |
||||
border-radius: 50%; |
||||
margin-right: 20rpx; |
||||
} |
||||
.user-name image{ |
||||
width: 134rpx; |
||||
height: 38rpx; |
||||
margin-left: 12rpx; |
||||
} |
||||
.user-name .tyg-tag{ |
||||
width: 164rpx; |
||||
} |
||||
.btn-box{ |
||||
width: 100%; |
||||
height: 150rpx; |
||||
line-height: 150rpx; |
||||
align-self: center; |
||||
background: #fff; |
||||
border-top: 1rpx solid #ececec; |
||||
text-align: right; |
||||
padding-right: 52rpx; |
||||
position: fixed; |
||||
bottom: 0; |
||||
} |
||||
.contact-btn{ |
||||
display: inline-block; |
||||
width: 240rpx; |
||||
height: 88rpx; |
||||
text-align: center; |
||||
line-height: 88rpx; |
||||
background: linear-gradient(134deg, #FFA782 0%, #FF6D31 100%); |
||||
border-radius: 12rpx; |
||||
font-size: 32rpx; |
||||
color: #fff; |
||||
} |
||||
|
||||
.scroll-view_H{ |
||||
white-space: nowrap; |
||||
width: 100%; |
||||
margin-top: 28rpx; |
||||
} |
||||
.scroll-view_H view{ |
||||
display: inline-block; |
||||
width: 216rpx; |
||||
height: 216rpx; |
||||
margin-right: 10rpx; |
||||
} |
||||
.scroll-view_H view image{ |
||||
width: 100%; |
||||
height: 100%; |
||||
border-radius: 8rpx; |
||||
} |
||||
|
||||
.swiper-block { |
||||
height: 300rpx; |
||||
width: 100%; |
||||
} |
||||
.swiper-item { |
||||
display: flex; |
||||
flex-direction: column; |
||||
justify-content: center; |
||||
align-items: flex-start; |
||||
overflow: unset; |
||||
} |
||||
.slide-image { |
||||
height: 250rpx; |
||||
width: 520rpx; |
||||
border-radius: 9rpx; |
||||
margin: 0rpx 30rpx; |
||||
z-index: 1; |
||||
} |
||||
.active { |
||||
/* transform: scale(1.14); |
||||
transition: all 0.2s ease-in 0s; |
||||
z-index: 20; */ |
||||
} |
||||
|
||||
.answer-box{ |
||||
padding: 0 40rpx; |
||||
} |
||||
@ -0,0 +1,163 @@
|
||||
<template> |
||||
<view class="activity-detail"> |
||||
<view class="head_box"> |
||||
<cu-custom :isBack="true" :bgColor="'transparent'"></cu-custom> |
||||
</view> |
||||
<view class="activity-banner"> |
||||
<image :src="detail.images"></image> |
||||
</view> |
||||
<view class="title-box"> |
||||
<view class="title">{{detail.name}}</view> |
||||
<view class="price">¥{{detail.price || 0}}</view> |
||||
</view> |
||||
<view class="activity-info"> |
||||
<view class="title">活动介绍</view> |
||||
<view class="address acea-row"> |
||||
<image src="../../../static/images/address.png"></image> |
||||
<view class="label line1" @click="openMap()">活动地点：{{detail.address || ''}}</view> |
||||
</view> |
||||
<view class="address acea-row"> |
||||
<image src="../../../static/images/time.png"></image> |
||||
<view class="label line1">活动时间：{{detail.activityStartTime || ''}}</view> |
||||
</view> |
||||
<view class="address acea-row"> |
||||
<image src="../../../static/images/price.png"></image> |
||||
<view class="label line1">活动费用：{{detail.price || ''}}</view> |
||||
</view> |
||||
<view class="info-content"> |
||||
<rich-text :nodes="detail.content"></rich-text> |
||||
</view> |
||||
<view class="sign-btn" v-if="detail.status == 1" @click="toSignPage">立即报名</view> |
||||
<view class="cancel-btn" v-if="detail.status == 2">报名截止</view> |
||||
<view class="cancel-btn" v-if="detail.status == 3">活动结束</view> |
||||
<view class="cancel-btn" v-if="detail.status == 0">等待报名</view> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
import { getActivityInfo } from '@/api/home.js' |
||||
import { formatRichText } from '@/utils/util.js' |
||||
export default{ |
||||
data(){ |
||||
return { |
||||
id: '', |
||||
detail: {} |
||||
} |
||||
}, |
||||
mounted() { |
||||
this.id = this.$yroute.query.id |
||||
this.getDetail() |
||||
}, |
||||
methods:{ |
||||
getDetail(){ |
||||
getActivityInfo(this.id).then((res)=>{ |
||||
if(res.success){ |
||||
res.data.content = formatRichText(res.data.content) |
||||
this.detail = res.data |
||||
} else{ |
||||
uni.showToast({ |
||||
title: '服务器错误', |
||||
icon: 'none' |
||||
}) |
||||
} |
||||
}) |
||||
}, |
||||
openMap(){ |
||||
uni.openLocation({ |
||||
latitude: this.detail.latitude, |
||||
longitude: this.detail.longitude, |
||||
success: function () { |
||||
console.log('success'); |
||||
} |
||||
}); |
||||
}, |
||||
toSignPage() { |
||||
uni.navigateTo({ |
||||
url: '/pages/activity/signIn/index?id=' + this.detail.id |
||||
}); |
||||
}, |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="less"> |
||||
.cuIcon-back{ |
||||
color: #fff; |
||||
} |
||||
.activity-detail{ |
||||
width: 100%; |
||||
position: relative; |
||||
.activity-banner{ |
||||
width: 100%; |
||||
height: 750rpx; |
||||
position: absolute; |
||||
top: 0; |
||||
image{ |
||||
width: 100%; |
||||
height: 100%; |
||||
} |
||||
} |
||||
.title-box{ |
||||
width: 100%; |
||||
padding: 60rpx 40rpx 12rpx; |
||||
border-radius: 34rpx 34rpx 0px 0px; |
||||
background: #fff; |
||||
border-bottom: 26rpx solid #F7F7F7; |
||||
position: relative; |
||||
top: 536rpx; |
||||
left: 0; |
||||
.title{ |
||||
color: #212121; |
||||
font-size: 38rpx; |
||||
margin-bottom: 34rpx; |
||||
} |
||||
.price{ |
||||
color: #E70012; |
||||
font-size: 44rpx; |
||||
line-height: 58rpx; |
||||
} |
||||
} |
||||
.activity-info{ |
||||
width: 100%; |
||||
padding: 52rpx 40rpx 32rpx; |
||||
background: #fff; |
||||
position: absolute; |
||||
top: 894rpx; |
||||
left: 0; |
||||
.title{ |
||||
font-size: 40rpx; |
||||
color: #000; |
||||
margin-bottom: 34rpx; |
||||
} |
||||
.address{ |
||||
font-size: 28rpx; |
||||
color: #707070; |
||||
margin-bottom: 20rpx; |
||||
.label{ |
||||
width: calc(100% - 70rpx); |
||||
} |
||||
image{ |
||||
width: 30rpx; |
||||
height: 30rpx; |
||||
margin-right: 22rpx; |
||||
} |
||||
} |
||||
.sign-btn{ |
||||
width: 100%; |
||||
height: 92rpx; |
||||
font-size: 40rpx; |
||||
color: #fff; |
||||
line-height: 92rpx; |
||||
text-align: center; |
||||
background: #212121; |
||||
margin-top: 52rpx; |
||||
} |
||||
.cancel-btn{ |
||||
background: #F4F4F4; |
||||
color: #868686; |
||||
} |
||||
} |
||||
} |
||||
|
||||
</style> |
||||
@ -0,0 +1,133 @@
|
||||
<template> |
||||
<view class="activate-list-box"> |
||||
<view class="activate-list"> |
||||
<view class="activate-item" |
||||
v-for="(item,index) in list" :key="index" |
||||
@click="itemClick(item)" |
||||
> |
||||
<image :src="item.images"></image> |
||||
<view class="title line2">{{item.name}}</view> |
||||
<view class="desc" v-if="showDesc"> |
||||
自1992年创立的莫斯科国际平面设计大赛双年展至今已进入18届 |
||||
</view> |
||||
<view class="btn-box acea-row row-between-wrapper" v-if="showAuth"> |
||||
<view class="auth">{{item.cateName}}</view> |
||||
<view class="btn">即刻报名</view> |
||||
</view> |
||||
<view class="match-bottom acea-row row-between-wrapper" v-if="!showAuth"> |
||||
<view class="mb-left acea-row"> |
||||
<view class="acea-row row-middle"> |
||||
<text>300</text> |
||||
<image src="../../../static/images/eye.png"></image> |
||||
</view> |
||||
<view class="time">2023-02-23 </view> |
||||
</view> |
||||
<view class="btn-box"> |
||||
<view class="btn" v-if="index%2 == 0">进行中</view> |
||||
<view class="btn btn-disabled" v-if="index%2 !== 0">已结束</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
export default{ |
||||
props: { |
||||
list: { |
||||
type: Array, |
||||
default: ()=> [] |
||||
}, |
||||
showDesc: { |
||||
type: Boolean, |
||||
default: false |
||||
}, |
||||
showAuth: { |
||||
type: Boolean, |
||||
default: true |
||||
} |
||||
}, |
||||
data(){ |
||||
return { |
||||
|
||||
} |
||||
}, |
||||
methods: { |
||||
itemClick(item){ |
||||
this.$yrouter.push({ |
||||
path: '/pages/home/activityDetail/index', |
||||
query: { |
||||
id: item.id |
||||
} |
||||
}); |
||||
}, |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="less" scoped> |
||||
.activate-list-box{ |
||||
width: 100%; |
||||
.activate-list{ |
||||
width: 100%; |
||||
.activate-item{ |
||||
width: 100%; |
||||
padding: 30rpx 40rpx; |
||||
background: #fff; |
||||
border-bottom: 26rpx solid #F7F7F7; |
||||
image{ |
||||
width: 100%; |
||||
height: 480rpx; |
||||
} |
||||
.title{ |
||||
width: 100%; |
||||
font-size: 44rpx; |
||||
color: #212121; |
||||
font-weight: 500; |
||||
margin: 30rpx 0 10rpx; |
||||
} |
||||
.desc{ |
||||
font-size: 32rpx; |
||||
color: #9F9F9F; |
||||
margin-bottom: 10rpx; |
||||
} |
||||
.btn-box{ |
||||
.auth{ |
||||
color: #9F9F9F; |
||||
font-size: 32rpx; |
||||
} |
||||
.btn{ |
||||
width: 214rpx; |
||||
height: 54rpx; |
||||
border: 2rpx solid #000000; |
||||
border-radius: 25px; |
||||
text-align: center; |
||||
line-height: 54rpx; |
||||
font-size: 24rpx; |
||||
color: #000; |
||||
} |
||||
.btn-disabled{ |
||||
background: #7E7E7E; |
||||
color: #fff; |
||||
border-color: #7E7E7E; |
||||
} |
||||
} |
||||
.match-bottom{ |
||||
.mb-left{ |
||||
font-size: 24rpx; |
||||
color: #707070; |
||||
image{ |
||||
width: 24rpx; |
||||
height: 24rpx; |
||||
margin-left: 10rpx; |
||||
} |
||||
.time{ |
||||
margin-left: 36rpx; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
</style> |
||||
@ -0,0 +1,77 @@
|
||||
<template> |
||||
<view class="expert-list"> |
||||
<view class="expert-item" v-for="(item,index) in list" :key="index"> |
||||
<view class="top-box acea-row"> |
||||
<view class="header-img-box"> |
||||
<image :src="item.avatar" mode="aspectFill"></image> |
||||
</view> |
||||
<view class="name-box"> |
||||
<view class="name">{{item.name}}</view> |
||||
<view class="tip lin2">{{item.job}}</view> |
||||
</view> |
||||
</view> |
||||
<view class="info-box"> |
||||
<u-read-more ref="uReadMore" showHeight="200" :toggle="true"> |
||||
<rich-text :nodes="item.introduction"></rich-text> |
||||
</u-read-more> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
export default{ |
||||
props: { |
||||
list: { |
||||
type: Array, |
||||
default: ()=> [] |
||||
}, |
||||
}, |
||||
methods:{ |
||||
|
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="less"> |
||||
.expert-list{ |
||||
width: 100%; |
||||
padding: 36rpx 40rpx; |
||||
.expert-item{ |
||||
width: 100%; |
||||
margin-bottom: 32rpx; |
||||
.top-box{ |
||||
width: 100%; |
||||
padding: 34rpx 32rpx; |
||||
background: linear-gradient(to right, #65666B, #BDC0CA); |
||||
.header-img-box{ |
||||
width: 136rpx; |
||||
height: 136rpx; |
||||
border-radius: 50%; |
||||
overflow: hidden; |
||||
margin-right: 30rpx; |
||||
image{ |
||||
width: 100%; |
||||
height: 100%; |
||||
} |
||||
} |
||||
.name-box{ |
||||
width: calc(100% - 200rpx); |
||||
font-size: 24rpx; |
||||
color: #fff; |
||||
.name{ |
||||
font-size: 44rpx; |
||||
margin-bottom: 24rpx; |
||||
} |
||||
} |
||||
} |
||||
.info-box{ |
||||
height: auto; |
||||
background: #F1F1F1; |
||||
padding: 18rpx 32rpx; |
||||
font-size: 24rpx; |
||||
color: #6D6E74; |
||||
} |
||||
} |
||||
} |
||||
</style> |
||||
@ -0,0 +1,88 @@
|
||||
<template> |
||||
<view class="tab-nav-box"> |
||||
<view |
||||
class="tab-list acea-row row-between" |
||||
:style="{ color: dColor,fontSize: fontSize + 'rpx' }"> |
||||
<view |
||||
class="tab-item" |
||||
:class="active == index ? 'active' : '' " |
||||
v-for="(item,index) in tabList" :key="index" |
||||
@click="tabItemClick(index)" |
||||
> |
||||
{{item.name}} |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
export default{ |
||||
props: { |
||||
tabList: { |
||||
type: Array, |
||||
default: ()=> [] |
||||
}, |
||||
dColor: { |
||||
type: String, |
||||
default: '#9F9F9F' |
||||
}, |
||||
fontSize: { |
||||
type: Number, |
||||
default: 32 |
||||
} |
||||
}, |
||||
data(){ |
||||
return { |
||||
active: 0 |
||||
} |
||||
}, |
||||
methods:{ |
||||
tabItemClick(i){ |
||||
this.active = i |
||||
this.$emit('tabItemClick',i) |
||||
}, |
||||
tabItemClick(i){ |
||||
this.active = i |
||||
this.$emit('tabItemClick',i) |
||||
}, |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="less" scoped> |
||||
.tab-nav-box{ |
||||
width: 100%; |
||||
padding: 8rpx 80rpx; |
||||
background: #fff; |
||||
border-bottom: 2rpx solid #F5F5F5; |
||||
.tab-list{ |
||||
width: 100%; |
||||
height: 100%; |
||||
.tab-item{ |
||||
position: relative; |
||||
&::after{ |
||||
display: block; |
||||
content: ''; |
||||
width: 48rpx; |
||||
height: 4rpx; |
||||
border-radius: 2rpx; |
||||
background: #06050A; |
||||
position: absolute; |
||||
bottom: -8rpx; |
||||
left: 50%; |
||||
opacity: 0; |
||||
margin-left: -24rpx; |
||||
transform: scaleX(0); |
||||
transition: all .2s ease, opacity .15s ease; |
||||
} |
||||
&.active{ |
||||
color: #06050A; |
||||
&::after{ |
||||
opacity: 1; |
||||
transform: scaleX(1); |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
</style> |
||||
@ -1,382 +0,0 @@
|
||||
|
||||
.home-page{ |
||||
padding-bottom: 190rpx; |
||||
} |
||||
.page-top-box{ |
||||
width: 100%; |
||||
height: 598rpx; |
||||
position: relative; |
||||
} |
||||
.page-title{ |
||||
width: 100%; |
||||
color: #fff; |
||||
text-align: center; |
||||
position: relative; |
||||
} |
||||
.top-bg{ |
||||
width: 100%; |
||||
height: 598rpx; |
||||
position: absolute; |
||||
} |
||||
.top-box-content{ |
||||
position: relative; |
||||
} |
||||
.search-box{ |
||||
color: #fff; |
||||
font-size: 32rpx; |
||||
padding: 0 60rpx 0 40rpx; |
||||
} |
||||
.localtion-box image{ |
||||
width: 26rpx; |
||||
height: 31rpx; |
||||
margin-right: 10rpx; |
||||
} |
||||
.search{ |
||||
width: 448rpx; |
||||
height: 68rpx; |
||||
font-size: 28rpx; |
||||
padding: 16rpx 20rpx; |
||||
background: rgba(255, 255, 255, 0.38); |
||||
border-radius: 8rpx; |
||||
} |
||||
.search image{ |
||||
width: 35rpx; |
||||
height: 35rpx; |
||||
margin-right: 16rpx; |
||||
} |
||||
.message-icon{ |
||||
width: 36rpx; |
||||
height: 36rpx; |
||||
} |
||||
.home-menu-box{ |
||||
width: 670rpx; |
||||
height: 286rpx; |
||||
background: #FFFFFF; |
||||
box-shadow: 0px 6rpx 20rpx rgba(151, 69, 34, 0.28); |
||||
border-radius: 12rpx; |
||||
margin: 38rpx auto 0; |
||||
padding: 42rpx; |
||||
} |
||||
.menu-list{ |
||||
color: #1D1D1D; |
||||
font-size: 24rpx; |
||||
} |
||||
.menu-item{ |
||||
width: 20%; |
||||
/* margin-right:16rpx; */ |
||||
margin-bottom: 34rpx; |
||||
} |
||||
.menu-item:nth-child(5n){ |
||||
margin-right: 0; |
||||
} |
||||
.menu-item image{ |
||||
width: 52rpx; |
||||
height: 52rpx; |
||||
} |
||||
|
||||
.investment-box{ |
||||
width: 100%; |
||||
padding-left: 40rpx; |
||||
} |
||||
.investment-title-box{ |
||||
width: 100%; |
||||
padding-right: 40rpx; |
||||
} |
||||
.fz32{ |
||||
font-size: 32rpx; |
||||
color: #1D1D1D; |
||||
} |
||||
.hot{ |
||||
width: 26rpx; |
||||
height: 26rpx; |
||||
text-align: center; |
||||
line-height: 26rpx; |
||||
background: linear-gradient(147deg, #FB7E4A 0%, #FF5100 100%); |
||||
border-radius: 8rpx 0px 8rpx 0px; |
||||
font-size: 18rpx; |
||||
color: #fff; |
||||
margin-left: 16rpx; |
||||
} |
||||
.more{ |
||||
font-size: 24rpx; |
||||
color: #999999; |
||||
} |
||||
.more image{ |
||||
width: 9rpx; |
||||
height: 16rpx; |
||||
margin-left: 12rpx; |
||||
margin-top: 2rpx; |
||||
} |
||||
.investement-list{ |
||||
width: 100%; |
||||
margin-top: 34rpx; |
||||
} |
||||
.scroll-view_H{ |
||||
white-space: nowrap; |
||||
width: 100%; |
||||
} |
||||
.investment-item{ |
||||
display: inline-block; |
||||
width: 324rpx; |
||||
height: 408rpx; |
||||
margin-right:20rpx; |
||||
box-shadow: 0px 6rpx 12rpx rgba(0, 0, 0, 0.16); |
||||
border-radius: 8rpx; |
||||
position: relative; |
||||
} |
||||
.investment-item .item-bg{ |
||||
width: 324rpx; |
||||
height: 408rpx; |
||||
position: absolute; |
||||
} |
||||
.tips-box{ |
||||
position: relative; |
||||
top: 20rpx; |
||||
} |
||||
.tips-item{ |
||||
padding: 6rpx 10rpx; |
||||
line-height: 28rpx; |
||||
font-size: 20rpx; |
||||
color: #fff; |
||||
background: rgba(255, 81, 0, 0.63); |
||||
border-radius: 8rpx; |
||||
margin-right: 14rpx; |
||||
} |
||||
.bg2{ |
||||
background: rgba(255, 170, 0, 0.63); |
||||
} |
||||
.item-info-box{ |
||||
width: 300rpx; |
||||
height: 102rpx; |
||||
background: rgba(255, 255, 255, 0.8); |
||||
box-shadow: 0px 6rpx 12rpx rgba(0, 0, 0, 0.2); |
||||
border-radius: 8rpx; |
||||
position: absolute; |
||||
bottom: 18rpx; |
||||
left: 50%; |
||||
margin-left: -150rpx; |
||||
font-size: 22rpx; |
||||
color: #404040; |
||||
} |
||||
.item-info-box image{ |
||||
width: 14rpx; |
||||
height: 17rpx; |
||||
margin: 0 12rpx 0 12rpx; |
||||
} |
||||
|
||||
.welfare-box{ |
||||
width: 100%; |
||||
padding-left: 40rpx; |
||||
margin-top: 52rpx; |
||||
} |
||||
.welfare-title{ |
||||
font-size: 32rpx; |
||||
color: #1D1D1D; |
||||
margin-bottom: 38rpx; |
||||
} |
||||
.welfare-list-box{ |
||||
width: 100%; |
||||
} |
||||
.welfare-item{ |
||||
display: inline-block; |
||||
margin-right: 6rpx; |
||||
padding: 12rpx; |
||||
} |
||||
.item-box{ |
||||
width: 650rpx; |
||||
height: 248rpx; |
||||
background: #FFFFFF; |
||||
box-shadow: 0px 0rpx 12rpx rgba(0, 0, 0, 0.16); |
||||
padding: 22rpx 16rpx; |
||||
border-radius: 12rpx; |
||||
margin-bottom: 20rpx; |
||||
position: relative; |
||||
} |
||||
.buy-btn{ |
||||
width: 144rpx; |
||||
height: 52rpx; |
||||
text-align: center; |
||||
line-height: 52rpx; |
||||
background: linear-gradient(315deg, #FB966C 0%, #FFC2AA 100%); |
||||
border-radius: 12rpx; |
||||
color: #fff; |
||||
font-size: 24rpx; |
||||
position: absolute; |
||||
bottom: 30rpx; |
||||
right: 30rpx; |
||||
} |
||||
.item-box image{ |
||||
width: 198rpx; |
||||
height: 204rpx; |
||||
margin-right: 12rpx; |
||||
} |
||||
.welfare-info-box{ |
||||
width: 394rpx; |
||||
} |
||||
.w-name{ |
||||
width: 390rpx; |
||||
font-size: 28rpx; |
||||
line-height: 40rpx; |
||||
color: #1D1D1D; |
||||
overflow: hidden; |
||||
text-overflow: ellipsis; |
||||
display: -webkit-box; |
||||
-webkit-line-clamp: 3; |
||||
-webkit-box-orient: vertical; |
||||
} |
||||
.w-address{ |
||||
font-size: 24rpx; |
||||
line-height: 34rpx; |
||||
color: #707070; |
||||
margin: 8rpx 0 14rpx; |
||||
} |
||||
.w-price{ |
||||
font-size: 28rpx; |
||||
font-weight: bold; |
||||
line-height: 40rpx; |
||||
color: #FF7942; |
||||
} |
||||
.w-oldPrice{ |
||||
font-size: 20rpx; |
||||
color: #BCBCBC; |
||||
text-decoration: line-through; |
||||
} |
||||
|
||||
.demandhall-box{ |
||||
width: 100%; |
||||
padding: 40rpx; |
||||
} |
||||
.tabs-box{ |
||||
padding-left: 30rpx; |
||||
padding-right: 12rpx; |
||||
} |
||||
.tab-item{ |
||||
font-size: 28rpx; |
||||
color: #9C9C9C; |
||||
padding-bottom: 8rpx; |
||||
} |
||||
.tab-item-a{ |
||||
color: #1D1D1D; |
||||
border-bottom: 4rpx solid #FF7942; |
||||
} |
||||
.list-box{ |
||||
width: 100%; |
||||
margin-top: 36rpx; |
||||
} |
||||
.item{ |
||||
width: 670rpx; |
||||
background: #FFFFFF; |
||||
box-shadow: 0px 6rpx 12rpx rgba(190, 190, 190, 0.3); |
||||
border-radius: 12rpx; |
||||
padding: 28rpx 20rpx 18rpx; |
||||
margin-bottom: 32rpx; |
||||
} |
||||
.item-top{ |
||||
padding-bottom: 24rpx; |
||||
position: relative; |
||||
} |
||||
.item-top .buy-btn{ |
||||
right: 0; |
||||
} |
||||
.project-name{ |
||||
width: 400rpx; |
||||
font-size: 32rpx; |
||||
font-weight: 500; |
||||
line-height: 58rpx; |
||||
color: #1D1D1D; |
||||
} |
||||
.tags-box2{ |
||||
margin-top: 12rpx; |
||||
} |
||||
.price{ |
||||
color: #FF5100; |
||||
font-size: 28rpx; |
||||
position: absolute; |
||||
top: 0; |
||||
right: 0rpx; |
||||
} |
||||
.tag{ |
||||
color: #74BDF7; |
||||
font-size: 20rpx; |
||||
line-height: 28rpx; |
||||
margin: 12rpx 0 20rpx; |
||||
} |
||||
.desc{ |
||||
font-size: 24rpx; |
||||
line-height: 34rpx; |
||||
color: #666666; |
||||
margin-top: 8rpx; |
||||
} |
||||
.company-box{ |
||||
padding-top: 12rpx; |
||||
position: relative; |
||||
border-top: 2rpx solid #ECECEC; |
||||
} |
||||
.company-box image{ |
||||
width: 128rpx; |
||||
height: 128rpx; |
||||
} |
||||
.fz28{ |
||||
font-size: 28rpx; |
||||
line-height: 40rpx; |
||||
color: #1D1D1D; |
||||
} |
||||
.fz24{ |
||||
font-size: 24rpx; |
||||
line-height: 34rpx; |
||||
} |
||||
.fz20{ |
||||
font-size: 20rpx; |
||||
line-height: 28rpx; |
||||
} |
||||
.company-info{ |
||||
margin-left: 12rpx; |
||||
} |
||||
.item-top .buy-btn{ |
||||
top: 0; |
||||
} |
||||
.into-btn{ |
||||
font-size: 20rpx; |
||||
color: #FF5100; |
||||
width: 144rpx; |
||||
height: 40rpx; |
||||
border: 1rpx solid #FF5100; |
||||
opacity: 1; |
||||
border-radius: 20rpx; |
||||
position: absolute; |
||||
top: 18rpx; |
||||
right: 0rpx; |
||||
} |
||||
.into-btn image{ |
||||
width: 21rpx; |
||||
height: 19rpx; |
||||
margin-right: 6rpx; |
||||
} |
||||
.tag-item{ |
||||
width: 112rpx; |
||||
height: 36rpx; |
||||
line-height: 34rpx; |
||||
text-align: center; |
||||
border: 1rpx solid #FFAA00; |
||||
color: #FFAA00; |
||||
border-radius: 4rpx; |
||||
margin-right: 8rpx; |
||||
} |
||||
.bgG{ |
||||
border: 1rpx solid #3A9EFA; |
||||
color: #3A9EFA; |
||||
} |
||||
.bgO{ |
||||
border: 1rpx solid #FC9367; |
||||
color: #FC9367; |
||||
} |
||||
.to-demandhall{ |
||||
font-size: 28rpx; |
||||
color: #A7A7A7; |
||||
margin-bottom: 28rpx; |
||||
} |
||||
.to-demandhall image{ |
||||
width: 13rpx; |
||||
height: 23rpx; |
||||
margin-left: 15rpx; |
||||
} |
||||
@ -0,0 +1,94 @@
|
||||
<template> |
||||
<view class="information-list-box"> |
||||
<view class="information-list"> |
||||
<view class="information-item acea-row row-between" v-for="(item,index) in list" :key="index" @click="toDetail(item)"> |
||||
<view class="item-l acea-row row-column-between"> |
||||
<view class="title line2">{{item.title}}！</view> |
||||
<view class="acea-row row-middle"> |
||||
<view class="tip">精选</view> |
||||
<view class="time">{{item.createTime}}</view> |
||||
<view class="view-count acea-row"> |
||||
<text>{{item.visit || 0}}</text> |
||||
<image src="../../../static/images/eye.png"></image> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
<image class="img" :src="item.imageInput" mode="aspectFill"></image> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
export default{ |
||||
name: 'InformationList', |
||||
props:{ |
||||
list: { |
||||
type: Array, |
||||
default: [] |
||||
} |
||||
}, |
||||
data(){ |
||||
return { |
||||
|
||||
} |
||||
}, |
||||
methods:{ |
||||
toDetail(item){ |
||||
this.$yrouter.push({ |
||||
path: '/pages/life/articleDetail/index', |
||||
query: { |
||||
id: item.id |
||||
} |
||||
}) |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="less"> |
||||
.information-list-box{ |
||||
width: 100%; |
||||
padding: 40rpx; |
||||
.information-list{ |
||||
width: 100%; |
||||
.information-item{ |
||||
width: 100%; |
||||
padding: 30rpx 24rpx 16rpx; |
||||
box-shadow: 0px 6rpx 20rpx rgba(190, 190, 190, 0.28); |
||||
margin-bottom: 36rpx; |
||||
.item-l{ |
||||
width: 448rpx; |
||||
font-size: 24rpx; |
||||
color: #707070; |
||||
.title{ |
||||
color: #000; |
||||
font-size: 32rpx; |
||||
} |
||||
.tip{ |
||||
width: 80rpx; |
||||
height: 32rpx; |
||||
background: #212121; |
||||
text-align: center; |
||||
line-height: 32rpx; |
||||
color: #fff; |
||||
} |
||||
.time{ |
||||
margin: 0 30rpx; |
||||
} |
||||
.view-count{ |
||||
image{ |
||||
width: 24rpx; |
||||
height: 24rpx; |
||||
margin-left: 10rpx; |
||||
} |
||||
} |
||||
} |
||||
.img{ |
||||
width: 144rpx; |
||||
height: 176rpx; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
</style> |
||||
@ -1,525 +1,111 @@
|
||||
<template> |
||||
<view class="information-box"> |
||||
<skeleton v-if="showSkeleton" ref="skeleton" loading="chiaroscuro" selector="skeleton" bgcolor="#FFF"></skeleton> |
||||
<view class="search-box acea-row row-middle skeleton-rect"> |
||||
<image src="../../static/images/search-icon.png" mode=""></image> |
||||
<input type="text" value="" placeholder="请输入相关关键词" /> |
||||
<view class="search acea-row row-center-wrapper">搜一下</view> |
||||
</view> |
||||
<swiper class="vote-box skeleton-rect"> |
||||
<swiper-item v-for="(item,index) in hotList" :key="index" @click="toDetail(item.id)"> |
||||
<image :src="item.imageInput" mode="aspectFill" class="vote-img"></image> |
||||
<view class="news"> |
||||
<view class="news-title-h line1">{{item.title}}</view> |
||||
<view class="news-title-s line1">{{item.createTime}}</view> |
||||
</view> |
||||
</swiper-item> |
||||
</swiper> |
||||
<scroll-view class="scroll-view_N skeleton-rect" scroll-x="true"> |
||||
<view class="rotaion-box" @click="toCategoryList(item.id)" v-for="(item,index) in categoryList" :key="index"> |
||||
<view class="acea-row rotaion row-center"> |
||||
<image :src="item.img" mode="aspectFill"></image> |
||||
<view class="rotaion-h">{{item.name}}</view> |
||||
<view class="rotaion-s">{{item.description}}</view> |
||||
</view> |
||||
</view> |
||||
</scroll-view> |
||||
<!-- 最新资讯 --> |
||||
<view class="newInfo-box skeleton-rect" v-if="newList.length > 0"> |
||||
<image src="../../static/images/newInfo.png" mode="" class="newInfo-title-img"></image> |
||||
<view class="newInfo"> |
||||
<view class="modular acea-row row-between" v-for="(item,index) in newList" :key="index" |
||||
@click="toDetail(item.id)"> |
||||
<view class="acea-row title"> |
||||
<view class="modular-h line2">{{item.title}}</view> |
||||
<view class="title-l acea-row row-between"> |
||||
<view>{{item.author}}</view> |
||||
<view>{{item.createTime.split(' ')[0]}}</view> |
||||
<view class="acea-row row-middle">{{item.visit}} |
||||
<image src="../../static/images/eye.png" mode="aspectFill"></image> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
<image :src="item.imageInput" mode="aspectFill"></image> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
<!-- 热点精选 --> |
||||
<view class="hotspot-box skeleton-rect"> |
||||
<image src="../../static/images/user/hotspot.png" mode="" class="title-h-img"></image> |
||||
<scroll-view class="scroll-view_H acea-row" scroll-x="true"> |
||||
<view class="slide-box" v-for="(item,index) in hotList" :key="index" @click="toDetail(item.id)"> |
||||
<image :src="item.imageInput" mode="aspectFill"></image> |
||||
<view class="hotspot-con"> |
||||
<view class="hotspot-icon">热点</view> |
||||
<view class="hotspot-title-h line2">{{item.title}}</view> |
||||
</view> |
||||
</view> |
||||
</scroll-view> |
||||
</view> |
||||
<!-- 值得关注 --> |
||||
<view class="follow-box skeleton-rect"> |
||||
<image src="../../static/images/follow-title.png" mode="" class="title-h-img"></image> |
||||
<view class="follow-con" v-for="(item,index) in concernList" :key="index" @click="toDetail(item.id)"> |
||||
<view class="follow-top acea-row row-between"> |
||||
<view class="acea-row follow-title"> |
||||
<view class="follow-h line2">{{item.title}}</view> |
||||
<view class="follow-title-l acea-row row-between"> |
||||
<view>{{item.author}}</view> |
||||
<view>{{item.createTime.split(' ')[0]}}</view> |
||||
<view class="acea-row row-middle"> |
||||
<text>{{item.visit}}</text> |
||||
<image src="../../static/images/eye.png" mode="aspectFill"></image> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
<image :src="item.imageInput" mode="aspectFill"></image> |
||||
</view> |
||||
<view class="follow-bottom acea-row row-middle"> |
||||
<image :src="item.imageInput" mode=""></image> |
||||
<view class="follow-title-b acea-row row-column-between"> |
||||
<view class="title-s line1">{{item.author}}</view> |
||||
<view class="title-con line1">{{item.title}}</view> |
||||
</view> |
||||
<!-- <view class="follow-btn">关注+</view> --> |
||||
</view> |
||||
</view> |
||||
<!-- <LoadStatus :loadStatus="loadstatus"></LoadStatus> --> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
import { getArticle } from "@/api/home"; |
||||
import { articleIndex } from "@/api/article" |
||||
import LoadStatus from "@/components/LoadStatus" |
||||
import skeleton from '@/components/quick-skeleton/quick-skeleton' |
||||
export default { |
||||
components:{ |
||||
LoadStatus, |
||||
skeleton |
||||
}, |
||||
data() { |
||||
return { |
||||
categoryList: [], |
||||
newList: [], |
||||
hotList: [], |
||||
concernList: [], |
||||
articleList: [], |
||||
page: 0, |
||||
size: 10, |
||||
loadstatus: '上拉加载更多...', |
||||
showSkeleton: true |
||||
} |
||||
}, |
||||
mounted() { |
||||
// this.getArticleList() |
||||
this.getArticleIndex() |
||||
}, |
||||
onReachBottom() { |
||||
this.page = this.page + 1 |
||||
// this.getArticleList() |
||||
}, |
||||
computed:{ |
||||
|
||||
}, |
||||
onPullDownRefresh() { |
||||
this.getArticleIndex() |
||||
}, |
||||
onReady: function() { |
||||
const that = this; |
||||
that.$refs.skeleton.attachedAction(); |
||||
that.$refs.skeleton.readyAction(); |
||||
}, |
||||
methods: { |
||||
getArticleIndex(){ |
||||
uni.showLoading({ |
||||
title: '正在加载中...', |
||||
<template> |
||||
<view class="information-box"> |
||||
<!-- 顶部主页 --> |
||||
<view class="head_box" :style="[{height:CustomBar + 'px'}]"> |
||||
<cu-custom :isBack="true"> |
||||
<block slot="backText"> |
||||
<text class="nav-title shopro-selector-rect">资讯</text> |
||||
</block> |
||||
</cu-custom> |
||||
</view> |
||||
<TabNav :tabList="cateList" @tabItemClick="tabItemClick"></TabNav> |
||||
<InformationList :list="inforList"></InformationList> |
||||
<u-loadmore :status="status" :marginTop="30" /> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
import { |
||||
getArticle |
||||
} from "@/api/home"; |
||||
import { |
||||
articleIndex |
||||
} from "@/api/article" |
||||
import LoadStatus from "@/components/LoadStatus" |
||||
import skeleton from '@/components/quick-skeleton/quick-skeleton' |
||||
import tabNav from '../home/components/tabNav.vue' |
||||
import informationList from './components/informationList.vue' |
||||
export default { |
||||
components: { |
||||
LoadStatus, |
||||
skeleton, |
||||
tabNav, |
||||
informationList |
||||
}, |
||||
data() { |
||||
return { |
||||
newList: [], |
||||
inforList: [], |
||||
cateList: [], |
||||
cid: null, |
||||
page: 0, |
||||
size: 10, |
||||
showSkeleton: true, |
||||
status: 'nomore', |
||||
} |
||||
}, |
||||
mounted() { |
||||
this.getArticleIndex().then(()=>{ |
||||
this.cid = this.cateList[0].id |
||||
}) |
||||
}, |
||||
onReachBottom() { |
||||
this.page = this.page + 1 |
||||
}, |
||||
watch: { |
||||
cid: { |
||||
handler(val) { |
||||
console.log(val) |
||||
this.inforList = this.newList.filter((item) => item.cid == val) |
||||
}, |
||||
immediate: true |
||||
}, |
||||
}, |
||||
onPullDownRefresh() { |
||||
this.getArticleIndex() |
||||
}, |
||||
onReady: function() { |
||||
const that = this; |
||||
}, |
||||
methods: { |
||||
async getArticleIndex() { |
||||
uni.showLoading({ |
||||
title: '正在加载中...', |
||||
}) |
||||
articleIndex().then((res)=>{ |
||||
this.categoryList = res.data.categoryList |
||||
this.concernList = res.data.concernList |
||||
this.hotList = res.data.hotList |
||||
this.newList = res.data.newList |
||||
uni.hideLoading() |
||||
uni.stopPullDownRefresh() |
||||
this.showSkeleton = false |
||||
}) |
||||
}, |
||||
getArticleList() { |
||||
this.loadstatus = '正在加载中...' |
||||
getArticle({ |
||||
page: this.page, |
||||
size: this.size, |
||||
isHot: 0 |
||||
}).then((res) => { |
||||
if(res.data.content.length < this.size){ |
||||
this.loadstatus = '没有更多了...' |
||||
} |
||||
this.articleList = this.articleList.concat(res.data.content) |
||||
}) |
||||
}, |
||||
toDetail(id) { |
||||
this.$yrouter.push({ |
||||
path: '/pages/life/articleDetail/index', |
||||
query: { |
||||
id: id |
||||
} |
||||
}) |
||||
}, |
||||
toCategoryList(id){ |
||||
uni.navigateTo({ |
||||
url: '/pages/life/articleList/index?active=' + id |
||||
}); |
||||
}, |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="less"> |
||||
.information-box { |
||||
width: 100%; |
||||
height: auto; |
||||
margin-bottom: 50rpx; |
||||
position: relative; |
||||
} |
||||
|
||||
.search-box { |
||||
width: 670rpx; |
||||
height: 68rpx; |
||||
border: 2rpx solid #FF5100; |
||||
border-radius: 8rpx; |
||||
margin: 24rpx auto 52rpx; |
||||
font-size: 28rpx; |
||||
position: relative; |
||||
} |
||||
|
||||
.search-box image { |
||||
width: 35rpx; |
||||
height: 35rpx; |
||||
margin: 0 29rpx 0 52rpx; |
||||
} |
||||
|
||||
.search { |
||||
position: absolute; |
||||
right: -2rpx; |
||||
width: 132rpx; |
||||
height: 68rpx; |
||||
background: linear-gradient(39deg, #FF5100 0%, #FFA074 100%); |
||||
border-radius: 8rpx; |
||||
color: #fff; |
||||
|
||||
} |
||||
|
||||
.vote-box { |
||||
width: 670rpx; |
||||
height: 358rpx; |
||||
box-shadow: 0px 6rpx 12rpx rgba(0, 0, 0, 0.16); |
||||
border-radius: 16rpx; |
||||
margin: 0 auto; |
||||
position: relative; |
||||
overflow: hidden; |
||||
} |
||||
|
||||
.vote-img { |
||||
position: absolute; |
||||
width: 670rpx; |
||||
height: 358rpx; |
||||
} |
||||
|
||||
.news { |
||||
width: 590rpx; |
||||
height: 94rpx; |
||||
background: rgba(0, 0, 0, 0.2); |
||||
border-radius: 14rpx; |
||||
position: absolute; |
||||
bottom: 6rpx; |
||||
left: 50%; |
||||
margin-left: -295rpx; |
||||
color: #fff; |
||||
padding: 14rpx; |
||||
} |
||||
|
||||
.news-title-h { |
||||
font-size: 28rpx; |
||||
} |
||||
|
||||
.news-title-s { |
||||
font-size: 20rpx; |
||||
} |
||||
|
||||
/* .vote { |
||||
width: 100%; |
||||
height: 110rpx; |
||||
position: absolute; |
||||
bottom: 0; |
||||
border: 1rpx solid #000000; |
||||
} */ |
||||
|
||||
.scroll-view_N { |
||||
width: 100%; |
||||
height: 238rpx; |
||||
margin: 30rpx 0rpx 34rpx 0rpx; |
||||
white-space: nowrap; |
||||
} |
||||
|
||||
.rotaion-box { |
||||
width: 168rpx; |
||||
height: 208rpx; |
||||
background: #FFFFFF; |
||||
box-shadow: 0rpx 6rpx 12rpx rgba(0, 0, 0, 0.16); |
||||
border-radius: 16rpx; |
||||
margin: 10rpx 32rpx 10rpx 0rpx; |
||||
display: inline-block; |
||||
} |
||||
|
||||
.rotaion-box:nth-child(1) { |
||||
margin-left: 40rpx; |
||||
} |
||||
|
||||
.rotaion { |
||||
width: 100%; |
||||
height: 208rpx; |
||||
padding: 36rpx 0 16rpx 0; |
||||
} |
||||
|
||||
.rotaion image { |
||||
width: 80rpx; |
||||
height: 80rpx; |
||||
border-radius: 50%; |
||||
} |
||||
|
||||
.rotaion-h { |
||||
height: 34rpx; |
||||
font-size: 24rpx; |
||||
color: #333333; |
||||
font-weight: 600; |
||||
} |
||||
|
||||
.rotaion-s { |
||||
height: 26rpx; |
||||
font-size: 18rpx; |
||||
color: #9D9D9D; |
||||
} |
||||
|
||||
/* 最新资讯 */ |
||||
.newInfo-box { |
||||
overflow: hidden; |
||||
} |
||||
|
||||
.newInfo-title-img { |
||||
width: 160rpx; |
||||
height: 52rpx; |
||||
margin: 0 0 18rpx 38rpx; |
||||
} |
||||
|
||||
.newInfo { |
||||
width: 100%; |
||||
height: 528rpx; |
||||
overflow-y: scroll; |
||||
border-top: 2rpx solid #EFEFEF; |
||||
} |
||||
|
||||
.modular { |
||||
width: 100%; |
||||
height: 176rpx; |
||||
border-bottom: 2rpx solid #EFEFEF; |
||||
padding: 20rpx 40rpx 22rpx 40rpx; |
||||
} |
||||
|
||||
.modular-h { |
||||
width: 400rpx; |
||||
height: 80rpx; |
||||
font-size: 28rpx; |
||||
color: #4A4A4A; |
||||
font-weight: 600; |
||||
} |
||||
|
||||
.modular image { |
||||
width: 204rpx; |
||||
height: 134rpx; |
||||
border-radius: 8px; |
||||
} |
||||
|
||||
.title { |
||||
width: 400rpx; |
||||
height: 134rpx; |
||||
} |
||||
|
||||
.title-l { |
||||
width: 400rpx; |
||||
height: 34rpx; |
||||
font-size: 24rpx; |
||||
color: #707070; |
||||
} |
||||
|
||||
.title-l image { |
||||
width: 24rpx; |
||||
height: 24rpx; |
||||
margin-left: 5rpx; |
||||
} |
||||
|
||||
/* 热点精选 */ |
||||
.hotspot-box { |
||||
width: 100%; |
||||
height: 456rpx; |
||||
} |
||||
|
||||
.title-h-img { |
||||
width: 162rpx; |
||||
height: 62rpx; |
||||
margin: 32rpx 0 5rpx 40rpx; |
||||
} |
||||
|
||||
.scroll-view_H { |
||||
width: 100%; |
||||
height: 344rpx; |
||||
white-space: nowrap; |
||||
} |
||||
|
||||
.scroll-view_H image { |
||||
width: 670rpx; |
||||
height: 344rpx; |
||||
border-radius: 10rpx; |
||||
position: absolute; |
||||
} |
||||
|
||||
.slide-box { |
||||
position: relative; |
||||
width: 670rpx; |
||||
height: 100%; |
||||
display: inline-block; |
||||
margin-right: 16rpx; |
||||
} |
||||
|
||||
.hotspot-con { |
||||
width: 670rpx; |
||||
height: 94rpx; |
||||
background: rgba(0, 0, 0, 0.2); |
||||
border-radius: 0px 0px 8rpx 8rpx; |
||||
padding: 8rpx 32rpx; |
||||
color: #fff; |
||||
position: absolute; |
||||
bottom: 0; |
||||
} |
||||
|
||||
.hotspot-icon { |
||||
width: 72rpx; |
||||
height: 32rpx; |
||||
background: #FE3737; |
||||
border-radius: 12rpx 2rpx 12rpx 0; |
||||
position: absolute; |
||||
top:-46rpx; |
||||
font-size: 22rpx; |
||||
color: #fff; |
||||
text-align: center; |
||||
margin-bottom: 16rpx; |
||||
} |
||||
|
||||
.hotspot-title-h { |
||||
max-width: 588rpx; |
||||
max-height: 80rpx; |
||||
font-size: 28rpx; |
||||
color: #FFFFFF; |
||||
white-space: pre-wrap; |
||||
} |
||||
|
||||
/* 值得关注 */ |
||||
.follow-box { |
||||
width: 100%; |
||||
position: relative; |
||||
overflow: hidden; |
||||
} |
||||
|
||||
.follow-con { |
||||
width: 670rpx; |
||||
height: 250rpx; |
||||
margin: 0 auto; |
||||
background: #FFFFFF; |
||||
box-shadow: 0rpx 4rpx 10rpx rgba(0, 0, 0, 0.16); |
||||
border-radius: 16rpx; |
||||
margin-bottom: 32rpx; |
||||
} |
||||
|
||||
.follow-top { |
||||
width: 100%; |
||||
height: 170rpx; |
||||
padding: 20rpx 20rpx 26rpx 20rpx; |
||||
border-bottom: 1rpx solid #DCDCDC; |
||||
} |
||||
|
||||
.follow-top image { |
||||
width: 232rpx; |
||||
height: 130rpx; |
||||
border-radius: 16rpx; |
||||
} |
||||
|
||||
.follow-title { |
||||
width: 370rpx; |
||||
height: 100%; |
||||
} |
||||
|
||||
.follow-h { |
||||
width: 100%; |
||||
height: 80rpx; |
||||
font-size: 28rpx; |
||||
color: #000000; |
||||
font-weight: 600; |
||||
} |
||||
|
||||
.follow-title-l { |
||||
width: 290rpx; |
||||
height: 28rpx; |
||||
font-size: 20rpx; |
||||
color: #707070; |
||||
} |
||||
|
||||
.follow-title-l image { |
||||
width: 24rpx; |
||||
height: 24rpx; |
||||
margin-left: 5rpx; |
||||
} |
||||
|
||||
.follow-bottom { |
||||
width: 100%; |
||||
height: 80rpx; |
||||
padding: 14rpx 20rpx 14rpx 20rpx; |
||||
} |
||||
|
||||
.follow-bottom image { |
||||
width: 52rpx; |
||||
height: 52rpx; |
||||
border-radius: 50%; |
||||
margin-right: 8rpx; |
||||
} |
||||
|
||||
.follow-title-b { |
||||
width: 230rpx; |
||||
height: 52rpx; |
||||
.title-s { |
||||
height: 25rpx; |
||||
line-height: 25rpx; |
||||
font-size: 20rpx; |
||||
font-weight: 600; |
||||
} |
||||
.title-con { |
||||
height: 20rpx; |
||||
font-size: 16rpx; |
||||
color: #707070; |
||||
} |
||||
} |
||||
|
||||
|
||||
|
||||
.follow-btn { |
||||
width: 136rpx; |
||||
height: 40rpx; |
||||
background: linear-gradient(39deg, #FF5A0D 0%, #FFAC85 100%); |
||||
border-radius: 26rpx; |
||||
font-size: 28rpx; |
||||
color: #fff; |
||||
text-align: center; |
||||
position: absolute; |
||||
right: 60rpx; |
||||
} |
||||
let res = await articleIndex() |
||||
this.cateList = res.data.categoryList |
||||
this.newList = res.data.newList |
||||
// if(this.cid == null){ |
||||
// this.cid = this.cateList[0].id |
||||
// } |
||||
|
||||
uni.hideLoading() |
||||
uni.stopPullDownRefresh() |
||||
}, |
||||
tabItemClick(val) { |
||||
this.cid = this.cateList[val].id |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="less"> |
||||
.information-box { |
||||
width: 100%; |
||||
min-height: 100vh; |
||||
background: #fff; |
||||
border-bottom: 26rpx solid #F7F7F7; |
||||
} |
||||
|
||||
.nav-title { |
||||
font-size: 48rpx; |
||||
font-weight: 500; |
||||
color: #06050A; |
||||
margin-left: 20rpx; |
||||
line-height: 40px; |
||||
} |
||||
|
||||
.cuIcon-back { |
||||
display: none; |
||||
} |
||||
</style> |
||||
|
||||
@ -1,71 +1,80 @@
|
||||
<template> |
||||
<template> |
||||
<view class="more-page"> |
||||
<view class="page-title acea-row row-middle row-center" :style="'top:' + menuTop + 'px;height:' + menuHeight + 'px;line-height: ' + menuHeight + 'px;'"><image src="../../../static/images/back.png" mode="" @tap="toBackHome"></image>详情</view> |
||||
<swiper class="swiper-box" autoplay="true" indicator-dots='true' indicator-color='#B17815' |
||||
indicator-active-color='#FFB93E'> |
||||
<swiper-item> |
||||
<image src="https://download.cyjyyjy.com/learnMore1.png"></image> |
||||
</swiper-item> |
||||
<swiper-item> |
||||
<image src="https://download.cyjyyjy.com/learnMore2.png"></image> |
||||
</swiper-item> |
||||
<swiper-item> |
||||
<image src="https://download.cyjyyjy.com/learnMore3.png"></image> |
||||
</swiper-item> |
||||
<swiper-item> |
||||
<image src="https://download.cyjyyjy.com/learnMore4.png"></image> |
||||
</swiper-item> |
||||
</swiper> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
const app = getApp(); |
||||
export default { |
||||
data() { |
||||
<view class="head_box"> |
||||
<cu-custom :isBack="true" :bgColor="'transparent'"> |
||||
<block slot="backText"> |
||||
<image src="../../../static/images/back.png" @click="backClick" class="back-icon"></image> |
||||
<text class="nav-title shopro-selector-rect">详情</text> |
||||
</block> |
||||
</cu-custom> |
||||
</view> |
||||
<swiper class="swiper-box" autoplay="true" indicator-dots='true' indicator-color='#B17815' indicator-active-color='#FFB93E'> |
||||
<swiper-item> |
||||
<image src="https://download.cyjyyjy.com/learnMore1.png"></image> |
||||
</swiper-item> |
||||
<swiper-item> |
||||
<image src="https://download.cyjyyjy.com/learnMore2.png"></image> |
||||
</swiper-item> |
||||
<swiper-item> |
||||
<image src="https://download.cyjyyjy.com/learnMore3.png"></image> |
||||
</swiper-item> |
||||
<swiper-item> |
||||
<image src="https://download.cyjyyjy.com/learnMore4.png"></image> |
||||
</swiper-item> |
||||
</swiper> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
const app = getApp(); |
||||
export default { |
||||
data() { |
||||
return { |
||||
menuHeight: app.globalData.menuHeight, |
||||
menuTop: app.globalData.menuTop, |
||||
}; |
||||
}, |
||||
methods:{ |
||||
toBackHome(e){ |
||||
console.log("1") |
||||
uni.navigateBack(); |
||||
} |
||||
} |
||||
|
||||
}; |
||||
}, |
||||
methods: { |
||||
toBackHome(e) { |
||||
console.log("1") |
||||
uni.navigateBack(); |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="less"> |
||||
.more-page { |
||||
width: 100%; |
||||
height: 100%; |
||||
position: relative; |
||||
} |
||||
|
||||
.nav-title { |
||||
width: calc(100% - 36rpx); |
||||
text-align: center; |
||||
font-size: 32rpx; |
||||
color: #fff; |
||||
line-height: 40px; |
||||
display: inline-block; |
||||
} |
||||
</script> |
||||
|
||||
<style lang="less"> |
||||
.more-page{ |
||||
width: 100%; |
||||
height: 100%; |
||||
position: relative; |
||||
} |
||||
.page-title{ |
||||
width: 100%; |
||||
color: #fff; |
||||
position: relative; |
||||
z-index: 999; |
||||
image{ |
||||
width: 30rpx; |
||||
height: 35rpx; |
||||
position: absolute; |
||||
left: 40rpx; |
||||
} |
||||
} |
||||
|
||||
.swiper-box { |
||||
width: 100%; |
||||
height: 100vh; |
||||
background-color: #070604; |
||||
.back-icon{ |
||||
width: 36rpx; |
||||
height: 36rpx; |
||||
position: absolute; |
||||
top: 0; |
||||
} |
||||
|
||||
.swiper-box image { |
||||
width: 100%; |
||||
height: 100vh; |
||||
} |
||||
top: 50%; |
||||
left: 36rpx; |
||||
} |
||||
|
||||
.swiper-box { |
||||
width: 100%; |
||||
height: 100vh; |
||||
background-color: #070604; |
||||
position: absolute; |
||||
top: 0; |
||||
} |
||||
|
||||
.swiper-box image { |
||||
width: 100%; |
||||
height: 100vh; |
||||
} |
||||
</style> |
||||
|
||||
@ -1,86 +0,0 @@
|
||||
/* pages/release/perfectCompanyInfo/index.wxss */ |
||||
.perfect-companyInfo-page{ |
||||
width: 100%; |
||||
padding: 24rpx 40rpx; |
||||
border-top: 2rpx solid #EEEEEE; |
||||
} |
||||
.title{ |
||||
color: #1D1D1D; |
||||
font-size: 32rpx; |
||||
} |
||||
.title::before{ |
||||
content: ''; |
||||
display: inline-block; |
||||
width: 8rpx; |
||||
height: 42rpx; |
||||
background: #FF7942; |
||||
border-radius: 4rpx; |
||||
margin-right: 10rpx; |
||||
} |
||||
.form-box{ |
||||
font-size: 28rpx; |
||||
color: #666666; |
||||
} |
||||
.form-item{ |
||||
margin-top: 22rpx; |
||||
} |
||||
.chose{ |
||||
padding: 0 !important; |
||||
margin: 0 !important; |
||||
width: auto !important; |
||||
background: #fff; |
||||
font-size: 26rpx; |
||||
color: #666; |
||||
font-weight: normal; |
||||
} |
||||
.red{ |
||||
color: #FF0000; |
||||
} |
||||
.inp-box{ |
||||
width: 100%; |
||||
height: 60rpx; |
||||
background: #EEEEEE; |
||||
border-radius: 4rpx; |
||||
padding-left: 22rpx; |
||||
margin-top: 20rpx; |
||||
} |
||||
.inp-box input{ |
||||
width: 100%; |
||||
height: 100%; |
||||
} |
||||
.upload-box{ |
||||
width: 100%; |
||||
margin-top: 20rpx; |
||||
padding-bottom: 24rpx; |
||||
border-bottom: 2rpx solid #EEEEEE; |
||||
} |
||||
.upload-box image{ |
||||
width: 120rpx; |
||||
height: 120rpx; |
||||
margin-right: 20rpx; |
||||
} |
||||
.textarea-box{ |
||||
width: 100%; |
||||
height: 352rpx; |
||||
background: #EEEEEE; |
||||
border-radius: 4rpx; |
||||
padding: 22rpx; |
||||
margin-top: 20rpx; |
||||
} |
||||
.textarea-box textarea{ |
||||
width: 100%; |
||||
height: 100%; |
||||
line-height: 40rpx; |
||||
} |
||||
.submit-btn{ |
||||
width: 670rpx !important; |
||||
height: 76rpx !important; |
||||
background: linear-gradient(144deg, #FFA782 0%, #FF5100 100%); |
||||
border-radius: 38rpx; |
||||
color: #fff; |
||||
font-size: 28rpx !important; |
||||
line-height: 76rpx !important; |
||||
text-align: center; |
||||
margin:40rpx auto !important; |
||||
padding: 0 !important; |
||||
} |
||||
@ -1,100 +0,0 @@
|
||||
/* pages/release/perfectCompanyInfo/index.wxss */ |
||||
.perfect-companyInfo-page{ |
||||
width: 100%; |
||||
padding: 24rpx 40rpx; |
||||
border-top: 2rpx solid #EEEEEE; |
||||
} |
||||
.introduction-box{ |
||||
font-size: 28rpx; |
||||
color: #666666; |
||||
padding-bottom: 30rpx; |
||||
border-bottom: 2rpx solid #EEEEEE; |
||||
} |
||||
.introduction-item{ |
||||
margin-top: 20rpx; |
||||
} |
||||
.introduction-item input{ |
||||
/* width: 100rpx; */ |
||||
text-align: right; |
||||
|
||||
} |
||||
.introduction-item image{ |
||||
width: 13rpx; |
||||
height: 24rpx; |
||||
margin-left: 10rpx; |
||||
} |
||||
.title{ |
||||
color: #1D1D1D; |
||||
font-size: 32rpx; |
||||
} |
||||
.title::before{ |
||||
content: ''; |
||||
display: inline-block; |
||||
width: 8rpx; |
||||
height: 42rpx; |
||||
background: #FF7942; |
||||
border-radius: 4rpx; |
||||
margin-right: 10rpx; |
||||
} |
||||
.form-box{ |
||||
font-size: 28rpx; |
||||
color: #666666; |
||||
} |
||||
.picker{ |
||||
font-size: 28rpx; |
||||
color: #666666; |
||||
} |
||||
.form-item{ |
||||
margin-top: 22rpx; |
||||
} |
||||
.red{ |
||||
color: #FF0000; |
||||
} |
||||
.inp-box{ |
||||
width: 100%; |
||||
height: 60rpx; |
||||
background: #EEEEEE; |
||||
border-radius: 4rpx; |
||||
padding-left: 22rpx; |
||||
margin-top: 20rpx; |
||||
} |
||||
.inp-box input{ |
||||
width: 100%; |
||||
height: 100%; |
||||
} |
||||
.upload-box{ |
||||
width: 100%; |
||||
margin-top: 20rpx; |
||||
padding-bottom: 24rpx; |
||||
border-bottom: 2rpx solid #EEEEEE; |
||||
} |
||||
.upload-box image{ |
||||
width: 120rpx; |
||||
height: 120rpx; |
||||
margin-right: 20rpx; |
||||
} |
||||
.textarea-box{ |
||||
width: 100%; |
||||
height: 352rpx; |
||||
background: #EEEEEE; |
||||
border-radius: 4rpx; |
||||
padding: 22rpx; |
||||
margin-top: 20rpx; |
||||
} |
||||
.textarea-box textarea{ |
||||
width: 100%; |
||||
height: 100%; |
||||
line-height: 40rpx; |
||||
} |
||||
.submit-btn{ |
||||
width: 670rpx !important; |
||||
height: 76rpx !important; |
||||
background: linear-gradient(144deg, #FFA782 0%, #FF5100 100%); |
||||
border-radius: 38rpx; |
||||
color: #fff; |
||||
font-size: 28rpx !important; |
||||
line-height: 76rpx !important; |
||||
text-align: center; |
||||
margin:40rpx auto !important; |
||||
padding: 0 !important; |
||||
} |
||||
@ -1,2 +0,0 @@
|
||||
/* pages/release/personAuth/index.wxss */ |
||||
@import "../companyAuth/index.css"; |
||||
@ -1,47 +0,0 @@
|
||||
/* pages/user/agreement/index.wxss */ |
||||
.agreement-box{ |
||||
width: 100%; |
||||
position: relative; |
||||
} |
||||
.agreement-box image{ |
||||
width: 100%; |
||||
display: block; |
||||
} |
||||
.agreement-box .img{ |
||||
height: 2848rpx; |
||||
} |
||||
.agreement-box .img1{ |
||||
height: 924rpx; |
||||
} |
||||
.agreement-box .img2{ |
||||
height: 834rpx; |
||||
} |
||||
.agreement-box .img3{ |
||||
height: 1090rpx; |
||||
} |
||||
|
||||
.btn-box{ |
||||
width: 440rpx !important; |
||||
height: 142rpx !important; |
||||
padding: 0 !important; |
||||
position: absolute; |
||||
top: 658rpx; |
||||
left: 50%; |
||||
margin-left: -220rpx !important; |
||||
background: none !important; |
||||
} |
||||
|
||||
.pay-box{ |
||||
width: 100%; |
||||
min-height: 100vh; |
||||
} |
||||
.pay-box image{ |
||||
width: 100%; |
||||
display: block; |
||||
} |
||||
.pay-box .img1{ |
||||
height: 609rpx; |
||||
} |
||||
.pay-box .img2{ |
||||
height: 1235rpx; |
||||
} |
||||
@ -1,134 +0,0 @@
|
||||
/* pages/user/completeData/index.wxss */ |
||||
page{ |
||||
width: 100%; |
||||
height: 100vh; |
||||
} |
||||
.page-box{ |
||||
width: 100%; |
||||
height: 100%; |
||||
position: relative; |
||||
} |
||||
.bg-img-box{ |
||||
width: 100%; |
||||
height: 100%; |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; |
||||
} |
||||
.bg-img-box image{ |
||||
width: 100%; |
||||
height: 100%; |
||||
} |
||||
.mail-box{ |
||||
width: 687rpx; |
||||
position: absolute; |
||||
top: 0; |
||||
left: 50%; |
||||
transform: translateX(-50%); |
||||
} |
||||
.mail-box .mail-img-box{ |
||||
position: absolute; |
||||
} |
||||
|
||||
.mail-top,.mail-bottom{ |
||||
z-index: 3; |
||||
} |
||||
.mail-top{ |
||||
z-index: 4; |
||||
top: 10rpx; |
||||
/* top: 314rpx; */ |
||||
} |
||||
.top-move{ |
||||
animation: topMove 2s ease; |
||||
animation-fill-mode: forwards; |
||||
} |
||||
.mail-top image{ |
||||
width: 687rpx; |
||||
height: 445rpx; |
||||
} |
||||
.mail-center image{ |
||||
width: 684rpx; |
||||
height: 648rpx; |
||||
transform: scale(0.99); |
||||
} |
||||
.mail-center{ |
||||
top: 316rpx; |
||||
} |
||||
.mail-bottom image{ |
||||
width: 687rpx; |
||||
height: 432rpx; |
||||
|
||||
} |
||||
.mail-bottom{ |
||||
top: 616rpx; |
||||
} |
||||
.btm-move{ |
||||
animation: btmMove 1.5s ease; |
||||
animation-fill-mode: forwards; |
||||
} |
||||
@keyframes topMove{ |
||||
0% { |
||||
top: 10rpx; |
||||
opacity: 0.8; |
||||
} |
||||
100% { |
||||
top: 314rpx; |
||||
opacity: 1; |
||||
} |
||||
} |
||||
@keyframes btmMove{ |
||||
0% { |
||||
top: 616rpx; |
||||
opacity: 0.2; |
||||
} |
||||
100% { |
||||
top: 532rpx; |
||||
opacity: 1; |
||||
} |
||||
} |
||||
|
||||
.tips{ |
||||
width: 100%; |
||||
color:#EFDACA; |
||||
font-size: 40rpx; |
||||
line-height: 56rpx; |
||||
position: absolute; |
||||
top: 1000rpx; |
||||
text-align: center; |
||||
} |
||||
.word-move{ |
||||
animation: wordMove 1s ease; |
||||
animation-fill-mode: forwards; |
||||
} |
||||
@keyframes wordMove{ |
||||
0%{ |
||||
left: -100%; |
||||
} |
||||
100%{ |
||||
left: 0; |
||||
} |
||||
} |
||||
.pay-btn{ |
||||
width: 686rpx; |
||||
height: 82rpx; |
||||
position: absolute; |
||||
top: 1100rpx; |
||||
left: 50%; |
||||
transform: translateX(-50%); |
||||
background: linear-gradient(322deg, #DEB99F 0%, #E9D1C0 51%, #E3C9B5 100%); |
||||
border-radius: 62rpx; |
||||
text-align: center; |
||||
line-height: 82rpx; |
||||
color: #946F46; |
||||
} |
||||
.tip{ |
||||
width: 100%; |
||||
text-align: center; |
||||
color: #EFDACA; |
||||
font-size: 32rpx; |
||||
line-height: 44rpx; |
||||
position: absolute; |
||||
top: 1200rpx; |
||||
left: 50%; |
||||
transform: translateX(-50%); |
||||
} |
||||
@ -1,113 +0,0 @@
|
||||
/* pages/user/editNeeds/index.wxss */ |
||||
.form-box{ |
||||
width: 100%; |
||||
padding: 32rpx 38rpx; |
||||
font-size: 28rpx; |
||||
color:#666666; |
||||
} |
||||
.form-item{ |
||||
margin-bottom: 60rpx; |
||||
} |
||||
|
||||
.red{ |
||||
color: #FF0000; |
||||
} |
||||
.colO{ |
||||
color: #FF6D31; |
||||
font-size: 24rpx; |
||||
} |
||||
.inp-box{ |
||||
width: 100%; |
||||
padding: 10rpx 22rpx; |
||||
background: #eee; |
||||
color: #666; |
||||
margin-top: 36rpx; |
||||
} |
||||
.pick-box{ |
||||
width: 92%; |
||||
background: #eee; |
||||
box-sizing: border-box; |
||||
/* padding: 10rpx 22rpx; */ |
||||
} |
||||
.pick-box .picker{ |
||||
width: 100%; |
||||
color: #666666; |
||||
} |
||||
.inp-box input{ |
||||
width: 90%; |
||||
height: 100%; |
||||
} |
||||
.area-box{ |
||||
width: 100%; |
||||
height: 290rpx; |
||||
padding: 24rpx 22rpx; |
||||
background: #eee; |
||||
color: #666; |
||||
margin-top: 36rpx; |
||||
} |
||||
.area-box textarea{ |
||||
width: 100%; |
||||
height: 100%; |
||||
} |
||||
.upload-box{ |
||||
width: 100%; |
||||
height: 140rpx; |
||||
margin-top: 26rpx; |
||||
} |
||||
.upload-box image{ |
||||
width: 140rpx; |
||||
height: 140rpx; |
||||
margin-right: 12rpx; |
||||
} |
||||
|
||||
.tab-item{ |
||||
width: 122rpx; |
||||
height: 40rpx; |
||||
text-align: center; |
||||
line-height: 40rpx; |
||||
border: 1px solid #707070; |
||||
border-radius: 8rpx; |
||||
color: #666; |
||||
font-size: 22rpx; |
||||
margin-left: 20rpx; |
||||
} |
||||
.tab-a{ |
||||
background: linear-gradient(341deg, #FF5100 0%, #FFA782 100%); |
||||
color: #fff; |
||||
border: none; |
||||
} |
||||
.time-box{ |
||||
margin-top: 24rpx; |
||||
} |
||||
.timepick-box{ |
||||
width: 308rpx; |
||||
height: 60rpx; |
||||
background: #eee; |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: space-between; |
||||
padding: 0 20rpx; |
||||
} |
||||
.timepick-box picker{ |
||||
width: 100%; |
||||
} |
||||
.arrow-d{ |
||||
width: 14rpx; |
||||
height: 24rpx; |
||||
transform: rotate(90deg); |
||||
} |
||||
.m14{ |
||||
margin: 0 14rpx; |
||||
} |
||||
.submit-btn{ |
||||
width: 670rpx !important; |
||||
height: 76rpx !important; |
||||
background: linear-gradient(144deg, #FFA782 0%, #FF5100 100%); |
||||
border-radius: 38rpx; |
||||
color: #fff; |
||||
font-size: 28rpx !important; |
||||
line-height: 76rpx !important; |
||||
text-align: center; |
||||
margin:40rpx auto 20rpx !important; |
||||
padding: 0 !important; |
||||
} |
||||
@ -1,118 +0,0 @@
|
||||
/* pages/user/incomeDetail/index.wxss */ |
||||
page{ |
||||
background: #212226; |
||||
} |
||||
.detail-page{ |
||||
width: 100%; |
||||
position: relative; |
||||
} |
||||
.top-bg{ |
||||
width: 100%; |
||||
height: 450rpx; |
||||
} |
||||
.top-bg image{ |
||||
width: 100%; |
||||
height: 450rpx; |
||||
position: absolute; |
||||
} |
||||
.income-box{ |
||||
width: 100%; |
||||
min-height: 200rpx; |
||||
position: relative; |
||||
top: 140rpx; |
||||
left: 0rpx; |
||||
|
||||
} |
||||
.income-box image{ |
||||
width: 670rpx; |
||||
height: 208rpx; |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; |
||||
} |
||||
.income-l{ |
||||
width: 50%; |
||||
height: 100%; |
||||
position: absolute; |
||||
left: 0; |
||||
z-index: 2; |
||||
color: #946F46; |
||||
padding: 30rpx 0 20rpx; |
||||
} |
||||
.t{ |
||||
color:#E4C6B0; |
||||
} |
||||
.num{ |
||||
color: #E4C6B0; |
||||
font-size: 36rpx; |
||||
font-weight: bold; |
||||
margin: 20rpx 0; |
||||
} |
||||
.btn{ |
||||
width: 124rpx; |
||||
height: 44rpx; |
||||
line-height: 44rpx; |
||||
text-align: center; |
||||
background: #EFDACA; |
||||
border-radius: 62rpx; |
||||
font-size: 26rpx; |
||||
} |
||||
.income-r{ |
||||
height: auto; |
||||
left: 50%; |
||||
} |
||||
|
||||
.invitation-list-box{ |
||||
position: relative; |
||||
z-index: 99; |
||||
top: -80rpx; |
||||
} |
||||
.invi-title{ |
||||
padding-left: 40rpx; |
||||
font-size: 32rpx; |
||||
color: #EFDACA; |
||||
line-height: 40rpx; |
||||
margin-bottom: 12rpx; |
||||
} |
||||
.list-box{ |
||||
width: 100%; |
||||
min-height: 200rpx; |
||||
background: #212226; |
||||
border-radius: 40rpx 40rpx 0px 0px; |
||||
padding-top: 36rpx; |
||||
} |
||||
.rank-list-box{ |
||||
width: 100%; |
||||
max-height: 780rpx; |
||||
padding: 0 40rpx; |
||||
font-size: 24rpx; |
||||
overflow-y: scroll; |
||||
color: #E4C6B0; |
||||
} |
||||
.rank-item .num{ |
||||
min-width: 38rpx; |
||||
height: 32rpx; |
||||
color: #E4C6B0; |
||||
font-size: 26rpx; |
||||
} |
||||
.item-right-l image{ |
||||
width: 74rpx; |
||||
height: 74rpx; |
||||
border-radius: 50%; |
||||
margin-right: 16rpx; |
||||
} |
||||
.item-right-l{ |
||||
width: 70%; |
||||
} |
||||
.item-right-l .name{ |
||||
font-size: 24rpx; |
||||
color: #fff; |
||||
width: 80%; |
||||
line-height: 34rpx; |
||||
margin-top: 6rpx; |
||||
} |
||||
.item-right{ |
||||
width: 618rpx; |
||||
height: 132rpx; |
||||
border-bottom: 1px solid #6B6158; |
||||
} |
||||
@ -1,170 +0,0 @@
|
||||
.home-page{ |
||||
min-height: 100vh; |
||||
padding-bottom: 130rpx; |
||||
background: #F3F3F3; |
||||
} |
||||
.page-top-box{ |
||||
width: 100%; |
||||
height: 575rpx; |
||||
position: relative; |
||||
} |
||||
.page-title{ |
||||
width: 100%; |
||||
color: #fff; |
||||
text-align: center; |
||||
position: relative; |
||||
} |
||||
.top-bg{ |
||||
width: 100%; |
||||
height: 598rpx; |
||||
position: absolute; |
||||
} |
||||
.top-box-content{ |
||||
position: relative; |
||||
padding: 0 40rpx; |
||||
color: #fff; |
||||
} |
||||
.top-set-box{ |
||||
|
||||
} |
||||
.top-set-box .setIcon{ |
||||
width: 32rpx; |
||||
height: 29rpx; |
||||
} |
||||
.top-set-box .message{ |
||||
width: 38rpx; |
||||
height: 29rpx; |
||||
margin-left: 34rpx; |
||||
} |
||||
.set-box-l{ |
||||
width: 160rpx; |
||||
height: 44rpx; |
||||
line-height: 44rpx; |
||||
text-align: center; |
||||
background: #FFA583; |
||||
border-radius: 22rpx; |
||||
font-size: 24rpx; |
||||
} |
||||
.userInfo-box{ |
||||
margin-top: 34rpx; |
||||
} |
||||
.userInfo-box .header-img{ |
||||
width: 120rpx; |
||||
height: 120rpx; |
||||
border-radius: 50%; |
||||
margin-right: 12rpx; |
||||
} |
||||
.userInfo-r .name{ |
||||
font-size: 36rpx; |
||||
line-height: 50rpx; |
||||
} |
||||
.level{ |
||||
padding: 2rpx 20rpx; |
||||
font-size: 24rpx; |
||||
background: #FEC313; |
||||
text-align: center; |
||||
border-radius: 25px; |
||||
} |
||||
.img-tags { |
||||
margin-top: 14rpx; |
||||
} |
||||
.userInfo-r image{ |
||||
width: 132rpx; |
||||
height: 48rpx; |
||||
} |
||||
.userInfo-r .tyg-tag{ |
||||
width: 188rpx; |
||||
height: 44rpx; |
||||
margin-left: 22rpx; |
||||
} |
||||
.my-reminds-box { |
||||
margin-top: 20rpx; |
||||
} |
||||
.remind-item{ |
||||
display: flex; |
||||
flex-direction: column; |
||||
justify-content: center; |
||||
align-items: center; |
||||
font-size: 28rpx; |
||||
} |
||||
.count{ |
||||
font-size: 36rpx; |
||||
} |
||||
.to-tyg-box{ |
||||
text-align: center; |
||||
margin-top: 24rpx; |
||||
} |
||||
.to-tyg-box image{ |
||||
width: 670rpx; |
||||
height: 114rpx; |
||||
} |
||||
.menu-list-box{ |
||||
width: 100%; |
||||
padding: 40rpx; |
||||
} |
||||
.needs-menu-list,.resources-menu-list,.searver-menu-list{ |
||||
width: 100%; |
||||
background: #fff; |
||||
box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.07); |
||||
border-radius: 12rpx; |
||||
margin-bottom: 32rpx; |
||||
} |
||||
.menu-list{ |
||||
width: 100%; |
||||
padding: 40rpx 22rpx 22rpx; |
||||
} |
||||
.menu-item{ |
||||
/* width: 100%; */ |
||||
} |
||||
.title-box{ |
||||
width: 100%; |
||||
padding: 16rpx 20rpx; |
||||
border-bottom: 1px solid #F0F0F0; |
||||
font-size: 28rpx; |
||||
color: #303030; |
||||
} |
||||
.seemore{ |
||||
font-size: 24rpx; |
||||
color: #BFBFBF; |
||||
} |
||||
.seemore image{ |
||||
width: 12rpx; |
||||
height: 22rpx; |
||||
margin-left: 10rpx; |
||||
} |
||||
.menu-item{ |
||||
width: 25%; |
||||
margin-bottom: 32rpx; |
||||
color: #4A4A4A; |
||||
font-size: 24rpx; |
||||
line-height: 34rpx; |
||||
} |
||||
.menu-item image{ |
||||
width: 48rpx; |
||||
height: 48rpx; |
||||
margin-bottom: 14rpx; |
||||
} |
||||
.torelease-img { |
||||
position: relative; |
||||
width: 100%; |
||||
height: 90rpx; |
||||
} |
||||
.torelease-img image{ |
||||
width: 630rpx; |
||||
height: 62rpx; |
||||
position: absolute; |
||||
left: 20rpx; |
||||
} |
||||
.to-btn{ |
||||
width: 118rpx; |
||||
height: 34rpx; |
||||
line-height: 34rpx; |
||||
text-align: center; |
||||
font-size: 20rpx; |
||||
color: #ED7632; |
||||
background: #FFFFFF; |
||||
border-radius: 20rpx; |
||||
position: absolute; |
||||
right: 44rpx; |
||||
top: 14rpx; |
||||
} |
||||
@ -1,293 +0,0 @@
|
||||
/* pages/user/index.wxss */ |
||||
page{ |
||||
background: #212226; |
||||
} |
||||
image{ |
||||
width: 100%; |
||||
height: 100%; |
||||
} |
||||
.user-index-box{ |
||||
min-height: 100vh; |
||||
color: #EFDACA; |
||||
position: relative; |
||||
} |
||||
.user-index-top{ |
||||
width: 100%; |
||||
height: 1020rpx; |
||||
position: relative; |
||||
} |
||||
.user-index-top .top-bg{ |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; |
||||
} |
||||
.user-info-box{ |
||||
position: absolute; |
||||
top: 112rpx; |
||||
left: 40rpx; |
||||
z-index: 2; |
||||
} |
||||
.header-img{ |
||||
width: 134rpx; |
||||
height: 134rpx; |
||||
margin-right: 34rpx; |
||||
} |
||||
.header-img image{ |
||||
width: 134rpx; |
||||
height: 134rpx; |
||||
border-radius: 50%; |
||||
} |
||||
.user-info{ |
||||
width: 450rpx; |
||||
} |
||||
.user-title{ |
||||
width: 242rpx; |
||||
height: 56rpx; |
||||
} |
||||
.user-title image{ |
||||
width: 242rpx; |
||||
height: 56rpx; |
||||
} |
||||
|
||||
.menu-box{ |
||||
width: 670rpx; |
||||
height: 244rpx; |
||||
border: 2px solid #EFDACA; |
||||
border-radius: 16rpx; |
||||
position: absolute; |
||||
top: 290rpx; |
||||
left: 40rpx; |
||||
padding: 20rpx 0 16rpx 16rpx; |
||||
} |
||||
.menu-title-box{ |
||||
font-size: 32rpx; |
||||
line-height: 44rpx; |
||||
font-weight: bold; |
||||
} |
||||
.fz20{ |
||||
font-size: 20rpx; |
||||
font-weight: normal; |
||||
} |
||||
.see-more image{ |
||||
width: 10rpx; |
||||
height: 18rpx; |
||||
display: block; |
||||
margin-left: 10rpx; |
||||
} |
||||
.scroll-view_H{ |
||||
white-space: nowrap; |
||||
width: 100%; |
||||
} |
||||
.menu-list{ |
||||
margin-top: 36rpx; |
||||
} |
||||
.menu-item{ |
||||
display: inline-block; |
||||
text-align: center; |
||||
margin-right: 30rpx; |
||||
} |
||||
.menu-item image{ |
||||
width: 70rpx; |
||||
height: 70rpx; |
||||
display: inline-block; |
||||
margin-bottom: 6rpx; |
||||
} |
||||
|
||||
.myIncome-box{ |
||||
position: absolute; |
||||
top: 576rpx; |
||||
left: 40rpx; |
||||
} |
||||
.income-box{ |
||||
width: 670rpx; |
||||
height: 208rpx; |
||||
border-radius: 12rpx; |
||||
margin-top: 10rpx; |
||||
position: relative; |
||||
} |
||||
.income-box image{ |
||||
width: 670rpx; |
||||
height: 208rpx; |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; |
||||
} |
||||
.income-l{ |
||||
width: 50%; |
||||
height: 100%; |
||||
position: absolute; |
||||
left: 0; |
||||
z-index: 2; |
||||
color: #946F46; |
||||
padding: 30rpx 0 20rpx; |
||||
} |
||||
.num{ |
||||
color: #363636; |
||||
font-size: 36rpx; |
||||
font-weight: bold; |
||||
} |
||||
.btn{ |
||||
width: 124rpx; |
||||
height: 44rpx; |
||||
line-height: 44rpx; |
||||
text-align: center; |
||||
background: #EFDACA; |
||||
border-radius: 62rpx; |
||||
font-size: 26rpx; |
||||
} |
||||
.income-r{ |
||||
left: 50%; |
||||
} |
||||
.invitation-list-box{ |
||||
position: relative; |
||||
z-index: 99; |
||||
top: -140rpx; |
||||
} |
||||
.invi-title{ |
||||
padding-left: 40rpx; |
||||
font-size: 32rpx; |
||||
color: #EFDACA; |
||||
line-height: 40rpx; |
||||
margin-bottom: 12rpx; |
||||
} |
||||
.list-box{ |
||||
width: 100%; |
||||
background: #212226; |
||||
border-radius: 40rpx 40rpx 0px 0px; |
||||
padding-top: 36rpx; |
||||
} |
||||
.medal-box{ |
||||
|
||||
} |
||||
.medal{ |
||||
width: 224rpx; |
||||
height: 336rpx; |
||||
font-size: 20rpx; |
||||
color: #946F46; |
||||
display: flex; |
||||
flex-direction: column; |
||||
align-items: center; |
||||
position: relative; |
||||
text-align: center; |
||||
line-height: 38rpx; |
||||
} |
||||
.medal .medal-bg{ |
||||
width: 224rpx; |
||||
height: 336rpx; |
||||
position: absolute; |
||||
} |
||||
.medal-content{ |
||||
width: 100%; |
||||
height: 100%; |
||||
position: absolute; |
||||
top: 0; |
||||
z-index: 22; |
||||
} |
||||
.user-header{ |
||||
width: 86rpx; |
||||
height: 86rpx; |
||||
border-radius: 50%; |
||||
overflow: hidden; |
||||
position: absolute; |
||||
left: 50%; |
||||
top: -43rpx; |
||||
transform: translateX(-50%); |
||||
} |
||||
.medal-content .user-name{ |
||||
color: #363636; |
||||
font-size: 24rpx; |
||||
line-height: 34rpx; |
||||
margin-bottom: 16rpx; |
||||
margin-top: 56rpx; |
||||
} |
||||
.income-money{ |
||||
font-size: 28rpx; |
||||
color: #363636; |
||||
font-weight: bold; |
||||
margin-top: 16rpx; |
||||
} |
||||
.medal-icon{ |
||||
width: 136rpx; |
||||
height: 136rpx; |
||||
position: absolute; |
||||
right: -68rpx; |
||||
bottom: -10rpx; |
||||
} |
||||
.medal1{ |
||||
margin: 0 22rpx; |
||||
z-index: 99; |
||||
} |
||||
.medal2,.medal3{ |
||||
width: 202rpx; |
||||
height: 303rpx; |
||||
margin-top: 80rpx; |
||||
} |
||||
.medal3{ |
||||
margin-top: 100rpx; |
||||
} |
||||
.medal2 .medal-icon{ |
||||
width: 112rpx; |
||||
height: 112rpx; |
||||
bottom: -20rpx; |
||||
right: -20rpx; |
||||
} |
||||
.medal2 .medal-bg,.medal3 .medal-bg{ |
||||
width: 202rpx; |
||||
height: 303rpx; |
||||
} |
||||
.medal3 .medal-icon{ |
||||
width: 100rpx; |
||||
height: 100rpx; |
||||
right: -20rpx; |
||||
} |
||||
.rank-list-box{ |
||||
width: 100%; |
||||
max-height: 780rpx; |
||||
padding: 0 40rpx; |
||||
font-size: 24rpx; |
||||
overflow-y: scroll; |
||||
} |
||||
.rank-item .num{ |
||||
min-width: 50rpx; |
||||
color: #E4C6B0; |
||||
} |
||||
.item-right-l image{ |
||||
width: 74rpx; |
||||
height: 74rpx; |
||||
border-radius: 50%; |
||||
margin-right: 16rpx; |
||||
} |
||||
.item-right-l{ |
||||
width: 70%; |
||||
} |
||||
.item-right-l .name{ |
||||
font-size: 24rpx; |
||||
color: #fff; |
||||
width: 80%; |
||||
} |
||||
.item-right{ |
||||
width: 618rpx; |
||||
height: 132rpx; |
||||
border-bottom: 1px solid #6B6158; |
||||
} |
||||
.item-right-r{ |
||||
text-align: right; |
||||
} |
||||
|
||||
.share-btn{ |
||||
width: 334rpx !important; |
||||
height: 132rpx !important; |
||||
padding: 0 !important; |
||||
margin: 40rpx auto !important; |
||||
background: transparent !important; |
||||
position: fixed; |
||||
bottom: 0rpx; |
||||
left: 50%; |
||||
margin-left: -162rpx !important; |
||||
z-index: 999; |
||||
} |
||||
.share-btn image{ |
||||
width: 334rpx; |
||||
height: 132rpx; |
||||
display: inline-block; |
||||
} |
||||
@ -1,116 +0,0 @@
|
||||
/* pages/user/NeedsManage/index.wxss */ |
||||
.manage-page{ |
||||
width: 100%; |
||||
min-height: 100vh; |
||||
background: #EEEEEE; |
||||
} |
||||
.tabs-box{ |
||||
width: 100%; |
||||
padding: 18rpx 58rpx; |
||||
background: #fff; |
||||
} |
||||
.tab{ |
||||
text-align: center; |
||||
font-size: 28rpx; |
||||
color: #707070; |
||||
position: relative; |
||||
} |
||||
.tab::after{ |
||||
display: block; |
||||
content: ''; |
||||
width: 100%; |
||||
height: 8rpx; |
||||
border-radius: 8rpx; |
||||
background: #FF6D31; |
||||
position: absolute; |
||||
bottom: -22rpx; |
||||
left: 50%; |
||||
margin-left: -41rpx; |
||||
opacity: 0; |
||||
transform: scaleX(0); |
||||
transition: all .2s cubic-bezier(.18,.89,.17,.88),opacity .15s ease; |
||||
} |
||||
.tab-a::after{ |
||||
opacity: 1; |
||||
transform: scaleX(1); |
||||
} |
||||
.list{ |
||||
width: 100%; |
||||
padding: 32rpx 40rpx; |
||||
} |
||||
.list-item{ |
||||
width: 100%; |
||||
padding: 20rpx 20rpx 32rpx; |
||||
background: #fff; |
||||
border-radius: 12rpx; |
||||
margin-bottom: 20rpx; |
||||
} |
||||
|
||||
.n-title{ |
||||
font-size: 28rpx; |
||||
color: #1D1D1D; |
||||
font-weight: 500; |
||||
margin-bottom: 18rpx; |
||||
} |
||||
.tag-item{ |
||||
width: 114rpx; |
||||
height: 36rpx; |
||||
line-height: 34rpx; |
||||
text-align: center; |
||||
color: #FC9367; |
||||
border: 1rpx solid #FC9367; |
||||
background: #fff; |
||||
border-radius: 4rpx; |
||||
font-size: 24rpx; |
||||
margin-right: 8rpx; |
||||
} |
||||
.colG{ |
||||
color: #3A9EFA; |
||||
border-color: #3A9EFA; |
||||
} |
||||
.top-r{ |
||||
color: #FF5100; |
||||
font-size: 20rpx; |
||||
font-weight: 600; |
||||
line-height: 40rpx; |
||||
} |
||||
.status{ |
||||
font-size: 30rpx; |
||||
} |
||||
.fz28{ |
||||
color:#707070; |
||||
line-height: 40rpx; |
||||
margin: 18rpx 0 10rpx; |
||||
} |
||||
.colR{ |
||||
color: #FF5100; |
||||
} |
||||
.desc{ |
||||
font-size: 24rpx; |
||||
line-height: 34rpx; |
||||
color: #333; |
||||
} |
||||
.time{ |
||||
font-size: 24rpx; |
||||
color: #707070; |
||||
} |
||||
.btn-box{ |
||||
font-size: 30rpx; |
||||
font-weight: 500; |
||||
line-height: 40px; |
||||
color: #FF5100; |
||||
} |
||||
.btn{ |
||||
font-size: 28rpx; |
||||
width: 150rpx; |
||||
height: 56rpx; |
||||
line-height: 56rpx; |
||||
text-align: center; |
||||
background: linear-gradient(134deg, #FFA782 0%, #FF6D31 100%); |
||||
border-radius: 12rpx; |
||||
color: #fff; |
||||
margin-left: 16rpx; |
||||
} |
||||
.default{ |
||||
background: linear-gradient(134deg, #BFBFBF 0%, #BFBFBF 100%); |
||||
} |
||||
@ -1,66 +0,0 @@
|
||||
/* pages/user/needsOrder/index.wxss */ |
||||
@import "../resourcesOrder/index.css"; |
||||
|
||||
.needs-info-box{ |
||||
border: none !important; |
||||
} |
||||
.info2{ |
||||
width: calc(100% - 120rpx); |
||||
} |
||||
.info-item image{ |
||||
width: 90rpx; |
||||
height: 90rpx; |
||||
margin-right: 24rpx; |
||||
} |
||||
.info-item{ |
||||
font-size: 24rpx; |
||||
border-top: 2rpx solid #F0F0F0; |
||||
padding: 20rpx 0; |
||||
} |
||||
.projectinfo-box{ |
||||
font-size: 26rpx; |
||||
margin: 2rpx 0; |
||||
} |
||||
.tag-item{ |
||||
/* transform: scale(0.8); */ |
||||
margin: 0; |
||||
} |
||||
|
||||
.needs-info-box{ |
||||
/* padding-bottom: 22rpx; */ |
||||
border-bottom: 2rpx solid #F0F0F0; |
||||
margin-bottom: 22rpx; |
||||
} |
||||
.n-title{ |
||||
color: #1D1D1D; |
||||
font-size: 32rpx; |
||||
line-height: 44rpx; |
||||
} |
||||
.n-price{ |
||||
color: #707070; |
||||
font-size: 28rpx; |
||||
margin: 8rpx 0; |
||||
} |
||||
.n-desc{ |
||||
font-size: 24rpx; |
||||
line-height: 34rpx; |
||||
color: #333333; |
||||
} |
||||
.btn-box{ |
||||
margin-top: 10rpx; |
||||
} |
||||
.btn-item { |
||||
font-size: 24rpx; |
||||
width: 130rpx; |
||||
height: 50rpx; |
||||
line-height: 50rpx; |
||||
text-align: center; |
||||
background: linear-gradient(134deg, #FFA782 0%, #FF6D31 100%); |
||||
border-radius: 12rpx; |
||||
color: #fff; |
||||
margin-left: 8rpx; |
||||
} |
||||
.status { |
||||
min-width: 150rpx; |
||||
text-align: right; |
||||
} |
||||
@ -1,15 +0,0 @@
|
||||
/* pages/user/pay/index.wxss */ |
||||
.pay-box{ |
||||
width: 100%; |
||||
min-height: 100vh; |
||||
} |
||||
.pay-box image{ |
||||
width: 100%; |
||||
display: block; |
||||
} |
||||
.img1{ |
||||
height: 609rpx; |
||||
} |
||||
.img2{ |
||||
height: 1235rpx; |
||||
} |
||||
@ -1,130 +0,0 @@
|
||||
/* pages/user/personalData/index.wxss */ |
||||
page{ |
||||
width: 100%; |
||||
height: 100vh; |
||||
} |
||||
.personal-index{ |
||||
width: 100%; |
||||
height: 100vh; |
||||
position: relative; |
||||
overflow: hidden; |
||||
} |
||||
.bg-img-box{ |
||||
width: 100%; |
||||
height: 100%; |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; |
||||
} |
||||
.bg-img-box image{ |
||||
width: 100%; |
||||
height: 100%; |
||||
} |
||||
.logo-box{ |
||||
position: absolute; |
||||
top: 220rpx; |
||||
left: 32rpx; |
||||
width: 100%; |
||||
font-size: 40rpx; |
||||
color: #EFDACA; |
||||
} |
||||
.logo-box image{ |
||||
width: 160rpx; |
||||
height: 90rpx; |
||||
margin-bottom: 22rpx; |
||||
} |
||||
|
||||
.form-box{ |
||||
position: absolute; |
||||
top: 400rpx; |
||||
left: 0; |
||||
font-size: 28rpx; |
||||
color: #363636; |
||||
width: 100%; |
||||
padding: 0 32rpx; |
||||
} |
||||
.title{ |
||||
font-size: 40rpx; |
||||
color: #EFDACA; |
||||
} |
||||
|
||||
.form{ |
||||
width: 100%; |
||||
min-height: 640rpx; |
||||
background: linear-gradient(322deg, #DEB99F 0%, #E9D1C0 51%, #E3C9B5 100%); |
||||
border-radius: 8rpx; |
||||
margin: 62rpx 0; |
||||
padding: 16rpx 0; |
||||
} |
||||
.form .inp-box{ |
||||
width: 100%; |
||||
height: 86rpx; |
||||
padding: 0 16rpx; |
||||
border-bottom: 2rpx solid #B89F83; |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: space-between; |
||||
} |
||||
.form .inp-box .label{ |
||||
width: 160rpx; |
||||
text-align: left; |
||||
} |
||||
.inp-box input{ |
||||
text-align: right; |
||||
} |
||||
.sencode-box{ |
||||
width: calc(100% - 180rpx); |
||||
} |
||||
.sencode-box input{ |
||||
width: 230rpx; |
||||
} |
||||
.sencode-box .sendcode-btn,.getPhone-btn{ |
||||
width: 220rpx; |
||||
height: 66rpx; |
||||
text-align: center; |
||||
line-height: 66rpx; |
||||
background: #FFFFFF; |
||||
color: #BE996F; |
||||
box-shadow: 6rpx 6rpx 12rpx #D1BCA5; |
||||
border-radius: 8rpx; |
||||
position: relative; |
||||
} |
||||
.sendcode-btn::before{ |
||||
content: ''; |
||||
display: inline-block; |
||||
width: 2rpx; |
||||
height: 40rpx; |
||||
background: #C3AA91; |
||||
position: absolute; |
||||
left: -10rpx; |
||||
top: 10rpx; |
||||
} |
||||
.picker{ |
||||
color: #6D6D6D; |
||||
} |
||||
.noBorder{ |
||||
border: none !important; |
||||
} |
||||
|
||||
.submit-btn{ |
||||
width: 268rpx; |
||||
height: 82rpx; |
||||
text-align: center; |
||||
line-height: 82rpx; |
||||
color: #946F46; |
||||
font-size: 32rpx; |
||||
background: linear-gradient(322deg, #DEB99F 0%, #E9D1C0 51%, #E3C9B5 100%); |
||||
box-shadow: 6rpx 6rpx 20rpx rgba(22, 22, 22, 0.43); |
||||
border-radius: 62rpx; |
||||
margin: 0 auto; |
||||
} |
||||
|
||||
|
||||
.getPhone-btn{ |
||||
width: 210rpx !important; |
||||
padding: 0 !important; |
||||
font-size: 28rpx; |
||||
font-weight: normal; |
||||
color: #BE996F; |
||||
margin-left: 10rpx !important; |
||||
} |
||||
@ -1,6 +0,0 @@
|
||||
/* pages/user/profession/index.wxss */ |
||||
.sonItem{ |
||||
font-size: 28rpx; |
||||
line-height: 40rpx; |
||||
padding: 20rpx; |
||||
} |
||||
@ -1,114 +0,0 @@
|
||||
/* pages/user/resourcesManage/index.wxss */ |
||||
.manage-page{ |
||||
width: 100%; |
||||
min-height: 100vh; |
||||
background: #EEEEEE; |
||||
} |
||||
.tabs-box{ |
||||
width: 100%; |
||||
padding: 18rpx 58rpx; |
||||
background: #fff; |
||||
} |
||||
.tab{ |
||||
text-align: center; |
||||
font-size: 28rpx; |
||||
color: #707070; |
||||
position: relative; |
||||
} |
||||
.tab::after{ |
||||
display: block; |
||||
content: ''; |
||||
width: 100%; |
||||
height: 8rpx; |
||||
border-radius: 8rpx; |
||||
background: #FF6D31; |
||||
position: absolute; |
||||
bottom: -22rpx; |
||||
left: 50%; |
||||
opacity: 0; |
||||
transform: translateX(-50%) scaleX(0); |
||||
transition: all .2s cubic-bezier(.18,.89,.17,.88),opacity .15s ease; |
||||
} |
||||
.tab-a::after{ |
||||
opacity: 1; |
||||
left: 0; |
||||
transform: translateX(0%) scaleX(1); |
||||
} |
||||
.list{ |
||||
width: 100%; |
||||
padding: 32rpx 40rpx; |
||||
} |
||||
.list-item{ |
||||
width: 100%; |
||||
padding: 20rpx 20rpx 32rpx; |
||||
background: #fff; |
||||
border-radius: 12rpx; |
||||
margin-bottom: 20rpx; |
||||
} |
||||
.number{ |
||||
margin-bottom: 24rpx; |
||||
color: #666666; |
||||
font-size: 28rpx; |
||||
} |
||||
.status{ |
||||
font-weight: 500; |
||||
font-size: 28rpx; |
||||
color: #FF5100; |
||||
} |
||||
.info-box image{ |
||||
width: 154rpx; |
||||
height: 154rpx; |
||||
border-radius: 8rpx; |
||||
margin-right: 12rpx; |
||||
} |
||||
.info{ |
||||
width: 450rpx; |
||||
font-size: 28rpx; |
||||
} |
||||
.i-title{ |
||||
font-weight: 500; |
||||
line-height: 40rpx; |
||||
color: #1D1D1D; |
||||
} |
||||
.i-desc{ |
||||
font-size: 24rpx; |
||||
font-weight: 400; |
||||
line-height: 34rpx; |
||||
color: #666666; |
||||
height: 110rpx; |
||||
overflow: hidden; |
||||
} |
||||
.time{ |
||||
color: #A7A7A7; |
||||
font-size: 24rpx; |
||||
} |
||||
.colO{ |
||||
font-size: 28rpx; |
||||
margin: 24rpx 0 4rpx; |
||||
color: #FF5100; |
||||
} |
||||
.btn-box{ |
||||
font-size: 30rpx; |
||||
font-weight: 500; |
||||
line-height: 40px; |
||||
color: #FF5100; |
||||
} |
||||
.btn{ |
||||
font-size: 28rpx; |
||||
width: 150rpx; |
||||
height: 56rpx; |
||||
line-height: 56rpx; |
||||
text-align: center; |
||||
background: linear-gradient(134deg, #FFA782 0%, #FF6D31 100%); |
||||
border-radius: 12rpx; |
||||
color: #fff; |
||||
margin-left: 16rpx; |
||||
} |
||||
.default{ |
||||
background: linear-gradient(134deg, #BFBFBF 0%, #BFBFBF 100%); |
||||
} |
||||
.text{ |
||||
font-size: 28rpx; |
||||
color: #666; |
||||
} |
||||
|
||||
|
After Width: | Height: | Size: 620 B |
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in new issue