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

206
pages/index/index.vue
View File

@@ -2,35 +2,17 @@
<view class="content">
<view class="header">
<view class="banner">
<u-swiper
class="banner-swiper"
:list="bannerArr"
:indicator="true"
keyName="cover"
previousMargin="20"
nextMargin="20"
circular
radius="10"
bgColor="#ffffff"
height="100%"
@click='swiperClick'
/>
<u-swiper class="banner-swiper" :list="bannerArr" :indicator="true" keyName="cover" previousMargin="20"
nextMargin="20" circular radius="10" bgColor="#ffffff" height="100%" @click='swiperClick' />
</view>
<view class="notice">
<view class="notice-title">
<image class="notice-icon" src="@/static/index/index_notice.png" mode="widthFix" /> 公告
</view>
<u-notice-bar
icon=""
:text="notice"
url=''
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>
<u-notice-bar icon="" :text="notice" url='' 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>
<!-- 自由服务包 -->
@@ -44,25 +26,19 @@
</view>
<scroll-view class="the-tabs" scroll-x="true">
<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>
<view class="the-tabs-acitve-block" :style="theTabStyle"></view>
</scroll-view>
<scroll-view
class="the-flex"
scroll-x="true"
scroll-with-animation="true"
: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)"
>
<scroll-view class="the-flex" scroll-x="true" scroll-with-animation="true"
: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="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>
</scroll-view>
</view>
@@ -71,65 +47,76 @@
<view class="block-title">
<view class="title">法律咨询类</view>
</view>
<scroll-view
class="the-flex"
style="padding-top: 0;"
scroll-x="true"
scroll-with-animation="true"
:scroll-into-view='defaultViewId'
>
<scroll-view class="the-flex" 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">
<view class="the-flex-item"
@click="onView(item.page)"
>
<view class="the-flex-item" @click="onView(item.page)">
<view class="cover" :style="'background-image: url(' + item.cover + ');'"></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>
</block>
</scroll-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="title">增收赋能咨询类</view>
</view>
<scroll-view ßßß
class="the-flex"
style="padding-top: 0;"
scroll-x="true"
scroll-with-animation="true"
:scroll-into-view='defaultViewId'
@click="onToast()"
>
A
<scroll-view class="the-flex" style="padding-top: 0;" scroll-x="true" scroll-with-animation="true"
:scroll-into-view='defaultViewId' @click="onToast()">
<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="price nowrap"><text>￥</text>2980</view>
</view>
<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="price nowrap"><text>￥</text>3980</view>
</view>
<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="price nowrap"><text>￥</text>4980</view>
</view>
<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="price nowrap"><text>￥</text>5980</view>
</view>
<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="price nowrap"><text>￥</text>9980</view>
</view>
<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="price nowrap">价格另议</view>
</view>
@@ -139,11 +126,7 @@
<u-popup :show="showAdImg" mode="center" bgColor="transparent">
<view class="ad-lay">
<view class="ad-down">
<u-count-down
ref="adCountDown"
:time="showAdTime"
:autoStart="false"
@change="timeData = $event"
<u-count-down ref="adCountDown" :time="showAdTime" :autoStart="false" @change="timeData = $event"
@finish="showAdImg = false">
<view>
自动关闭<text>{{ timeData.seconds }}</text>S
@@ -152,13 +135,8 @@
</view>
<image class="ad-img" :src="layAdImg" mode="widthFix"></image>
<view class="ad-btn">
<u-icon
class="ad-btn-icon"
name="close-circle"
color="white"
size="36px"
@click="onRemoveAd"
></u-icon>
<u-icon class="ad-btn-icon" name="close-circle" color="white" size="36px"
@click="onRemoveAd"></u-icon>
</view>
</view>
</u-popup>
@@ -166,14 +144,21 @@
</template>
<script>
import { region } from '@/apis/interfaces/address.js'
import { categories, jf, index } from '@/apis/interfaces/index.js'
import {
region
} from '@/apis/interfaces/address.js'
import {
categories,
jf,
index
} from '@/apis/interfaces/index.js'
export default {
data() {
return {
theTabs : [
{ category_id: '', title: '全部' }
],
theTabs: [{
category_id: '',
title: '全部'
}],
theTabId: '',
theTabStyle: {
left: '0%'
@@ -245,7 +230,11 @@
list.push(params)
})
this.notice = list
let { is_lay_ad, lay_ad_img, times } = res.layad
let {
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
@@ -293,7 +282,9 @@
},
// 点击轮播图跳转自由服务包
onView(name) {
this.$Router.push({ name })
this.$Router.push({
name
})
},
// 关闭弹窗广告
onRemoveAd() {
@@ -309,10 +300,12 @@
background-color: white;
padding-top: 20rpx;
}
// ad弹窗广告
.ad-lay {
width: 70vw;
position: relative;
.ad-down {
position: absolute;
top: 20rpx;
@@ -324,28 +317,34 @@
line-height: 30rpx;
border-radius: 24rpx;
color: white;
.ad-down-u {
display: inline-block;
line-height: 30rpx;
}
}
.ad-img {
width: 70vw;
border-radius: 20rpx;
}
.ad-btn {
text-align: center;
margin-top: 30rpx;
.ad-btn-icon {
display: inline-block;
}
}
}
// 轮播图
.banner {
position: relative;
width: 100%;
padding-top: 43%;
.banner-swiper {
position: absolute;
top: 0;
@@ -353,6 +352,7 @@
width: 100%;
}
}
// 公告
.notice {
background: white;
@@ -360,6 +360,7 @@
display: flex;
flex-direction: row;
align-items: center;
.notice-title {
background-color: #ececec;
color: #000;
@@ -370,6 +371,7 @@
font-size: 26rpx;
font-weight: bold;
border-radius: 20rpx;
.notice-icon {
width: 32rpx;
vertical-align: middle;
@@ -378,6 +380,7 @@
display: inline-block;
}
}
.notice-more {
font-size: 24rpx;
height: 50rpx;
@@ -386,33 +389,40 @@
line-height: 50rpx;
text-align: center;
color: #999999;
.more-icon {
display: inline-block;
}
}
}
// 自由服务包
.free {
padding: $padding $padding $padding - 10 $padding ;
.free-img {
width: 100%;
}
}
// 增收赋能类
.closed {
background: white;
margin: 0 $margin;
border-radius: 35rpx;
padding-bottom: 10rpx;
.closed-item {
display: flex;
margin-bottom: 20rpx;
padding-bottom: 20rpx;
border-bottom: solid 1rpx #f8f8f8;
&:last-child {
margin-bottom: 0;
border-bottom: none;
}
.closed-cover {
width: 168rpx;
height: 168rpx;
@@ -420,20 +430,24 @@
background-position: center;
border-radius: 10rpx;
}
.closed-text {
width: calc(100% - 168rpx);
padding-left: 30rpx;
box-sizing: border-box;
.closed-title {
font-size: 32rpx;
font-weight: bold;
line-height: 50rpx;
}
.closed-subtitle {
color: gray;
font-size: 28rpx;
line-height: 40rpx;
}
.closed-price {
color: #d51959;
font-size: 34rpx;
@@ -444,11 +458,13 @@
}
}
}
// 诉讼委托类
.lawsuit {
padding: 0 20rpx $padding;
display: flex;
justify-content: space-between;
&-item {
background: #F6F6F6;
border-radius: 10rpx;
@@ -459,27 +475,32 @@
width: calc(50% - 20rpx);
margin: 0 10rpx;
}
&-cover {
width: 138rpx;
height: 138rpx;
background-size: cover;
background-position: center;
}
&-text {
width: calc(100% - 138rpx);
padding: 0 20rpx;
box-sizing: border-box;
}
&-title {
font-size: 30rpx;
margin-bottom: 20rpx;
}
&-price {
font-size: 32rpx;
color: #d51959;
font-weight: bold;
}
}
// 经法
.the-tabs {
background: #ececec;
@@ -490,6 +511,7 @@
position: relative;
white-space: nowrap;
width: calc(100% - 60rpx);
&-item {
position: relative;
z-index: 2;
@@ -500,10 +522,12 @@
color: #454545;
transition: all .4s;
display: inline-block;
&.active {
color: white;
}
}
&-acitve-block {
display: inline-block;
width: 25%;
@@ -515,17 +539,21 @@
transition: all .4s;
}
}
.the-flex {
padding: $padding 20rpx;
box-sizing: border-box;
white-space: nowrap;
&-item {
width: calc(33% - 20rpx);
margin: 0 10rpx;
display: inline-block;
&:last-child {
margin-right: 20rpx;
}
.cover {
width: 100%;
padding-top: 100%;
@@ -534,20 +562,24 @@
background-position: center;
border-radius: 10rpx;
}
.title {
font-size: 30rpx;
color: #111111;
padding: 10rpx 0;
line-height: 40rpx;
}
.price {
line-height: 40rpx;
font-weight: bold;
color: #d51959;
font-size: 32rpx;
text {
font-size: 80%;
}
.ding {
font-size: 64%;
margin-left: 4rpx;
@@ -557,22 +589,26 @@
}
}
}
// 模块
.block {
background-color: white;
border-radius: $radius;
margin: 0 $margin $margin;
.block-title {
padding: 0 $padding;
height: 100rpx;
display: flex;
justify-content: space-between;
align-items: center;
.title {
font-weight: bold;
color: #111111;
font-size: 36rpx;
}
.more {
background-color: #ececec;
font-size: 28rpx;
@@ -584,11 +620,11 @@
line-height: 50rpx;
text-align: center;
color: #454545;
.more-icon {
display: inline-block;
}
}
}
}
</style>

2
pages/work/generate.vue
View File

@@ -3,7 +3,7 @@
<block v-if="serviceArr.length > 0">
<view class="block" v-for="(item, index) in serviceArr" :key="index">
<view class="block-title">
{{item.title}}111
{{item.title}}
<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>移出
</view>

130
pages/work/index.vue
View File

@@ -6,8 +6,10 @@
<view class="status_bar"></view>
<view class="work-bar">
<view class="work-bar-user">
<image class="cover" :src="userInfo.avatar || require('@/static/imgs/default-active.png')" mode="aspectFill"></image>
<view class="nickname">{{userInfo.nickname}}<text class="card" v-if="isManager">{{identity.name}}</text></view>
<image class="cover" :src="userInfo.avatar || require('@/static/imgs/default-active.png')"
mode="aspectFill"></image>
<view class="nickname">{{userInfo.nickname}}<text class="card"
v-if="isManager">{{identity.name}}</text></view>
</view>
<view class="work-bar-add" @click="onCreateOrder" v-if="isManager">
<uni-icons class="icon" type="plusempty" size="30rpx" color="#111"></uni-icons>创建订单
@@ -19,7 +21,8 @@
<view class="block open-interest">
<view class="title">实习顾问专属权益</view>
<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>
<view class="open-interest-text">{{item.title}}</view>
</view>
@@ -28,37 +31,48 @@
<view class="block open-interest">
<view class="title">仅需3步即可成为实习顾问</view>
<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-title">实名认证</view>
<view class="open-interest-submit">通过身份证实名认证</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 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-title">通过实习顾问考试</view>
<view class="open-interest-submit">通过线上考试即可完成</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 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-title">实习顾问签约</view>
<view class="open-interest-submit">完成实习顾问在线签约</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>
<!-- 提示信息 -->
<u-popup :show="privilegeShow" mode="center" bgColor="transparent">
<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-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>
</u-popup>
@@ -82,7 +96,15 @@
</view>
<view class="flex-btn">去查看</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')" -->
<image class="flex-icon" src="/static/icons/icon_03.png" mode="aspectFill"></image>
<view class="flex-title">
@@ -96,11 +118,7 @@
</view>
<!-- 未登录 -->
<view v-else class="auth-null">
<u-empty
mode="permission"
icon="http://cdn.uviewui.com/uview/empty/permission.png"
text="暂未登录"
>
<u-empty mode="permission" icon="http://cdn.uviewui.com/uview/empty/permission.png" text="暂未登录">
</u-empty>
<button class="auth-null-btn" size="mini" @click="onNav('Auth')">登录</button>
</view>
@@ -108,7 +126,12 @@
</template>
<script>
import { index, rights, sign, synthesisCount } from '@/apis/interfaces/work.js'
import {
index,
rights,
sign,
synthesisCount
} from '@/apis/interfaces/work.js'
export default {
data() {
return {
@@ -195,7 +218,17 @@
indexData = res[1],
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.userInfo = {
nickname,
@@ -222,7 +255,10 @@
// 导航
onNav(name, obj) {
let params = obj || {}
this.$Router.push({name, params})
this.$Router.push({
name,
params
})
},
// 创建订单
onCreateOrder() {
@@ -250,6 +286,7 @@
.content {
padding-bottom: 30rpx;
}
// 登录提示
.auth-null {
height: 100vh;
@@ -259,6 +296,7 @@
flex-direction: column;
justify-content: center;
align-items: center;
.auth-null-btn {
height: 90rpx;
line-height: 90rpx;
@@ -271,13 +309,16 @@
font-weight: bold;
}
}
// 弹出特权
.privilege-lay {
width: 70vw;
.privilege-lay-img {
width: 70vw;
vertical-align: top;
}
.privilege-lay-content {
background: white;
border-radius: 0 0 20rpx 20rpx;
@@ -289,14 +330,17 @@
color: #111111;
font-size: 30rpx;
}
.privilege-lay-remove {
padding-top: 30rpx;
text-align: center;
.privilege-lay-icon {
display: inline-block;
}
}
}
// header
.work-bar {
padding: 30rpx;
@@ -304,6 +348,7 @@
display: flex;
justify-content: space-between;
align-items: center;
&-user {
position: relative;
line-height: 70rpx;
@@ -311,6 +356,7 @@
width: calc(100% - 200rpx);
padding-left: 90rpx;
box-sizing: border-box;
.cover {
width: 70rpx;
height: 70rpx;
@@ -319,9 +365,11 @@
left: 0;
top: 0;
}
.nickname {
font-weight: bold;
font-size: 34rpx;
.card {
color: $main-color;
font-size: 24rpx;
@@ -338,33 +386,39 @@
}
}
}
&-add {
width: 200rpx;
font-size: 30rpx;
text-align: right;
line-height: 70rpx;
.icon {
margin-right: 5rpx;
font-weight: bold;
}
}
}
// 订单管理
.tool-flex {
padding: 0 10rpx;
display: flex;
flex-wrap: wrap;
.tool-flex-item {
width: 25%;
text-align: center;
margin-bottom: 30rpx;
position: relative;
.icon {
width: 78rpx;
height: 78rpx;
background: #ddd;
border-radius: 20rpx;
}
.number {
position: absolute;
right: 20%;
@@ -377,6 +431,7 @@
color: white;
border-radius: 50%;
}
.text {
line-height: 40rpx;
font-size: 26rpx;
@@ -385,12 +440,14 @@
}
}
}
// 数据统计单
.total-flex {
padding: 0 20rpx 20rpx;
display: flex;
flex-direction: row;
flex-wrap: wrap;
.total-item {
margin: 0 10rpx 20rpx;
background: #f8f8f8;
@@ -400,6 +457,7 @@
border-radius: $radius;
position: relative;
min-height: 140rpx;
.icon {
position: absolute;
left: 20rpx;
@@ -408,12 +466,14 @@
height: 70rpx;
margin-top: -35rpx;
}
.title {
font-size: 28rpx;
color: #111;
line-height: 40rpx;
@extend .nowrap;
}
.number {
padding-top: 5rpx;
font-weight: bold;
@@ -422,6 +482,7 @@
font-family: Arial, Helvetica, sans-serif;
line-height: 40rpx;
@extend .nowrap;
text {
font-size: 80%;
font-weight: normal;
@@ -430,11 +491,13 @@
}
}
}
// 通用板块
.block {
background: white;
margin: 0 30rpx 20rpx;
border-radius: $radius;
.block-title {
padding: 30rpx;
display: flex;
@@ -445,29 +508,35 @@
font-size: 32rpx;
}
}
// 开通业务员
.open-interest {
padding: 30rpx;
margin-bottom: 30rpx;
.title {
text-align: center;
font-size: 34rpx;
font-weight: bold;
line-height: 80rpx;
}
.open-interest-flex {
display: flex;
flex-wrap: wrap;
padding-top: 30rpx;
justify-content: space-between;
.open-interest-item {
text-align: center;
.open-interest-icon {
width: 88rpx;
height: 88rpx;
vertical-align: top;
margin-bottom: 15rpx;
}
.open-interest-text {
font-size: 28rpx;
color: #111111;
@@ -475,32 +544,38 @@
}
}
}
// 开通步骤
.open-interest-block {
padding: 30rpx 0;
display: flex;
justify-content: space-between;
align-items: center;
.open-interest-icon {
width: 88rpx;
height: 88rpx;
}
.open-interest-text {
width: calc(100% - 258rpx);
padding: 0 30rpx;
box-sizing: border-box;
.open-interest-title {
font-weight: bold;
color: #111111;
line-height: 40rpx;
font-size: 30rpx;
}
.open-interest-submit {
color: #666666;
font-size: 26rpx;
line-height: 40rpx;
}
}
.open-interest-btn[size="mini"] {
width: 170rpx;
height: 70rpx;
@@ -510,9 +585,11 @@
background: $main-color;
color: white;
font-size: 30rpx;
&::after {
display: none;
}
&[disabled] {
background: #EEEEEE;
color: #999999;
@@ -525,6 +602,7 @@
width: 100%;
padding: 0 30rpx;
box-sizing: border-box;
&-item {
background: white;
padding: 30rpx;
@@ -533,21 +611,31 @@
display: flex;
box-sizing: border-box;
position: relative;
.flex-icon{ width: 48px; height: 48px; background: #dce1fb; border-radius: 30rpx; }
.flex-icon {
width: 48px;
height: 48px;
background: #dce1fb;
border-radius: 30rpx;
}
.flex-title {
box-sizing: border-box;
padding-left: 30rpx;
.flex-name {
color: #293f66;
font-size: 34rpx;
font-weight: bold;
padding: 4rpx 0;
}
.flex-tips {
color: #929db3;
font-size: 28rpx;
}
}
.flex-btn {
position: absolute;
right: 30rpx;