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

宗法

Browse Source
This commit is contained in:
唐明明
2023-05-22 11:13:29 +08:00
parent c77b741c61
commit 0fe6fd4aaf
47 changed files with 6090 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
pages/index/index.vue
View File

@@ -34,7 +34,7 @@
</view>
</view>
<!-- 自由服务包 -->
<view class="free" @click="clickFree">
<view class="free" @click="onView('FreeService')">
<image class="free-img" src="@/static/index/index_banner_free.png" mode="widthFix" />
</view>
<!-- 金法产品 -->
@@ -71,14 +71,46 @@
<view class="block">
<view class="block-title">
<view class="title">综法产品</view>
<view class="more">更多<u-icon class="more-icon" size="28rpx" color="#999" name="arrow-right" /></view>
</view>
<view class="zong-list">
<view class="zong-list-item" v-for="(item, index) in 3" :key="index">
<image class="cover" src="@/static/imgs/index-pack-01.png" mode="aspectFill" />
<view class="zong-list-item" @click="onView('Individual')">
<image class="cover" src="@/static/synthesize/img_00.png" mode="aspectFill" />
<view class="colum-flex">
<view class="title nowrap">2022年尊享综法服务包</view>
<view class="price nowrap"><text>￥</text>2200</view>
<view>
<view class="title nowrap">个人全年法律</view>
<view class="subtitle">咨询服务 抖火法律</view>
</view>
<view class="price nowrap"><text>￥</text>365.00/年</view>
</view>
</view>
<view class="zong-list-item" @click="onView('Entrust')">
<image class="cover" src="@/static/synthesize/img_01.png" mode="aspectFill" />
<view class="colum-flex">
<view>
<view class="title nowrap">案件委托</view>
<view class="subtitle">咨询服务 抖火法律</view>
</view>
<view class="price nowrap"><text>￥</text>200元起</view>
</view>
</view>
<view class="zong-list-item" @click="onView('Enterprise')">
<image class="cover" src="@/static/synthesize/img_02.png" mode="aspectFill" />
<view class="colum-flex">
<view>
<view class="title nowrap">企业全年法律</view>
<view class="subtitle">咨询服务 抖火法律</view>
</view>
<view class="price nowrap"><text>￥</text>3650.00起/年</view>
</view>
</view>
<view class="zong-list-item" @click="onView('Service')">
<image class="cover" src="@/static/synthesize/img_03.png" mode="aspectFill" />
<view class="colum-flex">
<view>
<view class="title nowrap">拓展服务</view>
<view class="subtitle">咨询服务 抖火法律</view>
</view>
<view class="price nowrap"><text>￥</text>500元起</view>
</view>
</view>
</view>
@@ -247,10 +279,8 @@
// console.log(this.bannerArr[e])
},
// 点击轮播图跳转自由服务包
clickFree(){
uni.navigateTo({
url:'/pages/index/free'
})
onView(name){
this.$Router.push({ name })
},
// 获取城市数据
getRegion(id){
@@ -382,21 +412,30 @@
.colum-flex{
display: flex;
flex-direction: column;
justify-content: space-around;
justify-content: space-between;
height: 180rpx;
.title{
line-height: 40rpx;
font-size: 28rpx;
font-size: 34rpx;
color: #111111;
line-height: 40rpx;
margin-bottom: 10rpx;
@extend .nowrap;
}
.subtitle{
font-size: 28rpx;
color: gray;
line-height: 40rpx;
@extend .nowrap;
}
.price{
line-height: 40rpx;
font-weight: bold;
color: #d51959;
font-size: 38rpx;
font-size: 36rpx;
line-height: 40rpx;
text{
font-size: 80%;
}
@extend .nowrap;
}
}
}