|
|
@@ -17,11 +17,11 @@ |
|
|
|
<image class="guide-img" :src="item.photo"></image> |
|
|
|
|
|
|
|
<text class="guide-name">{{ item.name }}</text> |
|
|
|
<van-rate readonly icon="//images/void-icon2.png" :size="14" void-icon="@/images/rate-icon.png" v-model="item.star" /> |
|
|
|
<van-rate readonly icon="//images/void-icon2.png" :size="14" void-icon="@/images/rate-icon.png" |
|
|
|
v-model="item.star" /> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="rural-list flex" |
|
|
|
v-if="option.path === 'sonGuide4' || option.path === 'sonGuide5' || option.path === 'sonGuide3'"> |
|
|
|
<view class="rural-list flex" v-if="option.path === 'sonGuide4' || option.path === 'sonGuide5'"> |
|
|
|
<view class="guide-item flex flex-col flex-v-center" :data-item="item" @tap="toArea" |
|
|
|
v-for="(item, index) in agencyPageList" :key="index"> |
|
|
|
<image class="guide-img" :src="item.image"></image> |
|
|
@@ -29,6 +29,22 @@ |
|
|
|
<text class="guide-name">{{ item.agencyName }}</text> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<block v-if="option.path === 'sonGuide3'"> |
|
|
|
<view class="second-section-gird"> |
|
|
|
<view :class="songuid == 1 ? 'action' :''" @click="headerSonguid(1)">村务监督月例会</view> |
|
|
|
<view :class="songuid == 2 ? 'action' :''" @click="headerSonguid(2)">在线投诉</view> |
|
|
|
</view> |
|
|
|
<view class="rural-list flex"> |
|
|
|
<view class="guide-item flex flex-col flex-v-center" :data-item="item" @tap="toArea" |
|
|
|
v-for="(item, index) in agencyPageList" :key="index"> |
|
|
|
<image class="guide-img" :src="item.image"></image> |
|
|
|
|
|
|
|
<text class="guide-name">{{ item.agencyName }}</text> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</block> |
|
|
|
|
|
|
|
<view class="second-section" v-if="option.path === 'sonGuide1'"> |
|
|
|
<view class="section-item flex flex-between" :data-item="item" @tap="toArea" |
|
|
|
v-for="(item, index) in partyBranchList" :key="index"> |
|
|
@@ -36,7 +52,8 @@ |
|
|
|
|
|
|
|
<view class="section-item-left flex1 flex flex-col"> |
|
|
|
<view class="consult-content-title text-line-2">{{ item.name }}</view> |
|
|
|
<van-rate readonly icon="/src/images/void-icon2.png" :size="14" void-icon="/src/images/rate-icon.png" v-model="item.star" /> |
|
|
|
<van-rate readonly icon="/src/images/void-icon2.png" :size="14" void-icon="/src/images/rate-icon.png" |
|
|
|
v-model="item.star" /> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
@@ -53,328 +70,375 @@ |
|
|
|
</template> |
|
|
|
<!-- <script module="util" lang="wxs" src="@/wxs/util.wxs"></script> --> |
|
|
|
<script> |
|
|
|
import * as peopleApi from '@/api/peopleApi'; |
|
|
|
import * as publicApi from '@/api/publicApi'; |
|
|
|
export default { |
|
|
|
components: {}, |
|
|
|
data() { |
|
|
|
return { |
|
|
|
indicatorColor: 'rgba(255,255,255,0.4)', |
|
|
|
indicatorActiveColor: '#FFFFFF', |
|
|
|
option: { |
|
|
|
name: '', |
|
|
|
path: '' |
|
|
|
import * as peopleApi from '@/api/peopleApi'; |
|
|
|
import * as publicApi from '@/api/publicApi'; |
|
|
|
export default { |
|
|
|
components: {}, |
|
|
|
data() { |
|
|
|
return { |
|
|
|
indicatorColor: 'rgba(255,255,255,0.4)', |
|
|
|
indicatorActiveColor: '#FFFFFF', |
|
|
|
option: { |
|
|
|
name: '', |
|
|
|
path: '' |
|
|
|
}, |
|
|
|
imageList: [], |
|
|
|
doctorPageList: [], |
|
|
|
agencyPageList: [], |
|
|
|
partyBranchList: [], |
|
|
|
pageNo: 1, |
|
|
|
pageSize: 10, |
|
|
|
total: 0, |
|
|
|
songuid: 1 |
|
|
|
}; |
|
|
|
}, |
|
|
|
/** |
|
|
|
* 生命周期函数--监听页面加载 |
|
|
|
*/ |
|
|
|
onLoad(option) { |
|
|
|
this.option = option |
|
|
|
console.log(option) |
|
|
|
this.recursionApi(); |
|
|
|
this.callFcuntion(); |
|
|
|
}, |
|
|
|
onReachBottom() { |
|
|
|
const data = { |
|
|
|
sonGuide2: () => { |
|
|
|
if (this.doctorPageList.length === this.total) { |
|
|
|
return; |
|
|
|
} |
|
|
|
this.excellentPartMemberPageApi(false); |
|
|
|
}, |
|
|
|
sonGuide4: () => { |
|
|
|
console.log(2); |
|
|
|
if (this.agencyPageList.length === this.total) { |
|
|
|
return; |
|
|
|
} |
|
|
|
this.agencyPageApi(false); |
|
|
|
}, |
|
|
|
sonGuide3: () => { |
|
|
|
console.log(1); |
|
|
|
if (this.agencyPageList.length === this.total) { |
|
|
|
return; |
|
|
|
} |
|
|
|
this.agencyPageApi(false); |
|
|
|
}, |
|
|
|
sonGuide1: () => { |
|
|
|
if (this.partyBranchList.length === this.total) { |
|
|
|
return; |
|
|
|
} |
|
|
|
this.partyBranchApi(false); |
|
|
|
} |
|
|
|
}; |
|
|
|
if (data[this.option.path]) { |
|
|
|
data[this.option.path](); |
|
|
|
} |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
// 获取轮播图 |
|
|
|
async recursionApi() { |
|
|
|
const res = await publicApi.recursionApi({ |
|
|
|
bannerType: 1, |
|
|
|
parentId: this.option.parentId |
|
|
|
}); |
|
|
|
if (res.data) { |
|
|
|
this.imageList = res.data[0].children |
|
|
|
} |
|
|
|
}, |
|
|
|
imageList: [], |
|
|
|
doctorPageList: [], |
|
|
|
agencyPageList: [], |
|
|
|
partyBranchList: [], |
|
|
|
pageNo: 1, |
|
|
|
pageSize: 10, |
|
|
|
total: 0 |
|
|
|
}; |
|
|
|
}, |
|
|
|
/** |
|
|
|
* 生命周期函数--监听页面加载 |
|
|
|
*/ |
|
|
|
onLoad(option) { |
|
|
|
this.option = option |
|
|
|
console.log(option) |
|
|
|
this.recursionApi(); |
|
|
|
this.callFcuntion(); |
|
|
|
}, |
|
|
|
onReachBottom() { |
|
|
|
const data = { |
|
|
|
sonGuide2: () => { |
|
|
|
if (this.doctorPageList.length === this.total) { |
|
|
|
return; |
|
|
|
|
|
|
|
async excellentPartMemberPageApi(reset = true) { |
|
|
|
const params = this.generalQueryData(reset); |
|
|
|
const res = await peopleApi.excellentPartMemberPageApi(params); |
|
|
|
let _goodsList = [] |
|
|
|
if (res.data) { |
|
|
|
const { |
|
|
|
list = [], total = 0 |
|
|
|
} = res.data; |
|
|
|
if (reset) { |
|
|
|
_goodsList = list; |
|
|
|
} else { |
|
|
|
_goodsList = this.doctorPageList.concat(list); |
|
|
|
} |
|
|
|
this.pageNo = params.pageNo || 1; |
|
|
|
this.total = total; |
|
|
|
this.doctorPageList = _goodsList |
|
|
|
} |
|
|
|
this.excellentPartMemberPageApi(false); |
|
|
|
}, |
|
|
|
sonGuide4: () => { |
|
|
|
console.log(2); |
|
|
|
if (this.agencyPageList.length === this.total) { |
|
|
|
return; |
|
|
|
|
|
|
|
async agencyPageApi(reset = true) { |
|
|
|
const params = this.generalQueryData(reset); |
|
|
|
const res = await peopleApi.agencyPageApi(params); |
|
|
|
let _goodsList = [] |
|
|
|
if (res.data) { |
|
|
|
const { |
|
|
|
list = [], total = 0 |
|
|
|
} = res.data; |
|
|
|
if (reset) { |
|
|
|
_goodsList = list; |
|
|
|
} else { |
|
|
|
_goodsList = this.agencyPageList.concat(list); |
|
|
|
} |
|
|
|
this.pageNo = params.pageNo || 1; |
|
|
|
this.total = total; |
|
|
|
this.agencyPageList = _goodsList |
|
|
|
} |
|
|
|
this.agencyPageApi(false); |
|
|
|
}, |
|
|
|
sonGuide3: () => { |
|
|
|
console.log(1); |
|
|
|
if (this.agencyPageList.length === this.total) { |
|
|
|
return; |
|
|
|
|
|
|
|
async partyBranchApi(reset = true) { |
|
|
|
const params = this.generalQueryData(reset); |
|
|
|
const res = await peopleApi.partyBranchApi(params); |
|
|
|
if (res.data) { |
|
|
|
const { |
|
|
|
list = [], total = 0 |
|
|
|
} = res.data; |
|
|
|
const _goodsList = reset ? list : this.partyBranchList.concat(list); |
|
|
|
this.pageNo = params.pageNo || 1; |
|
|
|
this.total = total; |
|
|
|
this.partyBranchList = _goodsList |
|
|
|
} |
|
|
|
this.agencyPageApi(false); |
|
|
|
}, |
|
|
|
sonGuide1: () => { |
|
|
|
if (this.partyBranchList.length === this.total) { |
|
|
|
return; |
|
|
|
|
|
|
|
// 调用函数 |
|
|
|
callFcuntion() { |
|
|
|
const ApiConfig = { |
|
|
|
sonGuide1: { |
|
|
|
api: this.partyBranchApi |
|
|
|
}, |
|
|
|
'五星党员': { |
|
|
|
api: this.excellentPartMemberPageApi |
|
|
|
}, |
|
|
|
sonGuide3: { |
|
|
|
api: this.agencyPageApi |
|
|
|
}, |
|
|
|
sonGuide4: { |
|
|
|
api: this.agencyPageApi |
|
|
|
}, |
|
|
|
sonGuide5: { |
|
|
|
api: this.agencyPageApi |
|
|
|
} |
|
|
|
}; |
|
|
|
const obj = ApiConfig[this.option.path || this.option.name]; |
|
|
|
if (obj.api) { |
|
|
|
obj.api(); |
|
|
|
} |
|
|
|
this.partyBranchApi(false); |
|
|
|
} |
|
|
|
}; |
|
|
|
if (data[this.option.path]) { |
|
|
|
data[this.option.path](); |
|
|
|
} |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
// 获取轮播图 |
|
|
|
async recursionApi() { |
|
|
|
const res = await publicApi.recursionApi({ |
|
|
|
bannerType: 1, |
|
|
|
parentId: this.option.parentId |
|
|
|
}); |
|
|
|
if (res.data) { |
|
|
|
this.imageList = res.data[0].children |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
async excellentPartMemberPageApi(reset = true) { |
|
|
|
const params = this.generalQueryData(reset); |
|
|
|
const res = await peopleApi.excellentPartMemberPageApi(params); |
|
|
|
let _goodsList = [] |
|
|
|
if (res.data) { |
|
|
|
// 分页参数处理事件 |
|
|
|
generalQueryData(reset = false) { |
|
|
|
const { |
|
|
|
list = [], total = 0 |
|
|
|
} = res.data; |
|
|
|
pageNo, |
|
|
|
pageSize |
|
|
|
} = this; |
|
|
|
const params = { |
|
|
|
pageNo: 1, |
|
|
|
pageSize: 10 |
|
|
|
}; |
|
|
|
if (this.option.path === 'sonGuide4') { |
|
|
|
params.agencyType = 1; |
|
|
|
} |
|
|
|
if (this.option.path === 'sonGuide5') { |
|
|
|
params.agencyType = 2; |
|
|
|
} |
|
|
|
if (this.option.path === 'sonGuide3') { |
|
|
|
params.agencyType = 3; |
|
|
|
} |
|
|
|
if (reset) { |
|
|
|
_goodsList = list; |
|
|
|
} else { |
|
|
|
_goodsList = this.doctorPageList.concat(list); |
|
|
|
return params; |
|
|
|
} |
|
|
|
this.pageNo = params.pageNo || 1; |
|
|
|
this.total = total; |
|
|
|
this.doctorPageList = _goodsList |
|
|
|
} |
|
|
|
}, |
|
|
|
return { |
|
|
|
...params, |
|
|
|
pageNo: pageNo + 1, |
|
|
|
pageSize |
|
|
|
}; |
|
|
|
}, |
|
|
|
|
|
|
|
async agencyPageApi(reset = true) { |
|
|
|
const params = this.generalQueryData(reset); |
|
|
|
const res = await peopleApi.agencyPageApi(params); |
|
|
|
let _goodsList = [] |
|
|
|
if (res.data) { |
|
|
|
jumpDetail(event) { |
|
|
|
const { |
|
|
|
list = [], total = 0 |
|
|
|
} = res.data; |
|
|
|
if (reset) { |
|
|
|
_goodsList = list; |
|
|
|
} else { |
|
|
|
_goodsList = this.agencyPageList.concat(list); |
|
|
|
id |
|
|
|
} = event.currentTarget.dataset; |
|
|
|
uni.navigateTo({ |
|
|
|
url: `/packages/people/pages/guide-detail/guide-detail?id=${id}` |
|
|
|
}); |
|
|
|
}, |
|
|
|
headerSonguid(index) { |
|
|
|
if (index === 2) { |
|
|
|
uni.showToast({ |
|
|
|
title: '功能还在开发中...', |
|
|
|
icon: 'none' |
|
|
|
}) |
|
|
|
return |
|
|
|
} |
|
|
|
this.pageNo = params.pageNo || 1; |
|
|
|
this.total = total; |
|
|
|
this.agencyPageList = _goodsList |
|
|
|
} |
|
|
|
}, |
|
|
|
this.songuid = index |
|
|
|
}, |
|
|
|
|
|
|
|
async partyBranchApi(reset = true) { |
|
|
|
const params = this.generalQueryData(reset); |
|
|
|
const res = await peopleApi.partyBranchApi(params); |
|
|
|
if (res.data) { |
|
|
|
toArea(event) { |
|
|
|
const { |
|
|
|
list = [], total = 0 |
|
|
|
} = res.data; |
|
|
|
const _goodsList = reset ? list : this.partyBranchList.concat(list); |
|
|
|
this.pageNo = params.pageNo || 1; |
|
|
|
this.total = total; |
|
|
|
this.partyBranchList = _goodsList |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
// 调用函数 |
|
|
|
callFcuntion() { |
|
|
|
const ApiConfig = { |
|
|
|
sonGuide1: { |
|
|
|
api: this.partyBranchApi |
|
|
|
}, |
|
|
|
'五星党员': { |
|
|
|
api: this.excellentPartMemberPageApi |
|
|
|
}, |
|
|
|
sonGuide3: { |
|
|
|
api: this.agencyPageApi |
|
|
|
}, |
|
|
|
sonGuide4: { |
|
|
|
api: this.agencyPageApi |
|
|
|
}, |
|
|
|
sonGuide5: { |
|
|
|
api: this.agencyPageApi |
|
|
|
item |
|
|
|
} = event.currentTarget.dataset; |
|
|
|
if (this.option.path === 'sonGuide1') { |
|
|
|
item.agencyName = '支部详情'; |
|
|
|
item.agencyType = '12101'; |
|
|
|
} |
|
|
|
}; |
|
|
|
const obj = ApiConfig[this.option.path || this.option.name]; |
|
|
|
if (obj.api) { |
|
|
|
obj.api(); |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
// 分页参数处理事件 |
|
|
|
generalQueryData(reset = false) { |
|
|
|
const { |
|
|
|
pageNo, |
|
|
|
pageSize |
|
|
|
} = this; |
|
|
|
const params = { |
|
|
|
pageNo: 1, |
|
|
|
pageSize: 10 |
|
|
|
}; |
|
|
|
if (this.option.path === 'sonGuide4') { |
|
|
|
params.agencyType = 1; |
|
|
|
uni.navigateTo({ |
|
|
|
url: `/packages/people/pages/area/area?orgId=${item.orgId}&name=${item.agencyName}&type=${item.agencyType}&id=${item.id}` |
|
|
|
}); |
|
|
|
} |
|
|
|
if (this.option.path === 'sonGuide5') { |
|
|
|
params.agencyType = 2; |
|
|
|
} |
|
|
|
if (this.option.path === 'sonGuide3') { |
|
|
|
params.agencyType = 3; |
|
|
|
} |
|
|
|
if (reset) { |
|
|
|
return params; |
|
|
|
} |
|
|
|
return { |
|
|
|
...params, |
|
|
|
pageNo: pageNo + 1, |
|
|
|
pageSize |
|
|
|
}; |
|
|
|
}, |
|
|
|
|
|
|
|
jumpDetail(event) { |
|
|
|
const { |
|
|
|
id |
|
|
|
} = event.currentTarget.dataset; |
|
|
|
uni.navigateTo({ |
|
|
|
url: `/packages/people/pages/guide-detail/guide-detail?id=${id}` |
|
|
|
}); |
|
|
|
}, |
|
|
|
|
|
|
|
toArea(event) { |
|
|
|
const { |
|
|
|
item |
|
|
|
} = event.currentTarget.dataset; |
|
|
|
if (this.option.path === 'sonGuide1') { |
|
|
|
item.agencyName = '支部详情'; |
|
|
|
item.agencyType = '12101'; |
|
|
|
} |
|
|
|
uni.navigateTo({ |
|
|
|
url: `/packages/people/pages/area/area?orgId=${item.orgId}&name=${item.agencyName}&type=${item.agencyType}&id=${item.id}` |
|
|
|
}); |
|
|
|
} |
|
|
|
} |
|
|
|
}; |
|
|
|
}; |
|
|
|
</script> |
|
|
|
<style lang="less"> |
|
|
|
page { |
|
|
|
--rate-icon-size: 26rpx; // 评分大小 |
|
|
|
--rate-icon-full-color: var(--item-dominant-color); // 评分选中颜色 |
|
|
|
--rate-icon-gutter: 3rpx; // 评分图标之前的距离 |
|
|
|
} |
|
|
|
|
|
|
|
.people-custom-swiper { |
|
|
|
width: 100%; |
|
|
|
height: 330rpx; |
|
|
|
position: relative; |
|
|
|
|
|
|
|
.custom-swiper-img { |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
display: block; |
|
|
|
page { |
|
|
|
--rate-icon-size: 26rpx; // 评分大小 |
|
|
|
--rate-icon-full-color: var(--item-dominant-color); // 评分选中颜色 |
|
|
|
--rate-icon-gutter: 3rpx; // 评分图标之前的距离 |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.guide-list { |
|
|
|
margin-top: 28rpx; |
|
|
|
padding: 0 32rpx; |
|
|
|
flex-wrap: wrap; |
|
|
|
|
|
|
|
.guide-item { |
|
|
|
flex-shrink: 0; |
|
|
|
width: 218rpx; |
|
|
|
height: 100%; |
|
|
|
margin-right: 16rpx; |
|
|
|
margin-top: 27rpx; |
|
|
|
|
|
|
|
&:nth-child(3n) { |
|
|
|
margin-right: 0; |
|
|
|
} |
|
|
|
|
|
|
|
.guide-img { |
|
|
|
width: 218rpx; |
|
|
|
height: 218rpx; |
|
|
|
margin-bottom: 16rpx; |
|
|
|
} |
|
|
|
.people-custom-swiper { |
|
|
|
width: 100%; |
|
|
|
height: 330rpx; |
|
|
|
position: relative; |
|
|
|
|
|
|
|
.guide-name { |
|
|
|
margin-bottom: 17rpx; |
|
|
|
font-size: 32rpx; |
|
|
|
font-weight: 400; |
|
|
|
color: #333333; |
|
|
|
line-height: 32rpx; |
|
|
|
.custom-swiper-img { |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
display: block; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.rural-list { |
|
|
|
margin-top: 45rpx; |
|
|
|
padding: 0 40rpx; |
|
|
|
flex-wrap: wrap; |
|
|
|
|
|
|
|
.guide-item { |
|
|
|
flex-shrink: 0; |
|
|
|
width: 326rpx; |
|
|
|
height: 100%; |
|
|
|
margin-right: 16rpx; |
|
|
|
margin-bottom: 40rpx; |
|
|
|
|
|
|
|
&:nth-child(2n) { |
|
|
|
margin-right: 0; |
|
|
|
} |
|
|
|
|
|
|
|
.guide-img { |
|
|
|
width: 326rpx; |
|
|
|
height: 168rpx; |
|
|
|
margin-bottom: 24rpx; |
|
|
|
} |
|
|
|
.guide-list { |
|
|
|
margin-top: 28rpx; |
|
|
|
padding: 0 32rpx; |
|
|
|
flex-wrap: wrap; |
|
|
|
|
|
|
|
.guide-item { |
|
|
|
flex-shrink: 0; |
|
|
|
width: 218rpx; |
|
|
|
height: 100%; |
|
|
|
margin-right: 16rpx; |
|
|
|
margin-top: 27rpx; |
|
|
|
|
|
|
|
.guide-name { |
|
|
|
font-size: 32rpx; |
|
|
|
font-weight: 400; |
|
|
|
color: #333333; |
|
|
|
line-height: 32rpx; |
|
|
|
&:nth-child(3n) { |
|
|
|
margin-right: 0; |
|
|
|
} |
|
|
|
|
|
|
|
.guide-img { |
|
|
|
width: 218rpx; |
|
|
|
height: 218rpx; |
|
|
|
margin-bottom: 16rpx; |
|
|
|
border-radius: 8rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.guide-name { |
|
|
|
margin-bottom: 17rpx; |
|
|
|
font-size: 32rpx; |
|
|
|
font-weight: 400; |
|
|
|
color: #333333; |
|
|
|
line-height: 32rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.second-section { |
|
|
|
margin-top: 55rpx; |
|
|
|
padding: 0 40rpx 0; |
|
|
|
.rural-list { |
|
|
|
margin-top: 45rpx; |
|
|
|
padding: 0 40rpx; |
|
|
|
flex-wrap: wrap; |
|
|
|
|
|
|
|
.section-item { |
|
|
|
padding: 14rpx 0; |
|
|
|
border-bottom: 1px solid #e1e1e1; |
|
|
|
.guide-item { |
|
|
|
flex-shrink: 0; |
|
|
|
width: 326rpx; |
|
|
|
height: 100%; |
|
|
|
margin-right: 16rpx; |
|
|
|
margin-bottom: 40rpx; |
|
|
|
|
|
|
|
&:first-child { |
|
|
|
padding-top: 0; |
|
|
|
} |
|
|
|
&:nth-child(2n) { |
|
|
|
margin-right: 0; |
|
|
|
} |
|
|
|
|
|
|
|
.section-item-left { |
|
|
|
margin-left: 32rpx; |
|
|
|
.guide-img { |
|
|
|
width: 326rpx; |
|
|
|
height: 168rpx; |
|
|
|
margin-bottom: 24rpx; |
|
|
|
border-radius: 8rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.consult-content-title { |
|
|
|
.guide-name { |
|
|
|
font-size: 32rpx; |
|
|
|
font-weight: 400; |
|
|
|
color: #333333; |
|
|
|
line-height: 40rpx; |
|
|
|
margin-bottom: 24rpx; |
|
|
|
line-height: 32rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.second-section { |
|
|
|
margin-top: 55rpx; |
|
|
|
padding: 0 40rpx 0; |
|
|
|
|
|
|
|
.section-item { |
|
|
|
padding: 14rpx 0; |
|
|
|
border-bottom: 1px solid #e1e1e1; |
|
|
|
|
|
|
|
&:first-child { |
|
|
|
padding-top: 0; |
|
|
|
} |
|
|
|
|
|
|
|
// .consult-content-block { |
|
|
|
// font-size: 24rpx; |
|
|
|
// font-weight: 400; |
|
|
|
// color: #999999; |
|
|
|
// } |
|
|
|
.section-item-left { |
|
|
|
margin-left: 32rpx; |
|
|
|
|
|
|
|
.consult-content-title { |
|
|
|
font-size: 32rpx; |
|
|
|
font-weight: 400; |
|
|
|
color: #333333; |
|
|
|
line-height: 40rpx; |
|
|
|
margin-bottom: 24rpx; |
|
|
|
} |
|
|
|
|
|
|
|
// .consult-content-block { |
|
|
|
// font-size: 24rpx; |
|
|
|
// font-weight: 400; |
|
|
|
// color: #999999; |
|
|
|
// } |
|
|
|
} |
|
|
|
|
|
|
|
.section-item-right { |
|
|
|
width: 300rpx; |
|
|
|
height: 140rpx; |
|
|
|
border-radius: 8rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.second-section-gird { |
|
|
|
display: flex; |
|
|
|
justify-content: space-between; |
|
|
|
margin-top: 64rpx; |
|
|
|
|
|
|
|
view { |
|
|
|
flex: 1; |
|
|
|
text-align: center; |
|
|
|
font-size: 36rpx; |
|
|
|
font-weight: 500; |
|
|
|
color: #000000; |
|
|
|
position: 3; |
|
|
|
} |
|
|
|
|
|
|
|
.action { |
|
|
|
color: #FF4C4C; |
|
|
|
position: relative; |
|
|
|
z-index: 2; |
|
|
|
|
|
|
|
.section-item-right { |
|
|
|
width: 300rpx; |
|
|
|
height: 140rpx; |
|
|
|
border-radius: 8rpx; |
|
|
|
&:before { |
|
|
|
content: ''; |
|
|
|
position: absolute; |
|
|
|
top: 50%; |
|
|
|
left: 50%; |
|
|
|
transform: translate(-50%, -50%); |
|
|
|
width: 80%; |
|
|
|
height: 20rpx; |
|
|
|
opacity: 0.2; |
|
|
|
background: linear-gradient(to bottom, #FF4C4C, #fff); |
|
|
|
z-index: -1; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
</style> |