‘首次‘
This commit is contained in:
fz
@@ -0,0 +1,31 @@
|
||||
<template>
|
||||
<view>
|
||||
<uni-list>
|
||||
<uni-list-item title="咨询服务" thumb="/static/communicate/zixun.png"
|
||||
thumb-size="medium"></uni-list-item>
|
||||
<uni-list-item title="联系仲裁" thumb="/static/communicate/kefu.png"
|
||||
thumb-size="medium"></uni-list-item>
|
||||
<uni-list-item title="在线留言" thumb="/static/communicate/liuyan.png"
|
||||
thumb-size="medium"></uni-list-item>
|
||||
<uni-list-item title="我要投诉" thumb="/static/communicate/tousu.png"
|
||||
thumb-size="medium"></uni-list-item>
|
||||
</uni-list>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
|
||||
</style>
|
||||
@@ -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>
|
||||
@@ -0,0 +1,226 @@
|
||||
<template>
|
||||
<view class="login">
|
||||
<view class="login-title">法务仲裁系统</view>
|
||||
<view class="login-content">
|
||||
<view class="login-username">
|
||||
<i class="el-icon-user"></i>
|
||||
<input type="text" placeholder="请输入账号" v-model="phone">
|
||||
</view>
|
||||
<view class="login-password">
|
||||
<i class="el-icon-key"></i>
|
||||
<input type="safe-password" name="" id="" placeholder="请输入密码" v-model="password">
|
||||
</view>
|
||||
</view>
|
||||
<view class="button"><button @click="onsubmit">登录</button></view>
|
||||
<view class="login-botton">
|
||||
<view class="login-password" @click="findPassword">找回密码</view>
|
||||
<span>|</span>
|
||||
<view class="login-zhuce" @click="Registration">注册账号</view>
|
||||
</view>
|
||||
<!-- 其他的登录方式 -->
|
||||
<!-- <view class="login-other">
|
||||
<view class="login-top">
|
||||
其他的登录方式
|
||||
</view>
|
||||
<view class="login-icon">
|
||||
<image src="../../static/index/QQ.png" mode="widthFix"></image>
|
||||
<image src="../../static/index/weixin.png" mode="widthFix"></image>
|
||||
</view>
|
||||
</view> -->
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
mapMutations
|
||||
} from 'vuex';
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
phone: '',
|
||||
password: '',
|
||||
rules: {
|
||||
phone: [{
|
||||
required: true,
|
||||
message: '请输入手机号',
|
||||
rule: '/^1[23456789]\d{9}$/'
|
||||
}],
|
||||
password: [{
|
||||
required: true,
|
||||
message: '请输入密码',
|
||||
trigger: 'blur'
|
||||
}]
|
||||
}
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
// ...mapMutations(['user_Login']),
|
||||
//登录
|
||||
onsubmit() {
|
||||
if (this.phone == '' || this.password == '') {
|
||||
uni.showToast({
|
||||
title: "内容不能为空哦！",
|
||||
icon: "none"
|
||||
})
|
||||
} else {
|
||||
let data = {
|
||||
phone: this.phone,
|
||||
password: this.password
|
||||
}
|
||||
if(this.phone == 'admin' && this.password == 'abc123456'){
|
||||
uni.switchTab({
|
||||
url: '/pages/home/index'
|
||||
})
|
||||
}
|
||||
}
|
||||
},
|
||||
Registration() {
|
||||
console.log('hah ');
|
||||
uni.navigateTo({
|
||||
url: '../../pages/login/registration'
|
||||
});
|
||||
},
|
||||
// 找回密码
|
||||
findPassword() {
|
||||
// console.log('hah ');
|
||||
// this.$router.push('/pages/login/findPassword');
|
||||
},
|
||||
// 其他方式登录
|
||||
loginOther() {
|
||||
// uni.share({
|
||||
// provider: "weixin",
|
||||
// scene: "WXSceneSession",
|
||||
// type: 1,
|
||||
// summary: "我正在使用HBuilderX开发uni-app，赶紧跟我一起来体验！",
|
||||
// success: function(res) {
|
||||
// console.log("success:" + JSON.stringify(res));
|
||||
// },
|
||||
// fail: function(err) {
|
||||
// console.log("fail:" + JSON.stringify(err));
|
||||
// }
|
||||
// });
|
||||
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="less">
|
||||
.login {
|
||||
// background-color: #fff;
|
||||
// background-image: url('../../static/zhongcai.png');
|
||||
width: 100%;
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
// background-color: #464646;
|
||||
margin: 0px;
|
||||
background-size: 100% 100%;
|
||||
background-attachment: fixed;
|
||||
height: calc(100vh - 150rpx);
|
||||
.login-title {
|
||||
padding-top: 150rpx;
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
margin-left: 50rpx;
|
||||
font-weight: 700;
|
||||
font-size: 40rpx;
|
||||
color: #d11c1c;
|
||||
letter-spacing: 5rpx;
|
||||
margin-bottom: 50rpx;
|
||||
}
|
||||
|
||||
.login-content {
|
||||
.login-username {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin: 0 50rpx;
|
||||
border-bottom: 1rpx solid gainsboro;
|
||||
|
||||
input {
|
||||
padding: 10rpx;
|
||||
height: 60rpx;
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
i {
|
||||
color: #d11c1c;
|
||||
padding-right: 20rpx;
|
||||
font-size: 50rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.login-password {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin: 0 50rpx;
|
||||
border-bottom: 1rpx solid gainsboro;
|
||||
margin-top: 50rpx;
|
||||
|
||||
input {
|
||||
padding: 10rpx;
|
||||
height: 60rpx;
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
i {
|
||||
color: #d11c1c;
|
||||
padding-right: 20rpx;
|
||||
font-size: 50rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.button {
|
||||
margin-top: 120rpx;
|
||||
|
||||
button {
|
||||
background-color: #d11c1c;
|
||||
width: 90%;
|
||||
height: 85rpx;
|
||||
text-align: center;
|
||||
line-height: 85rpx;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.login-botton {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-top: 100rpx;
|
||||
|
||||
.login-password {
|
||||
padding: 0 15rpx;
|
||||
color: #d11c1c;
|
||||
}
|
||||
|
||||
.login-zhuce {
|
||||
padding: 0 15rpx;
|
||||
color: #d11c1c;
|
||||
}
|
||||
}
|
||||
|
||||
.login-other {
|
||||
position: absolute;
|
||||
bottom: 100rpx;
|
||||
left: 37%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
|
||||
.login-top {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.login-icon {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: 50rpx;
|
||||
|
||||
image {
|
||||
width: 80rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,24 @@
|
||||
<template>
|
||||
<view class="page">
|
||||
暂无消息
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.page{
|
||||
text-align: center;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,61 @@
|
||||
<template>
|
||||
<view class="my">
|
||||
<view class="info">
|
||||
<!-- <image class="img" mode="aspectFill" :src="imgUrl" v-if="userInfo.headImg && !isImgErr" @error="imgErr">
|
||||
</image> -->
|
||||
<image src="/static/my/user.png" class='img'></image>
|
||||
<text class="name">admin</text>
|
||||
</view>
|
||||
<view class="main-list">
|
||||
<uni-list>
|
||||
<uni-list-item showArrow title="认证信息" thumb="/static/home/shenpi.png" thumb-size="sm"/>
|
||||
<uni-list-item showArrow title="案件进展" thumb="/static/home/jinzhan.png" thumb-size="sm"/>
|
||||
<uni-list-item showArrow title="消息通知" thumb="/static/goutong1.png" thumb-size="sm"/>
|
||||
<uni-list-item showArrow title="我的申请" thumb="/static/home/shenpi.png" thumb-size="sm"/>
|
||||
<uni-list-item showArrow title="联系仲裁" thumb="/static/goutong1.png" thumb-size="sm"/>
|
||||
<uni-list-item showArrow title="我要投诉" thumb="/static/communicate/tousu.png" thumb-size="sm"/>
|
||||
</uni-list>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {}
|
||||
},
|
||||
methods: {
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.my {
|
||||
.info {
|
||||
height: 350rpx;
|
||||
background-image: url(../../static/my/my_bc.png);
|
||||
background-size: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
text-align: center;
|
||||
margin-bottom: 20rpx;
|
||||
.img {
|
||||
width: 180rpx;
|
||||
height: 180rpx;
|
||||
border-radius: 50%;
|
||||
margin-bottom: 30rpx;
|
||||
}
|
||||
|
||||
.name {
|
||||
color: #fff;
|
||||
display: inline-block;
|
||||
// background-color: #5B95E3;
|
||||
border-radius: 20rpx;
|
||||
padding: 10rpx 30rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user