TmOct5/dou_fire
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

更改与线上一致

Browse Source
This commit is contained in:
张冬雪
2023-09-04 11:46:41 +08:00
parent f75e48a3f9
commit eab46f3108
5 changed files with 1274 additions and 1150 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
.DS_Store vendored Normal file
View File

Binary file not shown.

4
manifest.json
View File

@@ -2,8 +2,8 @@
"name" : "抖火数字化咨询服务平台", "name" : "抖火数字化咨询服务平台",
"appid" : "__UNI__C305C03", "appid" : "__UNI__C305C03",
"description" : "纵有疾风起，人生不言弃", "description" : "纵有疾风起，人生不言弃",
"versionName" : "1.5.0", "versionName" : "1.5.2",
"versionCode" : 150, "versionCode" : 152,
"transformPx" : false, "transformPx" : false,
/* 5+App特有相关 */ /* 5+App特有相关 */
"app-plus" : { "app-plus" : {

410
pages/index/index.vue
View File

@@ -2,35 +2,17 @@
<view class="content"> <view class="content">
<view class="header"> <view class="header">
<view class="banner"> <view class="banner">
<u-swiper <u-swiper class="banner-swiper" :list="bannerArr" :indicator="true" keyName="cover" previousMargin="20"
class="banner-swiper" nextMargin="20" circular radius="10" bgColor="#ffffff" height="100%" @click='swiperClick' />
:list="bannerArr"
:indicator="true"
keyName="cover"
previousMargin="20"
nextMargin="20"
circular
radius="10"
bgColor="#ffffff"
height="100%"
@click='swiperClick'
/>
</view> </view>
<view class="notice"> <view class="notice">
<view class="notice-title"> <view class="notice-title">
<image class="notice-icon" src="@/static/index/index_notice.png" mode="widthFix" /> 公告 <image class="notice-icon" src="@/static/index/index_notice.png" mode="widthFix" /> 公告
</view> </view>
<u-notice-bar <u-notice-bar icon="" :text="notice" url='' linkType='navigateTo' fontSize="14" direction="column"
icon="" bgColor="#fff" color="#111111" />
:text="notice" <view class="notice-more">更多<u-icon class="more-icon" size="20rpx" color="#999" name="arrow-right" />
url='' </view>
linkType='navigateTo'
fontSize="14"
direction="column"
bgColor="#fff"
color="#111111"
/>
<view class="notice-more">更多<u-icon class="more-icon" size="20rpx" color="#999" name="arrow-right" /></view>
</view> </view>
</view> </view>
<!-- 自由服务包 --> <!-- 自由服务包 -->
@@ -42,27 +24,21 @@
<view class="block-title"> <view class="block-title">
<view class="title">协商调解咨询类</view> <view class="title">协商调解咨询类</view>
</view> </view>
<scroll-view class="the-tabs" scroll-x="true" > <scroll-view class="the-tabs" scroll-x="true">
<block v-for="(item, index) in theTabs" :key="index"> <block v-for="(item, index) in theTabs" :key="index">
<view class="the-tabs-item" :class="{'active': item.category_id == theTabId}" @click="onTheTab(item)">{{item.title}}</view> <view class="the-tabs-item" :class="{'active': item.category_id == theTabId}"
@click="onTheTab(item)">{{item.title}}</view>
</block> </block>
<view class="the-tabs-acitve-block" :style="theTabStyle"></view> <view class="the-tabs-acitve-block" :style="theTabStyle"></view>
</scroll-view> </scroll-view>
<scroll-view <scroll-view class="the-flex" scroll-x="true" scroll-with-animation="true"
class="the-flex" :scroll-into-view='defaultViewId'>
scroll-x="true" <view class="the-flex-item" v-for="item in jfList" :key="item.service_id" :id='"_tabs"+item.service_id'
scroll-with-animation="true" @click="sevicesClick(item.service_id)">
:scroll-into-view='defaultViewId'
>
<view class="the-flex-item"
v-for="item in jfList"
:key="item.service_id"
:id='"_tabs"+item.service_id'
@click="sevicesClick(item.service_id)"
>
<view class="cover" :style="'background-image: url(' + item.cover + ');'"></view> <view class="cover" :style="'background-image: url(' + item.cover + ');'"></view>
<view class="title nowrap">{{item.title}}</view> <view class="title nowrap">{{item.title}}</view>
<view class="price nowrap"><text>￥</text>{{item.price}}<text class="ding" v-if="item.type">定金</text></view> <view class="price nowrap"><text>￥</text>{{item.price}}<text class="ding" v-if="item.type">定金</text>
</view>
</view> </view>
</scroll-view> </scroll-view>
</view> </view>
@@ -71,65 +47,76 @@
<view class="block-title"> <view class="block-title">
<view class="title">法律咨询类</view> <view class="title">法律咨询类</view>
</view> </view>
<scroll-view <scroll-view class="the-flex" style="padding-top: 0;" scroll-x="true" scroll-with-animation="true"
class="the-flex" :scroll-into-view='defaultViewId'>
style="padding-top: 0;"
scroll-x="true"
scroll-with-animation="true"
:scroll-into-view='defaultViewId'
>
<block v-for="(item, index) in appMenus.service" :key="index"> <block v-for="(item, index) in appMenus.service" :key="index">
<view class="the-flex-item" <view class="the-flex-item" @click="onView(item.page)">
@click="onView(item.page)"
>
<view class="cover" :style="'background-image: url(' + item.cover + ');'"></view> <view class="cover" :style="'background-image: url(' + item.cover + ');'"></view>
<view class="title nowrap">{{item.title}}</view> <view class="title nowrap">{{item.title}}</view>
<view class="price nowrap"><text>￥</text>{{item.price}} <text v-if="item.limit != null">/{{item.limit}}</text></view> <view class="price nowrap"><text>￥</text>{{item.price}} <text
v-if="item.limit != null">/{{item.limit}}</text></view>
</view> </view>
</block> </block>
</scroll-view> </scroll-view>
</view> </view>
<!-- 诉讼委托类 -->
<view class="block">
<view class="block-title">
<view class="title">诉讼委托类</view>
</view>
<view class="lawsuit">
<block v-for="(item, index) in appMenus.cases" :key="index">
<view class="lawsuit-item" @click="onView(item.page)">
<view class="lawsuit-cover" :style="'background-image: url(' + item.cover + ');'"></view>
<view class="lawsuit-text">
<view class="lawsuit-title nowrap">{{item.title}}</view>
<view class="lawsuit-price">￥{{item.price}}<text
v-if="item.limit != null">{{item.limit}}</text></view>
</view>
</view>
</block>
</view>
</view>
<!-- 增收赋能类 --> <!-- 增收赋能类 -->
<view class="block" style="display: none;"> <view class="block">
<view class="block-title"> <view class="block-title">
<view class="title">增收赋能咨询类</view> <view class="title">增收赋能咨询类</view>
</view> </view>
<scroll-view ßßß <scroll-view class="the-flex" style="padding-top: 0;" scroll-x="true" scroll-with-animation="true"
class="the-flex" :scroll-into-view='defaultViewId' @click="onToast()">
style="padding-top: 0;"
scroll-x="true"
scroll-with-animation="true"
:scroll-into-view='defaultViewId'
@click="onToast()"
>
A
<view class="the-flex-item"> <view class="the-flex-item">
<view class="cover" :style="'background-image: url(' + require('@/static/synthesize/img_07.png') + ');'"></view> <view class="cover"
:style="'background-image: url(' + require('@/static/synthesize/img_07.png') + ');'"></view>
<view class="title nowrap">巅峰销售思维</view> <view class="title nowrap">巅峰销售思维</view>
<view class="price nowrap"><text>￥</text>2980</view> <view class="price nowrap"><text>￥</text>2980</view>
</view> </view>
<view class="the-flex-item"> <view class="the-flex-item">
<view class="cover" :style="'background-image: url(' + require('@/static/synthesize/img_08.png') + ');'"></view> <view class="cover"
:style="'background-image: url(' + require('@/static/synthesize/img_08.png') + ');'"></view>
<view class="title nowrap">团队系统思维</view> <view class="title nowrap">团队系统思维</view>
<view class="price nowrap"><text>￥</text>3980</view> <view class="price nowrap"><text>￥</text>3980</view>
</view> </view>
<view class="the-flex-item"> <view class="the-flex-item">
<view class="cover" :style="'background-image: url(' + require('@/static/synthesize/img_09.png') + ');'"></view> <view class="cover"
:style="'background-image: url(' + require('@/static/synthesize/img_09.png') + ');'"></view>
<view class="title nowrap">领袖演说思维</view> <view class="title nowrap">领袖演说思维</view>
<view class="price nowrap"><text>￥</text>4980</view> <view class="price nowrap"><text>￥</text>4980</view>
</view> </view>
<view class="the-flex-item"> <view class="the-flex-item">
<view class="cover" :style="'background-image: url(' + require('@/static/synthesize/img_10.png') + ');'"></view> <view class="cover"
:style="'background-image: url(' + require('@/static/synthesize/img_10.png') + ');'"></view>
<view class="title nowrap">卓越领袖能量思维</view> <view class="title nowrap">卓越领袖能量思维</view>
<view class="price nowrap"><text>￥</text>5980</view> <view class="price nowrap"><text>￥</text>5980</view>
</view> </view>
<view class="the-flex-item"> <view class="the-flex-item">
<view class="cover" :style="'background-image: url(' + require('@/static/synthesize/img_11.png') + ');'"></view> <view class="cover"
:style="'background-image: url(' + require('@/static/synthesize/img_11.png') + ');'"></view>
<view class="title nowrap">激发内在无限潜能</view> <view class="title nowrap">激发内在无限潜能</view>
<view class="price nowrap"><text>￥</text>9980</view> <view class="price nowrap"><text>￥</text>9980</view>
</view> </view>
<view class="the-flex-item"> <view class="the-flex-item">
<view class="cover" :style="'background-image: url(' + require('@/static/synthesize/img_12.png') + ');'"></view> <view class="cover"
:style="'background-image: url(' + require('@/static/synthesize/img_12.png') + ');'"></view>
<view class="title nowrap">其他赋能培训会议</view> <view class="title nowrap">其他赋能培训会议</view>
<view class="price nowrap">价格另议</view> <view class="price nowrap">价格另议</view>
</view> </view>
@@ -139,11 +126,7 @@
<u-popup :show="showAdImg" mode="center" bgColor="transparent"> <u-popup :show="showAdImg" mode="center" bgColor="transparent">
<view class="ad-lay"> <view class="ad-lay">
<view class="ad-down"> <view class="ad-down">
<u-count-down <u-count-down ref="adCountDown" :time="showAdTime" :autoStart="false" @change="timeData = $event"
ref="adCountDown"
:time="showAdTime"
:autoStart="false"
@change="timeData = $event"
@finish="showAdImg = false"> @finish="showAdImg = false">
<view> <view>
自动关闭<text>{{ timeData.seconds }}</text>S 自动关闭<text>{{ timeData.seconds }}</text>S
@@ -152,13 +135,8 @@
</view> </view>
<image class="ad-img" :src="layAdImg" mode="widthFix"></image> <image class="ad-img" :src="layAdImg" mode="widthFix"></image>
<view class="ad-btn"> <view class="ad-btn">
<u-icon <u-icon class="ad-btn-icon" name="close-circle" color="white" size="36px"
class="ad-btn-icon" @click="onRemoveAd"></u-icon>
name="close-circle"
color="white"
size="36px"
@click="onRemoveAd"
></u-icon>
</view> </view>
</view> </view>
</u-popup> </u-popup>
@@ -166,32 +144,39 @@
</template> </template>
<script> <script>
import { region } from '@/apis/interfaces/address.js' import {
import { categories, jf, index } from '@/apis/interfaces/index.js' region
} from '@/apis/interfaces/address.js'
import {
categories,
jf,
index
} from '@/apis/interfaces/index.js'
export default { export default {
data() { data() {
return { return {
theTabs : [ theTabs: [{
{ category_id: '', title: '全部' } category_id: '',
], title: '全部'
theTabId : '', }],
theTabStyle : { theTabId: '',
theTabStyle: {
left: '0%' left: '0%'
}, },
bannerArr : [], bannerArr: [],
notice : [], notice: [],
jfList:[], jfList: [],
defaultViewId:'', defaultViewId: '',
zfList:[], zfList: [],
// 首次进入弹窗 // 首次进入弹窗
timeData : {}, timeData: {},
first : 1, first: 1,
showAdTime : 0, showAdTime: 0,
showAdImg : true, showAdImg: true,
layAdImg : '', layAdImg: '',
appMenus : { appMenus: {
cases : [], cases: [],
service : [] service: []
} }
} }
}, },
@@ -201,84 +186,88 @@
this.getIndex() this.getIndex()
}, },
methods: { methods: {
onToast(){ onToast() {
uni.showToast({ uni.showToast({
title: '即将开放，敬请期待', title: '即将开放，敬请期待',
icon : 'none' icon: 'none'
}) })
}, },
// 获取金法列表 // 获取金法列表
getJf(){ getJf() {
let params = { let params = {
category_id:this.theTabId category_id: this.theTabId
} }
jf(params).then(res=>{ jf(params).then(res => {
if(res.length>0){ if (res.length > 0) {
setTimeout(()=>{ setTimeout(() => {
this.defaultViewId = '_tabs'+res[0].service_id this.defaultViewId = '_tabs' + res[0].service_id
},300) }, 300)
} }
this.jfList = res this.jfList = res
}).catch(err=>{ }).catch(err => {
uni.showToast({ uni.showToast({
title:err.message, title: err.message,
icon:'none', icon: 'none',
mask:true, mask: true,
duration:2000 duration: 2000
}) })
}) })
}, },
// 点击金法产品跳转金法详情 // 点击金法产品跳转金法详情
sevicesClick(id){ sevicesClick(id) {
uni.navigateTo({ uni.navigateTo({
url:'/pages/index/introduces?id='+id url: '/pages/index/introduces?id=' + id
}) })
}, },
// 首页轮播图及公告 // 首页轮播图及公告
getIndex(){ getIndex() {
index().then(res=>{ index().then(res => {
this.bannerArr = res.bannners this.bannerArr = res.bannners
this.appMenus = res.app_menus this.appMenus = res.app_menus
let list = [] let list = []
res.notices.map(item=>{ res.notices.map(item => {
let params = item.user.name + ' ' + item.user.text let params = item.user.name + ' ' + item.user.text
list.push(params) list.push(params)
}) })
this.notice = list this.notice = list
let { is_lay_ad, lay_ad_img, times } = res.layad let {
if(is_lay_ad) this.layAdImg = lay_ad_img is_lay_ad,
if(this.first === 1 && is_lay_ad){ lay_ad_img,
times
} = res.layad
if (is_lay_ad) this.layAdImg = lay_ad_img
if (this.first === 1 && is_lay_ad) {
this.showAdImg = true this.showAdImg = true
this.showAdTime = times * 1000 this.showAdTime = times * 1000
this.$nextTick(() => { this.$nextTick(() => {
this.$refs.adCountDown.start() this.$refs.adCountDown.start()
}) })
} }
}).catch(err=>{ }).catch(err => {
uni.showToast({ uni.showToast({
title:err.message, title: err.message,
icon:'none', icon: 'none',
mask:true, mask: true,
duration:2000 duration: 2000
}) })
}) })
}, },
// 获取金法分类列表 // 获取金法分类列表
getCategory(){ getCategory() {
categories().then(res=>{ categories().then(res => {
this.theTabs = this.theTabs.concat(res) this.theTabs = this.theTabs.concat(res)
}).catch(err=>{ }).catch(err => {
uni.showToast({ uni.showToast({
title:err.message, title: err.message,
icon:'none', icon: 'none',
mask:true, mask: true,
duration:2000 duration: 2000
}) })
}) })
}, },
// 金法产品筛选 // 金法产品筛选
onTheTab(e){ onTheTab(e) {
if(e.category_id != this.theTabId){ if (e.category_id != this.theTabId) {
let index = this.theTabs.findIndex(val => val.category_id === e.category_id) let index = this.theTabs.findIndex(val => val.category_id === e.category_id)
this.theTabStyle = { this.theTabStyle = {
left: index * 25 + '%' left: index * 25 + '%'
@@ -288,15 +277,17 @@
} }
}, },
// 点击轮播图 // 点击轮播图
swiperClick(e){ swiperClick(e) {
// console.log(this.bannerArr[e]) // console.log(this.bannerArr[e])
}, },
// 点击轮播图跳转自由服务包 // 点击轮播图跳转自由服务包
onView(name){ onView(name) {
this.$Router.push({ name }) this.$Router.push({
name
})
}, },
// 关闭弹窗广告 // 关闭弹窗广告
onRemoveAd(){ onRemoveAd() {
this.first = 0; this.first = 0;
this.showAdImg = false; this.showAdImg = false;
} }
@@ -305,15 +296,17 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.header{ .header {
background-color: white; background-color: white;
padding-top: 20rpx; padding-top: 20rpx;
} }
// ad弹窗广告 // ad弹窗广告
.ad-lay{ .ad-lay {
width: 70vw; width: 70vw;
position: relative; position: relative;
.ad-down{
.ad-down {
position: absolute; position: absolute;
top: 20rpx; top: 20rpx;
right: 20rpx; right: 20rpx;
@@ -324,43 +317,51 @@
line-height: 30rpx; line-height: 30rpx;
border-radius: 24rpx; border-radius: 24rpx;
color: white; color: white;
.ad-down-u{
.ad-down-u {
display: inline-block; display: inline-block;
line-height: 30rpx; line-height: 30rpx;
} }
} }
.ad-img{
.ad-img {
width: 70vw; width: 70vw;
border-radius: 20rpx; border-radius: 20rpx;
} }
.ad-btn{
.ad-btn {
text-align: center; text-align: center;
margin-top: 30rpx; margin-top: 30rpx;
.ad-btn-icon{
.ad-btn-icon {
display: inline-block; display: inline-block;
} }
} }
} }
// 轮播图 // 轮播图
.banner{ .banner {
position: relative; position: relative;
width: 100%; width: 100%;
padding-top: 43%; padding-top: 43%;
.banner-swiper{
.banner-swiper {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
width: 100%; width: 100%;
} }
} }
// 公告 // 公告
.notice{ .notice {
background: white; background: white;
padding: $padding; padding: $padding;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
.notice-title{
.notice-title {
background-color: #ececec; background-color: #ececec;
color: #000; color: #000;
height: 60rpx; height: 60rpx;
@@ -370,7 +371,8 @@
font-size: 26rpx; font-size: 26rpx;
font-weight: bold; font-weight: bold;
border-radius: 20rpx; border-radius: 20rpx;
.notice-icon{
.notice-icon {
width: 32rpx; width: 32rpx;
vertical-align: middle; vertical-align: middle;
margin-bottom: 8rpx; margin-bottom: 8rpx;
@@ -378,7 +380,8 @@
display: inline-block; display: inline-block;
} }
} }
.notice-more{
.notice-more {
font-size: 24rpx; font-size: 24rpx;
height: 50rpx; height: 50rpx;
border-radius: 25rpx; border-radius: 25rpx;
@@ -386,55 +389,66 @@
line-height: 50rpx; line-height: 50rpx;
text-align: center; text-align: center;
color: #999999; color: #999999;
.more-icon{
.more-icon {
display: inline-block; display: inline-block;
} }
} }
} }
// 自由服务包 // 自由服务包
.free{ .free {
padding: $padding $padding $padding - 10 $padding ; padding: $padding $padding $padding - 10 $padding ;
.free-img{
.free-img {
width: 100%; width: 100%;
} }
} }
// 增收赋能类 // 增收赋能类
.closed{ .closed {
background: white; background: white;
margin: 0 $margin; margin: 0 $margin;
border-radius: 35rpx; border-radius: 35rpx;
padding-bottom: 10rpx; padding-bottom: 10rpx;
.closed-item{
.closed-item {
display: flex; display: flex;
margin-bottom: 20rpx; margin-bottom: 20rpx;
padding-bottom: 20rpx; padding-bottom: 20rpx;
border-bottom: solid 1rpx #f8f8f8; border-bottom: solid 1rpx #f8f8f8;
&:last-child{
&:last-child {
margin-bottom: 0; margin-bottom: 0;
border-bottom: none; border-bottom: none;
} }
.closed-cover{
.closed-cover {
width: 168rpx; width: 168rpx;
height: 168rpx; height: 168rpx;
background-size: cover; background-size: cover;
background-position: center; background-position: center;
border-radius: 10rpx; border-radius: 10rpx;
} }
.closed-text{
.closed-text {
width: calc(100% - 168rpx); width: calc(100% - 168rpx);
padding-left: 30rpx; padding-left: 30rpx;
box-sizing: border-box; box-sizing: border-box;
.closed-title{
.closed-title {
font-size: 32rpx; font-size: 32rpx;
font-weight: bold; font-weight: bold;
line-height: 50rpx; line-height: 50rpx;
} }
.closed-subtitle{
.closed-subtitle {
color: gray; color: gray;
font-size: 28rpx; font-size: 28rpx;
line-height: 40rpx; line-height: 40rpx;
} }
.closed-price{
.closed-price {
color: #d51959; color: #d51959;
font-size: 34rpx; font-size: 34rpx;
line-height: 40rpx; line-height: 40rpx;
@@ -444,12 +458,14 @@
} }
} }
} }
// 诉讼委托类 // 诉讼委托类
.lawsuit{ .lawsuit {
padding: 0 20rpx $padding; padding: 0 20rpx $padding;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
&-item{
&-item {
background: #F6F6F6; background: #F6F6F6;
border-radius: 10rpx; border-radius: 10rpx;
display: flex; display: flex;
@@ -459,29 +475,34 @@
width: calc(50% - 20rpx); width: calc(50% - 20rpx);
margin: 0 10rpx; margin: 0 10rpx;
} }
&-cover{
&-cover {
width: 138rpx; width: 138rpx;
height: 138rpx; height: 138rpx;
background-size: cover; background-size: cover;
background-position: center; background-position: center;
} }
&-text{
&-text {
width: calc(100% - 138rpx); width: calc(100% - 138rpx);
padding: 0 20rpx; padding: 0 20rpx;
box-sizing: border-box; box-sizing: border-box;
} }
&-title{
&-title {
font-size: 30rpx; font-size: 30rpx;
margin-bottom: 20rpx; margin-bottom: 20rpx;
} }
&-price{
&-price {
font-size: 32rpx; font-size: 32rpx;
color: #d51959; color: #d51959;
font-weight: bold; font-weight: bold;
} }
} }
// 经法 // 经法
.the-tabs{ .the-tabs {
background: #ececec; background: #ececec;
margin: 0 $margin; margin: 0 $margin;
height: 60rpx; height: 60rpx;
@@ -490,7 +511,8 @@
position: relative; position: relative;
white-space: nowrap; white-space: nowrap;
width: calc(100% - 60rpx); width: calc(100% - 60rpx);
&-item{
&-item {
position: relative; position: relative;
z-index: 2; z-index: 2;
width: 25%; width: 25%;
@@ -500,33 +522,39 @@
color: #454545; color: #454545;
transition: all .4s; transition: all .4s;
display: inline-block; display: inline-block;
&.active{
&.active {
color: white; color: white;
} }
} }
&-acitve-block{
&-acitve-block {
display: inline-block; display: inline-block;
width: 25%; width: 25%;
height: 60rpx; height: 60rpx;
background: linear-gradient( to right, #d51959, #ec7247); background: linear-gradient(to right, #d51959, #ec7247);
border-radius: 35rpx; border-radius: 35rpx;
position: absolute; position: absolute;
left: 0; left: 0;
transition: all .4s; transition: all .4s;
} }
} }
.the-flex{
.the-flex {
padding: $padding 20rpx; padding: $padding 20rpx;
box-sizing: border-box; box-sizing: border-box;
white-space: nowrap; white-space: nowrap;
&-item{
&-item {
width: calc(33% - 20rpx); width: calc(33% - 20rpx);
margin: 0 10rpx; margin: 0 10rpx;
display: inline-block; display: inline-block;
&:last-child{
&:last-child {
margin-right: 20rpx; margin-right: 20rpx;
} }
.cover{
.cover {
width: 100%; width: 100%;
padding-top: 100%; padding-top: 100%;
background-position: center; background-position: center;
@@ -534,21 +562,25 @@
background-position: center; background-position: center;
border-radius: 10rpx; border-radius: 10rpx;
} }
.title{
.title {
font-size: 30rpx; font-size: 30rpx;
color: #111111; color: #111111;
padding: 10rpx 0; padding: 10rpx 0;
line-height: 40rpx; line-height: 40rpx;
} }
.price{
.price {
line-height: 40rpx; line-height: 40rpx;
font-weight: bold; font-weight: bold;
color: #d51959; color: #d51959;
font-size: 32rpx; font-size: 32rpx;
text{
text {
font-size: 80%; font-size: 80%;
} }
.ding{
.ding {
font-size: 64%; font-size: 64%;
margin-left: 4rpx; margin-left: 4rpx;
position: relative; position: relative;
@@ -557,23 +589,27 @@
} }
} }
} }
// 模块 // 模块
.block{ .block {
background-color: white; background-color: white;
border-radius: $radius; border-radius: $radius;
margin: 0 $margin $margin; margin: 0 $margin $margin;
.block-title{
.block-title {
padding: 0 $padding; padding: 0 $padding;
height: 100rpx; height: 100rpx;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
.title{
.title {
font-weight: bold; font-weight: bold;
color: #111111; color: #111111;
font-size: 36rpx; font-size: 36rpx;
} }
.more{
.more {
background-color: #ececec; background-color: #ececec;
font-size: 28rpx; font-size: 28rpx;
height: 50rpx; height: 50rpx;
@@ -584,11 +620,11 @@
line-height: 50rpx; line-height: 50rpx;
text-align: center; text-align: center;
color: #454545; color: #454545;
.more-icon{
.more-icon {
display: inline-block; display: inline-block;
} }
} }
} }
} }
</style> </style>

2
pages/work/generate.vue
View File

@@ -3,7 +3,7 @@
<block v-if="serviceArr.length > 0"> <block v-if="serviceArr.length > 0">
<view class="block" v-for="(item, index) in serviceArr" :key="index"> <view class="block" v-for="(item, index) in serviceArr" :key="index">
<view class="block-title"> <view class="block-title">
{{item.title}}111 {{item.title}}
<view class="block-remove" @click="onRemove(index)" v-if="serviceArr.length > 1"> <view class="block-remove" @click="onRemove(index)" v-if="serviceArr.length > 1">
<u-icon class="block-remove-icon" size="15" color="#446EFE" name="minus-circle"></u-icon>移出 <u-icon class="block-remove-icon" size="15" color="#446EFE" name="minus-circle"></u-icon>移出
</view> </view>

298
pages/work/index.vue
View File

@@ -6,8 +6,10 @@
<view class="status_bar"></view> <view class="status_bar"></view>
<view class="work-bar"> <view class="work-bar">
<view class="work-bar-user"> <view class="work-bar-user">
<image class="cover" :src="userInfo.avatar || require('@/static/imgs/default-active.png')" mode="aspectFill"></image> <image class="cover" :src="userInfo.avatar || require('@/static/imgs/default-active.png')"
<view class="nickname">{{userInfo.nickname}}<text class="card" v-if="isManager">{{identity.name}}</text></view> mode="aspectFill"></image>
<view class="nickname">{{userInfo.nickname}}<text class="card"
v-if="isManager">{{identity.name}}</text></view>
</view> </view>
<view class="work-bar-add" @click="onCreateOrder" v-if="isManager"> <view class="work-bar-add" @click="onCreateOrder" v-if="isManager">
<uni-icons class="icon" type="plusempty" size="30rpx" color="#111"></uni-icons>创建订单 <uni-icons class="icon" type="plusempty" size="30rpx" color="#111"></uni-icons>创建订单
@@ -19,7 +21,8 @@
<view class="block open-interest"> <view class="block open-interest">
<view class="title">实习顾问专属权益</view> <view class="title">实习顾问专属权益</view>
<view class="open-interest-flex"> <view class="open-interest-flex">
<view class="open-interest-item" v-for="(item, index) in rightsArr" :key="index" @click="onToast(item)"> <view class="open-interest-item" v-for="(item, index) in rightsArr" :key="index"
@click="onToast(item)">
<image class="open-interest-icon" :src="item.icon"></image> <image class="open-interest-icon" :src="item.icon"></image>
<view class="open-interest-text">{{item.title}}</view> <view class="open-interest-text">{{item.title}}</view>
</view> </view>
@@ -28,37 +31,48 @@
<view class="block open-interest"> <view class="block open-interest">
<view class="title">仅需3步即可成为实习顾问</view> <view class="title">仅需3步即可成为实习顾问</view>
<view class="open-interest-block"> <view class="open-interest-block">
<image class="open-interest-icon" :src="isCertification ? require('@/static/icons/work_icon_25.png'): require('@/static/icons/work_icon_24.png')"></image> <image class="open-interest-icon"
:src="isCertification ? require('@/static/icons/work_icon_25.png'): require('@/static/icons/work_icon_24.png')">
</image>
<view class="open-interest-text"> <view class="open-interest-text">
<view class="open-interest-title">实名认证</view> <view class="open-interest-title">实名认证</view>
<view class="open-interest-submit">通过身份证实名认证</view> <view class="open-interest-submit">通过身份证实名认证</view>
</view> </view>
<button class="open-interest-btn" size="mini" :disabled="isCertification" @click="$Router.push({name: 'UserCertification'})">{{isCertification ? '已认证': '去认证'}}</button> <button class="open-interest-btn" size="mini" :disabled="isCertification"
@click="$Router.push({name: 'UserCertification'})">{{isCertification ? '已认证': '去认证'}}</button>
</view> </view>
<view class="open-interest-block"> <view class="open-interest-block">
<image class="open-interest-icon" :src="isAnswer ? require('@/static/icons/work_icon_25.png'): require('@/static/icons/work_icon_23.png')"></image> <image class="open-interest-icon"
:src="isAnswer ? require('@/static/icons/work_icon_25.png'): require('@/static/icons/work_icon_23.png')">
</image>
<view class="open-interest-text"> <view class="open-interest-text">
<view class="open-interest-title">通过实习顾问考试</view> <view class="open-interest-title">通过实习顾问考试</view>
<view class="open-interest-submit">通过线上考试即可完成</view> <view class="open-interest-submit">通过线上考试即可完成</view>
</view> </view>
<button class="open-interest-btn" size="mini" :disabled="isAnswer" @click="$Router.pushTab({name: 'CollegeTest'})">{{isAnswer ? '已通过': '去考试'}}</button> <button class="open-interest-btn" size="mini" :disabled="isAnswer"
@click="$Router.pushTab({name: 'CollegeTest'})">{{isAnswer ? '已通过': '去考试'}}</button>
</view> </view>
<view class="open-interest-block"> <view class="open-interest-block">
<image class="open-interest-icon" :src="sign.isSign ? require('@/static/icons/work_icon_25.png'): require('@/static/icons/work_icon_27.png')"></image> <image class="open-interest-icon"
:src="sign.isSign ? require('@/static/icons/work_icon_25.png'): require('@/static/icons/work_icon_27.png')">
</image>
<view class="open-interest-text"> <view class="open-interest-text">
<view class="open-interest-title">实习顾问签约</view> <view class="open-interest-title">实习顾问签约</view>
<view class="open-interest-submit">完成实习顾问在线签约</view> <view class="open-interest-submit">完成实习顾问在线签约</view>
</view> </view>
<button class="open-interest-btn" size="mini" :disabled="sign.isSign" @click="onSign">{{sign.isSign ? '已签约': '去签约'}}</button> <button class="open-interest-btn" size="mini" :disabled="sign.isSign"
@click="onSign">{{sign.isSign ? '已签约': '去签约'}}</button>
</view> </view>
</view> </view>
<!-- 提示信息 --> <!-- 提示信息 -->
<u-popup :show="privilegeShow" mode="center" bgColor="transparent"> <u-popup :show="privilegeShow" mode="center" bgColor="transparent">
<view class="privilege-lay"> <view class="privilege-lay">
<image class="privilege-lay-img" src="@/static/imgs/privilege-lay-header.png" mode="widthFix"></image> <image class="privilege-lay-img" src="@/static/imgs/privilege-lay-header.png" mode="widthFix">
</image>
<view class="privilege-lay-content"><text>{{privilegeText}}</text></view> <view class="privilege-lay-content"><text>{{privilegeText}}</text></view>
<view class="privilege-lay-remove"> <view class="privilege-lay-remove">
<u-icon class="privilege-lay-icon" name="close-circle" color="white" size="30" @click="privilegeShow = false"></u-icon> <u-icon class="privilege-lay-icon" name="close-circle" color="white" size="30"
@click="privilegeShow = false"></u-icon>
</view> </view>
</view> </view>
</u-popup> </u-popup>
@@ -82,7 +96,15 @@
</view> </view>
<view class="flex-btn">去查看</view> <view class="flex-btn">去查看</view>
</view> </view>
<view class="flex-item" @click="onToastTips()" style="display: none;"> <view class="flex-item" @click="onNav('ActionWork')">
<image class="flex-icon" src="/static/icons/icon_02.png" mode="aspectFill"></image>
<view class="flex-title">
<view class="flex-name">诉讼委托类</view>
<view class="flex-tips">案件委托、拓展服务</view>
</view>
<view class="flex-btn">去查看</view>
</view>
<view class="flex-item" @click="onToastTips()">
<!-- @click="onNav('EnableWork')" --> <!-- @click="onNav('EnableWork')" -->
<image class="flex-icon" src="/static/icons/icon_03.png" mode="aspectFill"></image> <image class="flex-icon" src="/static/icons/icon_03.png" mode="aspectFill"></image>
<view class="flex-title"> <view class="flex-title">
@@ -96,11 +118,7 @@
</view> </view>
<!-- 未登录 --> <!-- 未登录 -->
<view v-else class="auth-null"> <view v-else class="auth-null">
<u-empty <u-empty mode="permission" icon="http://cdn.uviewui.com/uview/empty/permission.png" text="暂未登录">
mode="permission"
icon="http://cdn.uviewui.com/uview/empty/permission.png"
text="暂未登录"
>
</u-empty> </u-empty>
<button class="auth-null-btn" size="mini" @click="onNav('Auth')">登录</button> <button class="auth-null-btn" size="mini" @click="onNav('Auth')">登录</button>
</view> </view>
@@ -108,94 +126,109 @@
</template> </template>
<script> <script>
import { index, rights, sign, synthesisCount } from '@/apis/interfaces/work.js' import {
index,
rights,
sign,
synthesisCount
} from '@/apis/interfaces/work.js'
export default { export default {
data() { data() {
return { return {
isAuth : false, isAuth: false,
rightsArr : [], rightsArr: [],
userInfo : { userInfo: {
nickname: '', nickname: '',
avatar : '' avatar: ''
}, },
identity : {}, identity: {},
isAnswer : false, isAnswer: false,
isCertification : false, isCertification: false,
certification : null, certification: null,
isManager : false, isManager: false,
orderCount : {}, orderCount: {},
// 权益说明 // 权益说明
privilegeShow : false, privilegeShow: false,
privilegeText : '', privilegeText: '',
// 签约状态 // 签约状态
sign : { sign: {
isSign : false, isSign: false,
address : "" address: ""
}, },
// 综法订单管理 // 综法订单管理
synthesisData : {} synthesisData: {}
}; };
}, },
onShow() { onShow() {
let i = 0; let i = 0;
this.isAuth = this.$store.getters.getToken != '' this.isAuth = this.$store.getters.getToken != ''
if(this.isAuth){ if (this.isAuth) {
this.getIndex() this.getIndex()
} }
}, },
methods: { methods: {
// 签约 // 签约
onSign(){ onSign() {
if(!this.isCertification){ if (!this.isCertification) {
uni.showToast({ uni.showToast({
title: '暂未实名认证，无法签约，请完成实名认证', title: '暂未实名认证，无法签约，请完成实名认证',
icon : 'none' icon: 'none'
}) })
return return
} }
if(this.sign.address == ''){ if (this.sign.address == '') {
uni.showToast({ uni.showToast({
title: '暂时无法签约，请前往“我的”，点击用户头像，完善通讯地址信息后重试', title: '暂时无法签约，请前往“我的”，点击用户头像，完善通讯地址信息后重试',
icon : 'none' icon: 'none'
}) })
return return
} }
uni.showLoading({ uni.showLoading({
title : '获取签约地址', title: '获取签约地址',
mask : true mask: true
}) })
sign().then(res => { sign().then(res => {
uni.hideLoading() uni.hideLoading()
this.$Router.push({ this.$Router.push({
name : 'ESign', name: 'ESign',
params : { params: {
url: res.sign_url url: res.sign_url
} }
}) })
}).catch(err => { }).catch(err => {
uni.showToast({ uni.showToast({
title: err.message, title: err.message,
icon : 'none' icon: 'none'
}) })
}) })
}, },
// 显示业务员权益 // 显示业务员权益
onToast(val){ onToast(val) {
this.privilegeText = val.content this.privilegeText = val.content
this.privilegeShow = true this.privilegeShow = true
}, },
// 工作台信息 // 工作台信息
getIndex(){ getIndex() {
uni.showLoading({ uni.showLoading({
title: '加载中...', title: '加载中...',
mask : true mask: true
}) })
Promise.all([rights(), index(), synthesisCount()]).then(res => { Promise.all([rights(), index(), synthesisCount()]).then(res => {
let rightsData = res[0], let rightsData = res[0],
indexData = res[1], indexData = res[1],
synthesisData = res[2] synthesisData = res[2]
let { nickname, avatar, business_orders_count, isCertification, certification, isManager, isAnswer, identity, sign } = indexData let {
nickname,
avatar,
business_orders_count,
isCertification,
certification,
isManager,
isAnswer,
identity,
sign
} = indexData
this.rightsArr = rightsData this.rightsArr = rightsData
this.userInfo = { this.userInfo = {
nickname, nickname,
@@ -215,20 +248,23 @@
}).catch(err => { }).catch(err => {
uni.showToast({ uni.showToast({
title: err.message, title: err.message,
icon : 'none' icon: 'none'
}) })
}) })
}, },
// 导航 // 导航
onNav(name, obj){ onNav(name, obj) {
let params = obj || {} let params = obj || {}
this.$Router.push({name, params}) this.$Router.push({
name,
params
})
}, },
// 创建订单 // 创建订单
onCreateOrder(){ onCreateOrder() {
uni.showActionSheet({ uni.showActionSheet({
itemList: ['个人订单', '客户订单'], itemList: ['个人订单', '客户订单'],
success : res => { success: res => {
this.onNav('OrderCreate', { this.onNav('OrderCreate', {
type: res.tapIndex === 0 ? 'self' : 'other' type: res.tapIndex === 0 ? 'self' : 'other'
}) })
@@ -236,10 +272,10 @@
}) })
}, },
onToastTips(){ onToastTips() {
uni.showToast({ uni.showToast({
title: '即将开放，敬请期待', title: '即将开放，敬请期待',
icon : 'none' icon: 'none'
}) })
}, },
} }
@@ -247,11 +283,12 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.content{ .content {
padding-bottom: 30rpx; padding-bottom: 30rpx;
} }
// 登录提示 // 登录提示
.auth-null{ .auth-null {
height: 100vh; height: 100vh;
width: 100vw; width: 100vw;
background: white; background: white;
@@ -259,7 +296,8 @@
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
.auth-null-btn{
.auth-null-btn {
height: 90rpx; height: 90rpx;
line-height: 90rpx; line-height: 90rpx;
padding: 0; padding: 0;
@@ -271,14 +309,17 @@
font-weight: bold; font-weight: bold;
} }
} }
// 弹出特权 // 弹出特权
.privilege-lay{ .privilege-lay {
width: 70vw; width: 70vw;
.privilege-lay-img{
.privilege-lay-img {
width: 70vw; width: 70vw;
vertical-align: top; vertical-align: top;
} }
.privilege-lay-content{
.privilege-lay-content {
background: white; background: white;
border-radius: 0 0 20rpx 20rpx; border-radius: 0 0 20rpx 20rpx;
width: 70vw; width: 70vw;
@@ -289,29 +330,34 @@
color: #111111; color: #111111;
font-size: 30rpx; font-size: 30rpx;
} }
.privilege-lay-remove{
.privilege-lay-remove {
padding-top: 30rpx; padding-top: 30rpx;
text-align: center; text-align: center;
.privilege-lay-icon{
.privilege-lay-icon {
display: inline-block; display: inline-block;
} }
} }
} }
// header // header
.work-bar{ .work-bar {
padding: 30rpx; padding: 30rpx;
margin-bottom: 30rpx; margin-bottom: 30rpx;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
&-user{
&-user {
position: relative; position: relative;
line-height: 70rpx; line-height: 70rpx;
height: 70rpx; height: 70rpx;
width: calc(100% - 200rpx); width: calc(100% - 200rpx);
padding-left: 90rpx; padding-left: 90rpx;
box-sizing: border-box; box-sizing: border-box;
.cover{
.cover {
width: 70rpx; width: 70rpx;
height: 70rpx; height: 70rpx;
border-radius: 50%; border-radius: 50%;
@@ -319,10 +365,12 @@
left: 0; left: 0;
top: 0; top: 0;
} }
.nickname{
.nickname {
font-weight: bold; font-weight: bold;
font-size: 34rpx; font-size: 34rpx;
.card{
.card {
color: $main-color; color: $main-color;
font-size: 24rpx; font-size: 24rpx;
display: inline-block; display: inline-block;
@@ -333,39 +381,45 @@
margin-left: 20rpx; margin-left: 20rpx;
margin-bottom: 2rpx; margin-bottom: 2rpx;
vertical-align: middle; vertical-align: middle;
border:solid 1rpx $main-color; border: solid 1rpx $main-color;
font-weight: normal; font-weight: normal;
} }
} }
} }
&-add{
&-add {
width: 200rpx; width: 200rpx;
font-size: 30rpx; font-size: 30rpx;
text-align: right; text-align: right;
line-height: 70rpx; line-height: 70rpx;
.icon{
.icon {
margin-right: 5rpx; margin-right: 5rpx;
font-weight: bold; font-weight: bold;
} }
} }
} }
// 订单管理 // 订单管理
.tool-flex{ .tool-flex {
padding: 0 10rpx; padding: 0 10rpx;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
.tool-flex-item{
.tool-flex-item {
width: 25%; width: 25%;
text-align: center; text-align: center;
margin-bottom: 30rpx; margin-bottom: 30rpx;
position: relative; position: relative;
.icon{
.icon {
width: 78rpx; width: 78rpx;
height: 78rpx; height: 78rpx;
background: #ddd; background: #ddd;
border-radius: 20rpx; border-radius: 20rpx;
} }
.number{
.number {
position: absolute; position: absolute;
right: 20%; right: 20%;
background: #fe4444; background: #fe4444;
@@ -377,7 +431,8 @@
color: white; color: white;
border-radius: 50%; border-radius: 50%;
} }
.text{
.text {
line-height: 40rpx; line-height: 40rpx;
font-size: 26rpx; font-size: 26rpx;
color: #111; color: #111;
@@ -385,13 +440,15 @@
} }
} }
} }
// 数据统计单 // 数据统计单
.total-flex{ .total-flex {
padding: 0 20rpx 20rpx; padding: 0 20rpx 20rpx;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
.total-item{
.total-item {
margin: 0 10rpx 20rpx; margin: 0 10rpx 20rpx;
background: #f8f8f8; background: #f8f8f8;
width: calc(50% - 20rpx); width: calc(50% - 20rpx);
@@ -400,7 +457,8 @@
border-radius: $radius; border-radius: $radius;
position: relative; position: relative;
min-height: 140rpx; min-height: 140rpx;
.icon{
.icon {
position: absolute; position: absolute;
left: 20rpx; left: 20rpx;
top: 50%; top: 50%;
@@ -408,13 +466,15 @@
height: 70rpx; height: 70rpx;
margin-top: -35rpx; margin-top: -35rpx;
} }
.title{
.title {
font-size: 28rpx; font-size: 28rpx;
color: #111; color: #111;
line-height: 40rpx; line-height: 40rpx;
@extend .nowrap; @extend .nowrap;
} }
.number{
.number {
padding-top: 5rpx; padding-top: 5rpx;
font-weight: bold; font-weight: bold;
font-size: 34rpx; font-size: 34rpx;
@@ -422,7 +482,8 @@
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
line-height: 40rpx; line-height: 40rpx;
@extend .nowrap; @extend .nowrap;
text{
text {
font-size: 80%; font-size: 80%;
font-weight: normal; font-weight: normal;
padding-left: 10rpx; padding-left: 10rpx;
@@ -430,12 +491,14 @@
} }
} }
} }
// 通用板块 // 通用板块
.block{ .block {
background: white; background: white;
margin: 0 30rpx 20rpx; margin: 0 30rpx 20rpx;
border-radius: $radius; border-radius: $radius;
.block-title{
.block-title {
padding: 30rpx; padding: 30rpx;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
@@ -445,63 +508,75 @@
font-size: 32rpx; font-size: 32rpx;
} }
} }
// 开通业务员 // 开通业务员
.open-interest{ .open-interest {
padding: 30rpx; padding: 30rpx;
margin-bottom: 30rpx; margin-bottom: 30rpx;
.title{
.title {
text-align: center; text-align: center;
font-size: 34rpx; font-size: 34rpx;
font-weight: bold; font-weight: bold;
line-height: 80rpx; line-height: 80rpx;
} }
.open-interest-flex{
.open-interest-flex {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
padding-top: 30rpx; padding-top: 30rpx;
justify-content: space-between; justify-content: space-between;
.open-interest-item{
.open-interest-item {
text-align: center; text-align: center;
.open-interest-icon{
.open-interest-icon {
width: 88rpx; width: 88rpx;
height: 88rpx; height: 88rpx;
vertical-align: top; vertical-align: top;
margin-bottom: 15rpx; margin-bottom: 15rpx;
} }
.open-interest-text{
.open-interest-text {
font-size: 28rpx; font-size: 28rpx;
color: #111111; color: #111111;
line-height: 40rpx; line-height: 40rpx;
} }
} }
} }
// 开通步骤 // 开通步骤
.open-interest-block{ .open-interest-block {
padding: 30rpx 0; padding: 30rpx 0;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
.open-interest-icon{
.open-interest-icon {
width: 88rpx; width: 88rpx;
height: 88rpx; height: 88rpx;
} }
.open-interest-text{
width: calc( 100% - 258rpx); .open-interest-text {
padding:0 30rpx; width: calc(100% - 258rpx);
padding: 0 30rpx;
box-sizing: border-box; box-sizing: border-box;
.open-interest-title{
.open-interest-title {
font-weight: bold; font-weight: bold;
color: #111111; color: #111111;
line-height: 40rpx; line-height: 40rpx;
font-size: 30rpx; font-size: 30rpx;
} }
.open-interest-submit{
.open-interest-submit {
color: #666666; color: #666666;
font-size: 26rpx; font-size: 26rpx;
line-height: 40rpx; line-height: 40rpx;
} }
} }
.open-interest-btn[size="mini"]{
.open-interest-btn[size="mini"] {
width: 170rpx; width: 170rpx;
height: 70rpx; height: 70rpx;
line-height: 70rpx; line-height: 70rpx;
@@ -510,10 +585,12 @@
background: $main-color; background: $main-color;
color: white; color: white;
font-size: 30rpx; font-size: 30rpx;
&::after{
&::after {
display: none; display: none;
} }
&[disabled]{
&[disabled] {
background: #EEEEEE; background: #EEEEEE;
color: #999999; color: #999999;
} }
@@ -521,11 +598,12 @@
} }
} }
.flex{ .flex {
width: 100%; width: 100%;
padding: 0 30rpx; padding: 0 30rpx;
box-sizing: border-box; box-sizing: border-box;
&-item{
&-item {
background: white; background: white;
padding: 30rpx; padding: 30rpx;
border-radius: 30rpx; border-radius: 30rpx;
@@ -533,21 +611,31 @@
display: flex; display: flex;
box-sizing: border-box; box-sizing: border-box;
position: relative; position: relative;
.flex-icon{ width: 48px; height: 48px; background: #dce1fb; border-radius: 30rpx; }
.flex-title{ .flex-icon {
width: 48px;
height: 48px;
background: #dce1fb;
border-radius: 30rpx;
}
.flex-title {
box-sizing: border-box; box-sizing: border-box;
padding-left: 30rpx; padding-left: 30rpx;
.flex-name { .flex-name {
color: #293f66; color: #293f66;
font-size: 34rpx; font-size: 34rpx;
font-weight: bold; font-weight: bold;
padding: 4rpx 0; padding: 4rpx 0;
} }
.flex-tips { .flex-tips {
color: #929db3; color: #929db3;
font-size: 28rpx; font-size: 28rpx;
} }
} }
.flex-btn { .flex-btn {
position: absolute; position: absolute;
right: 30rpx; right: 30rpx;