SH-Arbitrate/miniapp
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

‘首次‘

Browse Source
This commit is contained in:
fz
2023-08-30 09:44:26 +08:00
parent c119608fb2
commit cfd272743d
236 changed files with 33203 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/home/index.vue
+186
View File
@@ -0,0 +1,186 @@
<template>
<view class="content">
<!-- 首页轮播图 -->
<view class="headerImg">
<swiper class="swiper" circular :indicator-dots="true">
<swiper-item>
<img src="/static/zhongcai.png" alt="">
</swiper-item>
<swiper-item>
<img src="/static/zhongcai.png" alt="">
</swiper-item>
<swiper-item>
<img src="/static/zhongcai.png" alt="">
</swiper-item>
</swiper>
</view>
<!-- 是否认证 -->
<view class="authentication">
未认证
</view>
<!-- 操作菜单 -->
<view class="memu">
<view class="memu-item">
<view class="imgIcon">
<img src="/static/home/chuizi.png" alt="">
</view>
<view class="memu-main">
<view class="">
本人立案
</view>
</view>
</view>
<view class="memu-item">
<view class="imgIcon">
<img src="/static/home/jinzhan.png" alt="">
</view>
<view class="memu-main">
<view class="">
本人案件进展
</view>
</view>
</view>
<view class="memu-item">
<view class="imgIcon">
<img src="/static/home/chuizi.png" alt="">
</view>
<view class="memu-main">
<view class="">
代理立案
</view>
</view>
</view>
<view class="memu-item">
<view class="imgIcon">
<img src="/static/home/jinzhan.png" alt="">
</view>
<view class="memu-main">
<view class="">
代理案件进展
</view>
</view>
</view>
<view class="memu-item">
<view class="imgIcon">
<img src="/static/home/zhengju.png" alt="">
</view>
<view class="memu-main">
<view class="">
证据交换
</view>
</view>
</view>
<view class="memu-item">
<view class="imgIcon">
<img src="/static/home/wangting.png" alt="">
</view>
<view class="memu-main">
<view class="">
互联网庭
</view>
</view>
</view>
<view class="memu-item">
<view class="imgIcon">
<img src="/static/home/chuizi.png" alt="">
</view>
<view class="memu-main">
<view class="">
在线撤诉
</view>
</view>
</view>
<view class="memu-item">
<view class="imgIcon">
<img src="/static/home/shenpi.png" alt="">
</view>
<view class="memu-main">
<view class="">
笔录签字
</view>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
// memu: ["本人立案", "本人案件进展", "代理立案", "代理案件进展", "证据交换", "互联网庭", "在线撤诉", "笔录签字"]
}
},
onLoad() {
},
methods: {
}
}
</script>
<style lang="scss">
uni-page-body,page{
height: 100%;
background-color: #ECEDF4;
margin-bottom: 100rpx;
}
.content {
margin-bottom: 150rpx;
.headerImg {
width: 100%;
height: 350rpx;
background-color: red;
.swiper {
width: 100%;
height: 100%;
img {
width: 100%;
height: 100%;
}
}
}
.authentication {
height: 70rpx;
background-color: #ffffff;
line-height: 70rpx;
font-size: 24rpx;
color: #ff0606;
text-align: right;
padding-right: 40rpx;
margin-bottom: 20rpx;
}
.memu {
background: #ffffff;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
.memu-item {
height: 200rpx;
width: 50%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
.imgIcon {
img {
width: 60rpx;
height: 60rpx;
margin-bottom: 10rpx;
}
}
.memu-main {
text-align: center;
font-size: 26rpx;
font-weight: 600;
}
}
}
}
</style>