b2894lxlx/sifa-mp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

20260325稳定版

Browse Source
This commit is contained in:
b2894lxlx
2026-03-25 15:54:56 +08:00
parent f2ef63d910
commit 7b30030d9b
22 changed files with 1391 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/index/index.vue
+74 -12
View File
@@ -1,26 +1,33 @@
<template>
<view class="min-height pos-r bg" style="background-color: #E0F2FE">
<view class="text-white title" :style="{top: top}">贵港公共法律服务</view>
<u-swiper v-if="swiperList.length" :list="swiperList" height="420rpx" indicator :custom-style="{zIndex: 0}"
@click="$jump('/lawOrgPages/pages/action')"/>
<view class="pos-a w-100p" style="left: 0; top: 360rpx">
<view class="card m-25 flex flex-col justify-start items-start shadow"
style="background-color: rgba(255,255,255,0.8); width: calc(100vw - 90rpx); padding-bottom: 45rpx">
<view class="card m-25 flex flex-col justify-start items-start shadow pos-r"
style="background-color: rgba(255,255,255,0.8); width: calc(100vw - 90rpx); padding-bottom: 15rpx">
<view class="tag">
<u-icon name="/static/line.png" size="30rpx"/>
<view>线上办事</view>
</view>
<view class="mt-20 flex justify-around items-center w-100p">
<view class="flex flex-col justify-center items-center shadow rounded-sm p-10"
style="flex: 0 0 20%"
<view class="my-25 w-100p grid-wrap">
<view class="flex flex-col justify-center items-center shadow rounded-sm p-10 mr-15"
style="flex: 0 0 28%; height: 130rpx; margin-bottom: 10rpx"
v-for="(item, index) in navList"
:key="index" @click="$jump(item.url)">
<u-icon :name="`/static/index/${index + 1}.png`" size="80rpx"/>
<u-icon :name="`/static/index/${index + 1}.png`" size="60rpx"/>
<text class=" mt-20" :class="[item.label.length > 5 ? 'text-20' : 'text-25']">{{ item.label }}</text>
</view>
</view>
<!-- <view class="pos-a" style="left: 0; top: 130rpx" v-if="showLeft">-->
<!-- <u-icon name="arrow-left" size="60rpx" color="#049DFF"/>-->
<!-- </view>-->
<!-- <view class="pos-a" style="right: 0; top: 130rpx" v-if="showRight">-->
<!-- <u-icon name="arrow-right" size="60rpx" color="#049DFF"/>-->
<!-- </view>-->
</view>
</view>
<u-gap height="220rpx"></u-gap>
<u-gap height="420rpx"></u-gap>
<view class="p-25">
<TitleItem title="企业法治体检"/>
<view class="circle w-100p mb-20 shadow"
@@ -29,8 +36,9 @@
height: 180rpx"></view>
<TitleItem title="法律自助服务"/>
<view class="flex justify-center items-center flex-wrap">
<view class="card mb-25 flex-1 flex justify-center items-center flex-shrink shadow"
style="flex:0 0 295rpx; border-radius: 16rpx; padding: 25rpx 20rpx "
<view class="card mb-25 flex-1 flex justify-start items-start flex-shrink shadow"
style="border-radius: 16rpx; padding: 25rpx 20rpx "
:style="{flex: '0 0 295rpx'}"
:class="[index % 2 === 0 ? 'mr-15' : 'ml-15']"
v-for="(item, index) in selfNavList"
@click="jump(item.url)"
@@ -51,7 +59,7 @@
style="background-image: url('https://sifa-api.wsdns.cn/api/file/20250419/propagate.png'); background-size: cover;
height: 240rpx"></view>
<TitleItem title="查询服务"/>
<view class="flex justify-center items-center flex-wrap">
<view class="flex justify-start items-center flex-wrap">
<view @click="$jump('/lawOrgPages/pages/map')"
class="card mb-20 flex-1 flex justify-center items-center flex-shrink mr-15 shadow"
style="flex:0 0 295rpx; border-radius: 16rpx; padding: 25rpx 20rpx">
@@ -70,6 +78,15 @@
<text class="text-20 mt-10" style="color: rgb(123, 160, 194)">法律人员机构查询</text>
</view>
</view>
<view @click="copy('https://www.moj.gov.cn/pub/sfbgw/zwgkztzl/2025nianzhuanti/2025gjtyflzyzgks/')"
class="card mb-20 flex-2 flex justify-center items-center flex-shrink shadow"
style="border-radius: 16rpx; padding: 25rpx 20rpx">
<u-icon name="/static/index/微信图片_20251009215218_10897_9.png" size="40rpx"/>
<view class="flex flex-col justify-center items-center ml-15">
<text class="text-28">法律职业资格考试</text>
<text class="text-20 mt-10" style="color: rgb(123, 160, 194)">法律职业资格考试查询</text>
</view>
</view>
</view>
</view>
<u-gap height="100rpx"></u-gap>
@@ -107,6 +124,14 @@ export default {
label: '民事商事仲裁',
url: '/onlineSheetPages/pages/civil'
},
{
label: '行政复议',
url: '/onlineSheetPages/pages/legalReview'
},
{
label: '人民调解',
url: '/onlineSheetPages/pages/legalMediate'
},
],
selfNavList: [
{
@@ -145,7 +170,16 @@ export default {
icon: '/static/index/self_5.png',
url: '/articlePages/pages/search'
},
]
// {
// label: '经济困难申请',
// desc: '经济困难状况申请',
// icon: '/static/index/req.png',
// url: '/onlineSheetPages/pages/economicDifficulty'
// },
],
showLeft: false,
showRight: true,
top: 0
}
},
methods: {
@@ -159,12 +193,23 @@ export default {
if (url === '/pages/ai/index') {
uni.switchTab({url})
} else uni.navigateTo({url})
},
copy(data) {
uni.setClipboardData({
data,
success: function () {
uni.showToast({
title: '复制成功,请到浏览器中粘贴访问',
icon: 'none'
})
}
})
}
},
onLoad() {
// #defif
this.$refs.Login.doLogin()
this.getSwiperList()
this.top = uni.getSystemInfoSync().statusBarHeight + 'px'
},
onShareAppMessage() {
return {
@@ -197,4 +242,21 @@ export default {
padding: 5rpx 15rpx;
border-radius: 6rpx;
}
.grid-wrap {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 15rpx;
}
.title{
position: fixed;
left: 0;
width: 100vw;
z-index: 999;
display: flex;
align-items: center;
justify-content: center;
font-size: 35rpx;
}
</style>