This commit is contained in:
zmj 2024-01-30 18:10:55 +08:00
parent 9b283de926
commit 545d4cb0fa
18 changed files with 11 additions and 1076 deletions

View File

@ -3,8 +3,8 @@
// "appid" : "__UNI__3A527D1",
"appid": "__UNI__A495155",
"description": "",
"versionName": "1.1.1",
"versionCode": 111,
"versionName": "1.1.3",
"versionCode": 113,
"transformPx": false,
/* 5+App */
"app-plus": {

View File

@ -12,18 +12,6 @@
"navigationBarTextStyle": "white"
}
},
{
"path": "pages/test/Information",
"style": {
"navigationStyle": "custom"
}
},
{
"path": "pages/test/choseIdentity",
"style": {
"navigationStyle": "custom"
}
},
{
"path": "pages/oaHome/homeTaskDetail",
"style": {

View File

@ -58,10 +58,13 @@
物流信息:
</view>
<view>用户名称:&nbsp;&nbsp;{{fuzzyName( goodsDetil.logistics.receiver_name)}}</view>
<view @click.stop="callFn(goodsDetil.logistics.shop_phone)">
<view @click.stop="callFn(goodsDetil.logistics.receiver_phone)">
联系电话:&nbsp;&nbsp; <u-icon style="display: inline-block;margin-left: 5rpx;" name="phone"
color="#fff" size="22"></u-icon>{{goodsDetil.logistics.shop_phone}}
color="#fff" size="22"></u-icon>{{goodsDetil.logistics.receiver_phone}}
</view>
<view>
联系地址:&nbsp;&nbsp;{{goodsDetil.logistics.receiver_address}}
</view>

View File

@ -4,7 +4,7 @@
<view class="money">
总资产
<view class="" style="margin-top: 35rpx;font-size: 35rpx;">
{{money.toLocaleString('zh-CN')}}
{{money.toLocaleString('zh-CN' ||0)}}
</view>
</view>
</view>

View File

@ -5,7 +5,7 @@
<view class="money">
收益明细
<view class="" style="margin-top: 35rpx;font-size: 35rpx;">
{{money}}
{{money ||0}}
</view>
</view>
</view>

View File

@ -17,8 +17,8 @@
<u--image :showLoading="true" width="134rpx" height="134rpx"
:src="myOaInfo.avatar || '../../static/img/public/avatar.png'" shape="circle"></u--image>
</view>
<view class="identity" @click="navgo('/pages/test/choseIdentity') ">
<!-- <view class="identity"> -->
<!-- <view class="identity" @click="navgo('/pages/test/choseIdentity') "> -->
<view class="identity">
身份{{ myOaInfo.user_role_name}}
</view>

View File

@ -1,982 +0,0 @@
<template>
<view class="box">
<view class="bg">
<view class="user-info">
<view class="item">
<view class="lable">
户主姓名
</view>
<view class="value">
<u--input v-model="formData.name" color='#7A7A7A' border="none"></u--input>
</view>
</view>
<view class="item">
<view class="lable">
联系方式
</view>
<view class="value">
<u--input v-model="formData.contact" color='#7A7A7A' border="none"></u--input>
</view>
</view>
<view class="item">
<view class="lable">
家庭人数
</view>
<view class="value">
<u--input v-model="formData.family_count" color='#7A7A7A' border="none"></u--input>
</view>
</view>
<view class="item">
<view class="lable">
家庭地址
</view>
<view class="value">
<u--input v-model="formData.address" color='#7A7A7A' border="none"></u--input>
</view>
</view>
</view>
</view>
<view class="tit">
<view class="">
助民惠农
</view>
<view class="">
{{saveNum}}/5
</view>
</view>
<!-- content -->
<view class="">
<view class="card">
<view class="card-tit">
<view class="" style="font-size: 32rpx;color: #7A7A7A;display: flex;align-items: center;">
<view class="" :style="{color:SaveList[0]?'#FF5E0C':'' }">
房子出租需求
</view>
<u--image src="/static/test/SM.png" width="36rpx" height="36rpx"
style="margin-left: 5rpx;transform: translateY(2rpx);" @click='showFn(0)' />
</view>
<view class="" style="display: flex;align-items: center;color: #7A7A7A;" @click='open(0)'>
展开
<u--image src="/static/test/ZK.png" width="24rpx" height="24rpx" class='icon'
:style=" {transform:isOpen[0]? 'rotate(180deg)' :'rotate(0)'} " />
</view>
<view class="finsh" v-if='!isOpen[0] && SaveList[0]'>
<view class="finsh-top" />
<view class="finsh-cont">
已完成
</view>
</view>
</view>
</view>
<view class="card-content" :style="{height:isOpen[0]?'0':'620rpx',padding: isOpen[0]?'0':'20rpx' } "
style="height: 0;padding: 0;">
<view class="form-tit">
<view class="" :style="{color:SaveList[0]?'#FF5E0C':'' }">
房子出租需求
</view>
<view class="submit" v-if='!SaveList[0]' @click="sava(0)">
保存
</view>
</view>
<view class="form">
<view class="item">
<view class="lable">
面积
</view>
<view class="value">
<u--input v-model="formData.house_rent_info.area" :readonly='SaveList[0]' color='#7A7A7A'
border="none"></u--input>
</view>
</view>
<view class="item">
<view class="lable">
出租年限
</view>
<view class="value">
<u--input v-model="formData.house_rent_info.ageLimit" :readonly='SaveList[0]'
color='#7A7A7A' border="none"></u--input>
</view>
</view>
<view class="item">
<view class="lable">
出租要求
</view>
<view class="value">
<u--input v-model="formData.house_rent_info.request" :readonly='SaveList[0]' color='#7A7A7A'
border="none"></u--input>
</view>
</view>
<view class="item">
<view class="lable">
主题结构是否完成
</view>
<view class="value" @click="openPicker(['house_rent_info','isFinish'])">
<u--input readonly v-model="formData.house_rent_info.isFinish" :readonly='true'
color='#7A7A7A' border="none"></u--input>
</view>
</view>
<view class="item">
<view class="lable">
是否允许装修
</view>
<view class="value" @click="openPicker(['house_rent_info','fitment'])">
<u--input readonly v-model="formData.house_rent_info.fitment" color='#7A7A7A'
border="none"></u--input>
</view>
</view>
</view>
</view>
</view>
<!-- content -->
<view class="">
<view class="card">
<view class="card-tit">
<view class="" style="font-size: 32rpx;color: #7A7A7A;display: flex;align-items: center;">
<view class="" :style="{color:SaveList[1]?'#FF5E0C':'' }">
空闲土地出租需求
</view>
<u--image src="/static/test/SM.png" width="36rpx" height="36rpx"
style="margin-left: 5rpx;transform: translateY(2rpx);" @click='showFn(1)' />
</view>
<view class="" style="display: flex;align-items: center;color: #7A7A7A;" @click='open(1)'>
展开
<u--image src="/static/test/ZK.png" width="24rpx" height="24rpx" class='icon'
:style=" {transform:isOpen[1]? 'rotate(180deg)' :'rotate(0)'} " />
</view>
<view class="finsh" v-if='!isOpen[1] && SaveList[1]'>
<view class="finsh-top" />
<view class="finsh-cont">
已完成
</view>
</view>
</view>
</view>
<view class="card-content" :style="{height:isOpen[1]?'0':'860rpx',padding: isOpen[1]?'0':'20rpx' } "
style="height: 0;padding: 0;">
<view class="form-tit">
<view class="">
空闲土地出租需求
</view>
<view class="submit" v-if='!SaveList[1]' @click="sava(1)">
保存
</view>
</view>
<view class="form">
<view class="item">
<view class="lable">
是否可以种养
</view>
<view class="value" @click="openPicker(['land_rent_info','isBreeding'])">
<u--input readonly v-model="formData.land_rent_info.isBreeding" :readonly='SaveList[1]'
color='#7A7A7A' border="none"></u--input>
</view>
</view>
<view class="item">
<view class="lable">
面积
</view>
<view class="value">
<u--input v-model="formData.land_rent_info.area" :readonly='SaveList[1]' color='#7A7A7A'
border="none"></u--input>
</view>
</view>
<view class="item">
<view class="lable">
种养要求
</view>
<view class="value">
<u--input v-model="formData.land_rent_info.request" :readonly='SaveList[1]' color='#7A7A7A'
border="none"></u--input>
</view>
</view>
<view class="item">
<view class="lable">
租金和支付方式
</view>
<view class="value">
<u--input v-model="formData.land_rent_info.payInfo" :readonly='SaveList[1]' color='#7A7A7A'
border="none"></u--input>
</view>
</view>
<view class="item">
<view class="lable">
土地优势
</view>
<view class="value">
<u--input v-model="formData.land_rent_info.advantage" :readonly='SaveList[1]'
color='#7A7A7A' border="none"></u--input>
</view>
</view>
<view class="item">
<view class="lable">
土地缺点
</view>
<view class="value">
<u--input v-model="formData.land_rent_info.shortcoming" color='#7A7A7A'
:readonly='SaveList[1]' border="none"></u--input>
</view>
</view>
<view class="item">
<view class="lable">
闲置原因
</view>
<view class="value">
<u--input v-model="formData.land_rent_info.reson" color='#7A7A7A' :readonly='SaveList[1]'
border="none"></u--input>
</view>
</view>
<view class="item">
<view class="lable">
使用年限
</view>
<view class="value">
<u--input v-model="formData.land_rent_info.ageLimit" :readonly='SaveList[1]' color='#7A7A7A'
border="none"></u--input>
</view>
</view>
</view>
</view>
</view>
<!-- content -->
<view class="">
<view class="card">
<view class="card-tit">
<view class="" style="font-size: 32rpx;color: #7A7A7A;display: flex;align-items: center;">
<view class="" :style="{color:SaveList[2]?'#FF5E0C':'' }">
农副产品出售
</view>
<u--image src="/static/test/SM.png" width="36rpx" height="36rpx"
style="margin-left: 5rpx;transform: translateY(2rpx);" @click='showFn(2)' />
</view>
<view class="" style="display: flex;align-items: center;color: #7A7A7A;" @click='open(2)'>
展开
<u--image src="/static/test/ZK.png" width="24rpx" height="24rpx" class='icon'
:style=" {transform:isOpen[2]? 'rotate(180deg)' :'rotate(0)'} " />
</view>
<view class="finsh" v-if='!isOpen[2] && SaveList[2]'>
<view class="finsh-top">
</view>
<view class="finsh-cont">
已完成
</view>
</view>
</view>
</view>
<view class="card-content" :style="{height:isOpen[2]?'0':'1620rpx',padding: isOpen[2]?'0':'20rpx' } "
style="height: 0;padding: 0;">
<view class="form-tit">
<view class="">
农副产品出售
</view>
<view class="submit" v-if='!SaveList[2]' @click="sava(2)">
保存
</view>
</view>
<view class="form">
<view class="item">
<view class="lable">
种养类型
</view>
<view class="value">
<u--input v-model="formData.product_info.type" color='#7A7A7A' border="none"
:readonly='SaveList[2]'></u--input>
</view>
</view>
<view class="item">
<view class="lable">
种养面积
</view>
<view class="value">
<u--input v-model="formData.product_info.area" :readonly='SaveList[2]' color='#7A7A7A'
border="none"></u--input>
</view>
</view>
<view class="item">
<view class="lable">
土地性质
</view>
<view class="value">
<u--input v-model="formData.product_info.quality" :readonly='SaveList[2]' color='#7A7A7A'
border="none"></u--input>
</view>
</view>
<view class="item">
<view class="lable">
种养方式
</view>
<view class="value">
<u--input v-model="formData.product_info.manner" :readonly='SaveList[2]' color='#7A7A7A'
border="none"></u--input>
</view>
</view>
<view class="item">
<view class="lable">
成熟周期
</view>
<view class="value">
<u--input v-model="formData.product_info.maturationCycle" :readonly='SaveList[2]'
color='#7A7A7A' border="none"></u--input>
</view>
</view>
<view class="item">
<view class="lable">
最近成熟时间
</view>
<view class="value">
<u--input v-model="formData.product_info.maturationTime" :readonly='SaveList[2]'
color='#7A7A7A' border="none"></u--input>
</view>
</view>
<view class="item">
<view class="lable">
年产量
</view>
<view class="value">
<u--input v-model="formData.product_info.yield" color='#7A7A7A' :readonly='SaveList[2]'
border="none"></u--input>
</view>
</view>
<view class="item">
<view class="lable">
自己消化/市场销售
</view>
<view class="value">
<u--input v-model="formData.product_info.sellType" color='#7A7A7A' :readonly='SaveList[2]'
border="none"></u--input>
</view>
</view>
<view class="item">
<view class="lable">
销售方式
</view>
<view class="value">
<u--input v-model="formData.product_info.sellMethods" :readonly='SaveList[2]'
color='#7A7A7A' border="none"></u--input>
</view>
</view>
<view class="item">
<view class="lable">
年销量
</view>
<view class="value">
<u--input v-model="formData.product_info.Sales" :readonly='SaveList[2]' color='#7A7A7A'
border="none"></u--input>
</view>
</view>
<view class="item">
<view class="lable">
产品名称
</view>
<view class="value">
<u--input v-model="formData.product_info.productName" :readonly='SaveList[2]'
color='#7A7A7A' border="none"></u--input>
</view>
</view>
<view class="item">
<view class="lable">
优势
</view>
<view class="value">
<u--input v-model="formData.product_info.advantage" :readonly='SaveList[2]' color='#7A7A7A'
border="none"></u--input>
</view>
</view>
<view class="item">
<view class="lable">
产品有无品牌
</view>
<view class="value" @click="openPicker(['product_info','isBrand'])">
<u--input readonly v-model="formData.product_info.isBrand" color='#7A7A7A'
border="none"></u--input>
</view>
</view>
<view class="item">
<view class="lable">
是否进行粗加工
</view>
<view class="value" @click="openPicker(['product_info','isProcessing'])">
<u--input readonly v-model="formData.product_info.isProcessing" color='#7A7A7A'
border="none"></u--input>
</view>
</view>
<view class="item">
<view class="lable">
产品诉求
</view>
<view class="value">
<u--input v-model="formData.product_info.isDemands" color='#7A7A7A' :readonly='SaveList[2]'
border="none"></u--input>
</view>
</view>
<view class="item">
<view class="lable">
急需解决的问题
</view>
<view class="value">
<u--input v-model="formData.product_info.quesition" color='#7A7A7A' :readonly='SaveList[2]'
border="none"></u--input>
</view>
</view>
</view>
</view>
</view>
<!-- content -->
<view class="">
<view class="card">
<view class="card-tit">
<view class="" style="font-size: 32rpx;color: #7A7A7A;display: flex;align-items: center;">
<view class="" :style="{color:SaveList[3]?'#FF5E0C':'' }">
空闲资产出租/出售
</view>
<u--image src="/static/test/SM.png" width="36rpx" height="36rpx"
style="margin-left: 5rpx;transform: translateY(2rpx);" @click='showFn(3)' />
</view>
<view class="" style="display: flex;align-items: center;color: #7A7A7A;" @click='open(3)'>
展开
<u--image src="/static/test/ZK.png" width="24rpx" height="24rpx" class='icon'
:style=" {transform:isOpen[3]? 'rotate(180deg)' :'rotate(0)'} " />
</view>
<view class="finsh" v-if='!isOpen[3] && SaveList[3]'>
<view class="finsh-top">
</view>
<view class="finsh-cont">
已完成
</view>
</view>
</view>
</view>
<view class="card-content" :style="{height:isOpen[3]?'0':'570rpx',padding: isOpen[3]?'0':'20rpx' } "
style="height: 0;padding: 0;">
<view class="form-tit">
<view class="">
空闲资产出租/出售
</view>
<view class="submit" v-if='!SaveList[3]' @click="sava(3)">
保存
</view>
</view>
<view class="form">
<view class="item">
<view class="lable">
资产名称
</view>
<view class="value">
<u--input v-model="formData.idle_asset_rent_info.name" color='#7A7A7A'
:readonly='SaveList[3]' border="none"></u--input>
</view>
</view>
<view class="item">
<view class="lable">
资产优势
</view>
<view class="value">
<u--input v-model="formData.idle_asset_rent_info.advantage" color='#7A7A7A'
:readonly='SaveList[3]' border="none"></u--input>
</view>
</view>
<view class="item">
<view class="lable">
数量
</view>
<view class="value">
<u--input v-model="formData.idle_asset_rent_info.num" color='#7A7A7A'
:readonly='SaveList[3]' border="none"></u--input>
</view>
</view>
<view class="item">
<view class="lable">
增收方式
</view>
<view class="value">
<u--input v-model="formData.idle_asset_rent_info.type" color='#7A7A7A'
:readonly='SaveList[3]' border="none"></u--input>
</view>
</view>
<view class="item">
<view class="lable">
其他可变现
</view>
<view class="value">
<u--input v-model="formData.idle_asset_rent_info.other" color='#7A7A7A'
:readonly='SaveList[3]' border="none"></u--input>
</view>
</view>
</view>
</view>
</view>
<!-- content -->
<view class="">
<view class="card">
<view class="card-tit">
<view class="" style="font-size: 32rpx;color: #7A7A7A;display: flex;align-items: center;">
<view class="" :style="{color:SaveList[4]?'#FF5E0C':'' }">
房屋装饰建设
</view>
<u--image src="/static/test/SM.png" width="36rpx" height="36rpx"
style="margin-left: 5rpx;transform: translateY(2rpx);" @click='showFn(4)' />
</view>
<view class="" style="display: flex;align-items: center;color: #7A7A7A;" @click='open(4)'>
展开
<u--image src="/static/test/ZK.png" width="24rpx" height="24rpx" class='icon'
:style=" {transform:isOpen[4]? 'rotate(180deg)' :'rotate(0)'} " />
</view>
<view class="finsh" v-if='!isOpen[4] && SaveList[4]'>
<view class="finsh-top">
</view>
<view class="finsh-cont">
已完成
</view>
</view>
</view>
</view>
<view class="card-content" :style="{height:isOpen[4]?'0':'680rpx',padding: isOpen[4]?'0':'20rpx' } "
style="height: 0;padding: 0;">
<view class="form-tit">
<view class="">
房屋装饰建设/出售
</view>
<view class="submit" v-if='!SaveList[4]' @click="sava(4)">
保存
</view>
</view>
<view class="form">
<view class="item">
<view class="lable">
施工地点
</view>
<view class="value">
<u--input v-model="formData.house_decoration_construction.place" color='#7A7A7A'
:readonly='SaveList[4]' border="none"></u--input>
</view>
</view>
<view class="item">
<view class="lable">
开始时间
</view>
<view class="value">
<u--input v-model="formData.house_decoration_construction.startTime" color='#7A7A7A'
:readonly='SaveList[4]' border="none"></u--input>
</view>
</view>
<view class="item">
<view class="lable">
/建标准
</view>
<view class="value">
<u--input v-model="formData.house_decoration_construction.standard" color='#7A7A7A'
:readonly='SaveList[4]' border="none"></u--input>
</view>
</view>
<view class="item">
<view class="lable">
事主要求
</view>
<view class="value">
<u--input v-model="formData.house_decoration_construction.ask" color='#7A7A7A'
:readonly='SaveList[4]' border="none"></u--input>
</view>
</view>
<view class="item">
<view class="lable">
房屋建设时长
</view>
<view class="value">
<u--input v-model="formData.house_decoration_construction.time" color='#7A7A7A'
:readonly='SaveList[4]' border="none"></u--input>
</view>
</view>
<view class="item">
<view class="lable">
设计服务
</view>
<view class="value">
<u--input v-model="formData.house_decoration_construction.serve" color='#7A7A7A'
:readonly='SaveList[4]' border="none"></u--input>
</view>
</view>
</view>
</view>
</view>
<!-- content -->
<view class="login-btn" @click="submit"
:style="{background:saveNum<3 ? '#F5F5F5':'',color:saveNum<3 ? '#ADADAD':'' }">
确认登录
</view>
<u-overlay :show="showOverly" @click="showOverly = false">
<view class="warp">
<view class="toast">
<view class="toast-tit">
{{showText.title}}
</view>
<view class="toast-conntent">
{{showText.content}}
</view>
<view class="off">
<u--image src="/static/test/GB.png" width="50rpx" height="50rpx" />
</view>
</view>
</view>
</u-overlay>
<u-picker :show="showPicker" :columns="columns" @confirm="confirmPicker"></u-picker>
</view>
</template>
<script>
import {
addUserInfo
} from "@/api/test.js"
export default {
data() {
return {
value: [],
showPicker: false,
showOverly: false,
isOpen: [true, true, true, true, true],
SaveList: [false, false, false, false, false],
columns: [
['是', '否']
],
formData: {
shop_user_id: 1,
name: "",
contact: "",
family_count: "",
address: "",
house_rent_info: {},
land_rent_info: {},
product_info: {},
idle_asset_rent_info: {},
house_decoration_construction: {}
},
showText: {
title: "",
content: ""
},
textList: [{
title: "房子出租需求",
content: "宅基地出租(通过展示自己长期不在老家居住的宅基地,平台匹配宅基地租给有需求的打造,实现与原有宅基地所有者合作达到闲置资产增收)"
},
{
title: "空闲资产出租/出售需求",
content: "平台上提供(出租、出售、置换、抵押和捐赠等服务,让闲置资产价值最大化)"
},
{
title: "农副产品出售需求",
content: "种养土地(收集土地上作物信息,平台展示、包装,助农销售增收)"
},
{
title: "空闲资产出租/出售需求",
content: "房屋修缮及建设(提供房屋设计、修缮等服务)"
},
{
title: "空闲土地出租需求",
content: "闲置土地(了解闲置土地面积,平台整合资源,帮助其匹配订单种养殖、出租、认养认等服务,让闲置土地增收)。"
},
]
}
},
computed: {
saveNum() {
return this.SaveList.filter(item => item === true).length;
},
},
methods: {
showFn(i) {
this.showText = this.textList[i]
this.showOverly = true
},
open(index) {
this.isOpen.forEach((item, i) => {
if (i == index) {
this.isOpen.splice(index, 1, this.isOpen[index] ? false : true);
} else {
this.isOpen.splice(i, 1, true);
}
})
},
confirmPicker(e) {
this.formData[this.value[0]][this.value[1]] = (e.value)[0]
this.showPicker = false
},
openPicker(e) {
this.showPicker = true
this.value = e
},
async submit() {
if (this.saveNum <= 3) return
this.formData.land_rent_info = JSON.stringify(this.formData.land_rent_info)
this.formData.product_info = JSON.stringify(this.formData.product_info)
this.formData.idle_asset_rent_info = JSON.stringify(this.formData.idle_asset_rent_info)
this.formData.house_decoration_construction = JSON.stringify(this.formData
.house_decoration_construction)
let res = await addUserInfo({
...this.formData
})
},
sava(index) {
this.SaveList.splice(index, 1, true);
this.open(index)
}
}
}
</script>
<style lang="scss" scoped>
.box {
background: linear-gradient(to bottom, #FFF4DB, #FFEAC3);
min-height: 100vh;
font-size: 28rpx;
}
.bg {
width: 750rpx;
height: 660rpx;
background-image: url('/static/test/bg.png');
background-size: 100% 100%;
position: relative;
}
.user-info {
width: 750rpx;
margin: 0 auto;
height: 430rpx;
background-image: url('/static/test/XXBG.png');
background-size: 100% 100%;
position: absolute;
top: 370rpx;
left: 50%;
transform: translateX(-50%);
box-sizing: border-box;
padding: 70rpx;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.item {
display: flex;
align-items: center;
padding-bottom: 10rpx;
border-bottom: 1px solid #FFF2D9;
margin-bottom: 20rpx;
.lable {
font-size: 28rpx;
color: #2E2E2E;
font-weight: 700;
width: 112rpx;
text-align: center;
}
.value {
margin-left: 80rpx;
color: red;
}
}
.tit {
display: flex;
width: 638rpx;
margin: 120rpx auto 30rpx;
justify-content: space-between;
font-size: 28rpx;
color: #2E2E2E;
}
.card {
width: 686rpx;
margin: 0 auto;
background-color: white;
padding: 30rpx;
border-radius: 20rpx;
position: relative;
.card-tit {
display: flex;
justify-content: space-between;
}
.finsh {
// background-color: red;
width: 190rpx;
text-align: center;
height: 90rpx;
position: absolute;
right: 30rpx;
top: 120rpx;
.finsh-top {
height: 10rpx;
background-color: #F98144;
border-radius: 100rpx 100rpx 0 0;
}
.finsh-cont {
height: 70rpx;
width: 162rpx;
margin: 0 auto;
background-color: #F98144;
font-size: 32rpx;
border-radius: 0rpx 0rpx 20rpx 20rpx;
line-height: 60rpx;
color: white;
}
// right: 0;
}
}
.card-content {
background-color: #FFE7B9;
border-radius: 20rpx;
padding: 20rpx;
overflow: hidden;
transition: 300ms;
width: 690rpx;
margin: 30rpx auto;
.form {
background-color: #fff;
padding: 20rpx;
border-radius: 20rpx;
margin-top: 20rpx;
}
.form-tit {
font-size: 32rpx;
color: #FF5E0C;
display: flex;
align-items: center;
display: flex;
justify-content: space-between;
.submit {
width: 162rpx;
height: 58rpx;
background: #FD7F4A;
border-radius: 48rpx 48rpx 48rpx 48rpx;
opacity: 1;
color: white;
text-align: center;
line-height: 58rpx;
}
.submit:active {
background-color: grey;
}
}
}
.icon {
margin-left: 10rpx;
transform: translateY(2rpx);
transition: 300ms !important;
}
.toast {
width: 588rpx;
height: 340rpx;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-image: url('/static/test/XQ.png');
background-size: 100% 100%;
.toast-tit {
text-align: center;
font-size: 32rpx;
line-height: 45rpx;
color: white;
padding-top: 10rpx;
}
.toast-conntent {
padding: 35rpx 50rpx;
text-indent: 2em;
font-size: 28rpx;
color: #7A7A7A;
line-height: 42rpx;
}
.off {
position: absolute;
right: 40rpx;
top: -40rpx;
}
}
.login-btn {
width: 690rpx;
height: 88rpx;
background: #FF8056;
border-radius: 44rpx 44rpx 44rpx 44rpx;
opacity: 1;
text-align: center;
line-height: 88rpx;
font-size: 30rpx;
color: white;
margin: 50rpx auto;
}
.login-btn:active {
background-color: grey;
}
</style>

View File

@ -1,74 +0,0 @@
<template>
<view class="box">
<view class="li">
<u--image src="/static/test/JM.png" width="690rpx" height="200rpx" style="position: absolute;" />
<view class="btn">
我是居民用户
</view>
</view>
<view class="li" style="margin-top: 50rpx;" @click="navgo('/pages/test/Information')">
<u--image src="/static/test/NM.png" width="690rpx" height="200rpx" style="position: absolute;" />
<view class="btn">
我是农民用户
</view>
</view>
</view>
</template>
<script>
export default {
methods: {
navgo(url) {
uni.navigateTo({
url
})
}
}
}
</script>
<style lang='scss' scoped>
.box {
width: 750rpx;
height: 1624rpx;
background-image: url('/static/test/SYBJ.png');
background-size: 100% 100%;
padding-top: 500rpx;
}
.bg {
width: 750rpx;
height: 660rpx;
background-image: url('/static/test/bg.png');
background-size: 100% 100%;
position: relative;
}
.li {
margin: 0rpx auto;
width: 690rpx;
height: 200rpx;
background-size: 100% 100%;
position: relative;
.btn {
z-index: 999;
position: absolute;
width: 287rpx;
height: 76rpx;
border-radius: 40rpx 40rpx 40rpx 40rpx;
opacity: 1;
border: 2rpx solid #FF5E0C;
text-align: center;
line-height: 76rpx;
color: #FF5E0C;
font-size: 34rpx;
right: 50rpx;
bottom: 50rpx;
}
}
</style>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 100 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 122 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 300 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 60 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 92 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 493 KiB