zhangjing/douhuo-h5
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

[综法改版，个人中心新增数据模块]

Browse Source
This commit is contained in:
张慢慢
2023-06-21 17:07:43 +08:00
parent 47a057b35b
commit be6d4622bc
10 changed files with 828 additions and 115 deletions
Download Patch File Download Diff File Expand all files Collapse all files

73
pages/index/index-老版.vue
View File

@@ -50,39 +50,52 @@
<!-- 按钮链接 -->
<view class="topCont-tool">
<view class="topCont-tool-left">
<view class="topCont-tool-cont" @click="seekClick('other', 1)">
<!-- @click="$Router.push({name: 'sheetLoan', params: {type: 1}}) -->
<view class="topCont-whole-name">
经济纠纷
<view class="topCont-tool-left topCont-tool-right">
<view class="topCont-tool-label blueBlock" @click="$Router.push({name: 'PersonBrief', params: {type: 1}})">
<view class="topCont-tool-cont">
<!-- @click="$Router.push({name: 'indexEntrust'}) -->
<view class="topCont-tool-name">
个人全年法律
</view>
<view class="topCont-tool-tips">
咨询服务 抖火法律
</view>
<image class="topCont-tool-img" src="https://douhuo-storage.oss-cn-beijing.aliyuncs.com/images/2023/06/06/fc344138e439b223cf48715aa687cc0b.png" mode="widthFix"></image>
</view>
<view class="topCont-whole-tips">
咨询服务 抖火法律
</view>
<view class="topCont-tool-label redBlock" @click="$Router.push({name: 'EntrustBrief'})">
<view class="topCont-tool-cont">
<view class="topCont-tool-name">
案件委托
</view>
<view class="topCont-tool-tips">
咨询服务 抖火法律
</view>
<image class="topCont-tool-img" src="https://douhuo-storage.oss-cn-beijing.aliyuncs.com/images/2023/06/06/e4d4dff88c6042c3dbc7f48cc64d022b.png" alt=""></image>
</view>
<image class="topCont-whole-img" src="https://douhuo-storage.oss-cn-beijing.aliyuncs.com/images/2023/06/06/e698643f2ef38f225ce5d4ff5d39dfb3.png" mode="widthFix"></image>
</view>
</view>
<view class="topCont-tool-right">
<view class="topCont-tool-label" @click="seekClick('other', 2)">
<view class="topCont-tool-label purpleBlock" @click="$Router.push({name: 'StandBrief', params: {type: 2}})">
<view class="topCont-tool-cont">
<view class="topCont-tool-name">
刑事辩护
企业全年法律
</view>
<view class="topCont-tool-tips">
咨询服务 抖火法律
</view>
<image class="topCont-tool-img" src="@/static/imgs/toolImg_03.png" alt=""></image>
<image class="topCont-tool-img" src="https://douhuo-storage.oss-cn-beijing.aliyuncs.com/images/2023/06/06/0393f129d8fea89eec279e6473b51b14.png" mode="widthFix"></image>
</view>
</view>
<view class="topCont-tool-label" @click="seekClick('other', 3)">
<view class="topCont-tool-label greenBlock" @click="$Router.push({name: 'ExpandBrief'})">
<view class="topCont-tool-cont">
<view class="topCont-tool-name">
合同纠纷
拓展服务
</view>
<view class="topCont-tool-tips">
咨询服务 抖火法律
</view>
<image class="topCont-tool-img" src="@/static/imgs/toolImg_02.png" alt=""></image>
<image class="topCont-tool-img" src="https://douhuo-storage.oss-cn-beijing.aliyuncs.com/images/2023/06/06/38b5da41e958d797441adbabc6ea2769.png" alt=""></image>
</view>
</view>
</view>
@@ -515,28 +528,8 @@
display: flex;
.topCont-tool-left {
width: calc(50% - 20rpx);
position: relative;
background-color: #554ca7;
background-image: linear-gradient(to bottom right, #544df1, #8283ff);
padding-top: calc(50% - 20rpx);
margin-right: $margin - 10;
border-radius: $radius;
overflow: hidden;
.topCont-whole-name {
margin: 15rpx 0;
font-size: $title-size + 6;
}
.topCont-whole-tips {
line-height: 35rpx;
font-size: $title-size-sm - 2;
opacity: .9;
}
.topCont-whole-img {
position: absolute;
right: 0;
bottom: 0;
width: 100%;
}
}
.topCont-tool-right {
width: 50%;
@@ -546,11 +539,19 @@
padding-top: calc(50% - 20rpx);
border-radius: $radius;
overflow: hidden;
&:nth-child(1) {
&.blueBlock {
margin-bottom: 20rpx;
background-image: linear-gradient(to bottom right, #097df5, #71b9ff);
}
&.redBlock {
margin-top: 20rpx;
background-image: linear-gradient(to bottom right, #f46049, #fe8479);
}
&:nth-child(2) {
&.purpleBlock {
margin-bottom: 20rpx;
background-image: linear-gradient(to bottom right, #9c78fe, #a892ff);
}
&.greenBlock {
margin-top: 20rpx;
background-image: linear-gradient(to bottom right, #32c4c2, #50ecc7);
}