Browse Source
# Conflicts: # project.config.json # project.private.config.json # utils/api.jswork_tab_bar
11 changed files with 1146 additions and 80 deletions
@ -0,0 +1,90 @@ |
|||
// subpages/searchResult/pages/cheshi/cheshi.js
|
|||
import {userXiangQ} from "../../../../utils/api" |
|||
Page({ |
|||
|
|||
/** |
|||
* 页面的初始数据 |
|||
*/ |
|||
data: { |
|||
value: '', |
|||
jiChu:{}, |
|||
edit: false, |
|||
nationality:'', |
|||
document:'', |
|||
documentNum:'', |
|||
phon:'', |
|||
weare:'', |
|||
age:'', |
|||
bristy:'', |
|||
merea:'' |
|||
}, |
|||
|
|||
loadData: function (id) { |
|||
userXiangQ(id).then((res)=>{ |
|||
console.log(11111, res); |
|||
this.setData({ |
|||
'jiChu': res.data, |
|||
'documentNum':res.data.baseInfoDto.idNum, |
|||
'phon':res.data.baseInfoDto.mobile, |
|||
'age':res.data.baseInfoDto.genderName, |
|||
'bristy': res.data.baseInfoDto.birthday, |
|||
'merea':res.data.baseInfoDto.nationName |
|||
}); |
|||
console.log(11111, this.data.jiChu); |
|||
}).catch(err=>{ |
|||
console.log(222222, err); |
|||
}); |
|||
}, |
|||
// 生命周期函数--监听页面加载
|
|||
onLoad: function (options) { |
|||
const id = "1752963649818288129"; |
|||
this.loadData(id); // 调用自定义函数
|
|||
}, |
|||
/** |
|||
* 生命周期函数--监听页面初次渲染完成 |
|||
*/ |
|||
onReady: function () { |
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面显示 |
|||
*/ |
|||
onShow: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面隐藏 |
|||
*/ |
|||
onHide: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面卸载 |
|||
*/ |
|||
onUnload: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面相关事件处理函数--监听用户下拉动作 |
|||
*/ |
|||
onPullDownRefresh: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面上拉触底事件的处理函数 |
|||
*/ |
|||
onReachBottom: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 用户点击右上角分享 |
|||
*/ |
|||
onShareAppMessage: function () { |
|||
|
|||
} |
|||
}) |
|||
@ -0,0 +1,4 @@ |
|||
{ |
|||
"usingComponents": {}, |
|||
"navigationBarTitleText": "基础信息" |
|||
} |
|||
@ -0,0 +1,157 @@ |
|||
<!--subpages/searchResult/pages/punchCard/punchCard.wxml--> |
|||
<!-- 基本信息 --> |
|||
<view class="card"> |
|||
<view class="group_2"> |
|||
<view class="box_3" style="display: flex; align-items: center;"> |
|||
<text class="text_2">{{jiChu.baseInfoDto.name}}</text> |
|||
<view class="text-wrapper_1"> |
|||
<text class="text_3">信息完整度：</text> |
|||
<text class="text_4">40%</text> |
|||
</view> |
|||
<view class="text-wrapper_2"> |
|||
<text class="text_5">编辑</text> |
|||
</view> |
|||
</view> |
|||
<view class="box_4"> |
|||
<view class="text-wrapper_24"> |
|||
<text class="text_63">群众{{kong}}</text> |
|||
</view> |
|||
<view class="text-wrapper_25"> |
|||
<text class="text_64">{{kong}}</text> |
|||
</view> |
|||
</view> |
|||
<view class="text-wrapper_5"> |
|||
<text class="text_8">地址：</text> |
|||
<text class="text_9">{{jiChu.baseInfoDto.resideInfos[0].homeName}}</text> |
|||
</view> |
|||
<view class="text-wrapper_6"> |
|||
<text class="text_10">创建时间：</text> |
|||
<text class="text_11">{{jiChu.baseInfoDto.createdTime}}</text> |
|||
</view> |
|||
<view class="text-wrapper_7"> |
|||
<text class="text_12">最新更新时间：</text> |
|||
<text class="text_13">{{jiChu.baseInfoDto.updatedTime}}</text> |
|||
</view> |
|||
|
|||
<image class="image_3" src="https://lanhu.oss-cn-beijing.aliyuncs.com/ps76n3ya6acuqho2uhek7k8epdgxqatfeq4eeda1f1-a097-4b05-a79c-98328bc42391"></image> |
|||
<view class="box_5"> |
|||
<text class="text_14">基础信息（10/10)</text> |
|||
<view class="text-wrapper_8"> |
|||
<text class="text_15">拓展信息</text> <text class="text_17">（</text> |
|||
<text class="text_18">3/4</text> <text class="text_19">)</text> |
|||
</view> |
|||
<text class="text_20">关系图谱</text> |
|||
</view> |
|||
<view class="block_4"></view> |
|||
<view class="box_6"> |
|||
<view class="text-wrapper_9"> |
|||
<text class="text_21">残疾信息</text> <text class="text_23">（</text> |
|||
<text class="text_24">0/3</text> <text class="text_25">）</text> |
|||
</view> |
|||
<view class="text-wrapper_10"> |
|||
<text class="text_26">大病信息</text> <text class="text_28">（3)</text> |
|||
</view> |
|||
<text class="text_33">变更记录（2）</text> |
|||
</view> |
|||
<view class="box_6"> |
|||
<view class="text-wrapper_9"> |
|||
<text class="text_21">业务记录（1）</text> |
|||
</view> |
|||
</view> |
|||
<hr/> |
|||
<div class="horizontal-line"></div> |
|||
</view> |
|||
|
|||
</view> |
|||
|
|||
<view class="card "> |
|||
<view class="flex-sb"> |
|||
<view class="title">基础信息</view> |
|||
</view> |
|||
|
|||
<view class="form_card m-top20"> |
|||
<view class="form_item"> |
|||
<view class="asterisk">*</view> |
|||
<view class="label"> |
|||
<view>国籍</view> |
|||
</view> |
|||
<view class="input"> |
|||
<view class="china">中国{{kong}}</view> |
|||
</view> |
|||
</view> |
|||
<view class="form_item"> |
|||
<view class="asterisk">*</view> |
|||
<view class="label"> |
|||
<view>证件类型</view> |
|||
</view> |
|||
<view class="input"> |
|||
<view class="china">身份证{{kong}}</view> |
|||
</view> |
|||
</view> |
|||
|
|||
<view class="form_item"> |
|||
<view class="asterisk">*</view> |
|||
<view class="label"> |
|||
<view>证件号</view> |
|||
</view> |
|||
<view class="input"> |
|||
<view class="china">{{documentNum}}</view> |
|||
</view> |
|||
</view> |
|||
|
|||
<view class="form_item"> |
|||
<view class="asterisk">*</view> |
|||
<view class="label"> |
|||
<view>联系电话</view> |
|||
</view> |
|||
<view class="input"> |
|||
<view class="china">{{phon}}</view> |
|||
</view> |
|||
</view> |
|||
|
|||
<view class="form_item"> |
|||
<view class="label"> |
|||
<view>文化程度</view> |
|||
</view> |
|||
<view class="input"> |
|||
<view class="china">{{kong}}</view> |
|||
</view> |
|||
</view> |
|||
|
|||
<view class="form_item"> |
|||
<view class="label"> |
|||
<view>性别</view> |
|||
</view> |
|||
<view class="input"> |
|||
<view class="china">{{age}}</view> |
|||
</view> |
|||
</view> |
|||
<view class="form_item"> |
|||
<view class="label"> |
|||
<view>出生日期</view> |
|||
</view> |
|||
<view class="input"> |
|||
<view class="china">{{bristy}}</view> |
|||
</view> |
|||
</view> |
|||
<view class="form_item"> |
|||
<view class="label"> |
|||
<view>民族</view> |
|||
</view> |
|||
<view class="input"> |
|||
<view class="china">{{merea}}</view> |
|||
|
|||
</view> |
|||
</view> |
|||
|
|||
</view> |
|||
|
|||
|
|||
|
|||
</view> |
|||
<div class="btn-container"> |
|||
<view class="bottom_btn1" style="background-color: rgb(255, 255, 255);">上报诉求</view> |
|||
<view class="bottom_btn1" style="background-color: rgb(255, 255, 255);">满意度调查</view> |
|||
<view class="bottom_btn">走访打卡</view> |
|||
|
|||
</div> |
|||
@ -0,0 +1,791 @@ |
|||
/* subpages/searchResult/pages/punchCard/punchCard.wxss */ |
|||
/**index.wxss**/ |
|||
page { |
|||
width: 100%; |
|||
min-height: 100vh; |
|||
overflow: hidden; |
|||
overflow-y: scroll; |
|||
background-color: #f7f7f7; |
|||
padding: 0 20rpx; |
|||
box-sizing: border-box; |
|||
} |
|||
.card{ |
|||
background-color: #fff; |
|||
border-radius: 20rpx; |
|||
display: flex; |
|||
flex-direction: column; |
|||
min-height: 350rpx; |
|||
margin-top: 20rpx; |
|||
padding: 30rpx 30rpx 40rpx; |
|||
} |
|||
.title{ |
|||
margin-left: 10px; |
|||
} |
|||
.card .title{ |
|||
position: relative; |
|||
font-size: 34rpx; |
|||
z-index: 1; |
|||
} |
|||
/* .card .title::after{ |
|||
position: absolute; |
|||
left: -30rpx; |
|||
top: 8rpx; |
|||
content: " "; |
|||
width: 10rpx; |
|||
height: 28rpx; |
|||
/* background-color: #3A80E7; */ |
|||
/* } */ |
|||
.card { |
|||
position: relative; |
|||
padding-left: 10px; /* 为了给阴影留出空间 */ |
|||
|
|||
} |
|||
|
|||
|
|||
.info{ |
|||
margin-top: 6rpx; |
|||
} |
|||
.info .item{ |
|||
display: flex; |
|||
margin-top: 28rpx; |
|||
} |
|||
.info .item .label{ |
|||
width: fit-content; |
|||
} |
|||
.punch{ |
|||
width: 260rpx; |
|||
height: 260rpx; |
|||
background: linear-gradient(180deg,#5E9FFF, #3A80E7); |
|||
box-shadow: 0rpx 4rpx 35rpx 0rpx rgba(61,139,248,0.48); |
|||
color: #fff; |
|||
display: flex; |
|||
flex-direction: column; |
|||
justify-content: center; |
|||
align-items: center; |
|||
border-radius: 50%; |
|||
margin: 50rpx auto 0; |
|||
} |
|||
|
|||
.address{ |
|||
color: #666666; |
|||
font-size: 28rpx ; |
|||
margin: 0 auto; |
|||
margin: 40rpx auto 30rpx; |
|||
} |
|||
|
|||
@keyframes rotateAnimation { |
|||
0% { |
|||
transform: rotateY(0deg); |
|||
} |
|||
100% { |
|||
transform: rotateY(180deg); |
|||
} |
|||
} |
|||
|
|||
.animate { |
|||
animation: rotateAnimation 2s forwards; |
|||
} |
|||
.btn{ |
|||
padding: 0 85rpx; |
|||
box-sizing: border-box; |
|||
min-width: 364rpx; |
|||
text-align: center; |
|||
height: 76rpx; |
|||
border-radius: 38rpx; |
|||
margin: 30rpx auto 0; |
|||
line-height: 76rpx; |
|||
border-radius: 76rpx; |
|||
} |
|||
|
|||
.blue{ |
|||
color:#3A80E7 ; |
|||
border: 2rpx solid #3A80E7; |
|||
|
|||
} |
|||
.yellow{ |
|||
color: #FF783C; |
|||
border: 2rpx solid #FF783C; |
|||
} |
|||
.green{ |
|||
color: #13C8BD; |
|||
border: 2rpx solid #13C8BD; |
|||
} |
|||
|
|||
.flex-sb { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
border-left: 5px solid blue; |
|||
} |
|||
.view { |
|||
color: #999; |
|||
font-size: 24rpx; |
|||
} |
|||
.jm-btn { |
|||
position: absolute; |
|||
top: 30rpx; |
|||
right: 20rpx; |
|||
width: 146rpx; |
|||
height: 56rpx; |
|||
line-height: 56rpx; |
|||
background: #3A80E7; |
|||
border-radius: 28rpx; |
|||
color: #fff; |
|||
text-align: center; |
|||
font-size: 28rpx; |
|||
} |
|||
.card { |
|||
position: relative; |
|||
} |
|||
|
|||
|
|||
|
|||
/* subpages/searchResult/pages/cheshi/cheshi.wxss */ |
|||
.text_2 { |
|||
width: 66rpx; |
|||
height: 32rpx; |
|||
overflow-wrap: break-word; |
|||
color: rgba(51, 51, 51, 1); |
|||
font-size: 34rpx; |
|||
font-family: PingFang-SC-Medium; |
|||
font-weight: 500; |
|||
text-align: left; |
|||
white-space: nowrap; |
|||
line-height: 41rpx; |
|||
margin-top: 4rpx; |
|||
} |
|||
|
|||
.text-wrapper_1 { |
|||
width: 243rpx; |
|||
height: 28rpx; |
|||
overflow-wrap: break-word; |
|||
font-size: 0; /* 小程序中不支持设置为 0 */ |
|||
font-family: PingFang-SC-Medium; |
|||
font-weight: 500; |
|||
text-align: left; |
|||
white-space: nowrap; |
|||
line-height: 40rpx; |
|||
margin: 8rpx 0 0 35rpx; |
|||
} |
|||
|
|||
.text_3 { |
|||
width: 243rpx; |
|||
height: 28rpx; |
|||
overflow-wrap: break-word; |
|||
color: rgba(153, 153, 153, 1); |
|||
font-size: 30rpx; |
|||
font-family: PingFang-SC-Medium; |
|||
font-weight: 500; |
|||
text-align: left; |
|||
white-space: nowrap; |
|||
line-height: 40rpx; |
|||
} |
|||
|
|||
.text_4 { |
|||
width: 243rpx; |
|||
height: 28rpx; |
|||
overflow-wrap: break-word; |
|||
color: rgba(4, 184, 173, 1); |
|||
font-size: 30rpx; |
|||
font-family: PingFang-SC-Bold; |
|||
font-weight: 700; |
|||
text-align: left; |
|||
white-space: nowrap; |
|||
line-height: 40rpx; |
|||
} |
|||
|
|||
.text-wrapper_2 { |
|||
background-color: rgba(57, 116, 246, 1); |
|||
border-radius: 28rpx; |
|||
height: 56rpx; |
|||
margin-left: 185rpx; |
|||
width: 120rpx; |
|||
} |
|||
|
|||
.text_5 { |
|||
width: 59rpx; |
|||
height: 28rpx; |
|||
overflow-wrap: break-word; |
|||
color: rgba(255, 255, 255, 1); |
|||
font-size: 30rpx; |
|||
font-family: PingFang-SC-Medium; |
|||
font-weight: 500; |
|||
text-align: left; |
|||
white-space: nowrap; |
|||
line-height: 40rpx; |
|||
margin: 14rpx 0 0 31rpx; |
|||
} |
|||
.box_4 { |
|||
width: 176rpx; |
|||
height: 36rpx; |
|||
/* margin-left: 30rpx; */ |
|||
display: flex; |
|||
align-items: center; |
|||
margin-top: 10rpx; |
|||
} |
|||
|
|||
.text-wrapper_24 { |
|||
background-color: rgba(236, 236, 236, 0.5); |
|||
border-radius: 4rpx; |
|||
height: 36rpx; |
|||
width: 60rpx; |
|||
} |
|||
|
|||
.text_63 { |
|||
width: 45rpx; |
|||
height: 23rpx; |
|||
overflow-wrap: break-word; |
|||
color: rgba(153, 153, 153, 1); |
|||
font-size: 24rpx; |
|||
font-family: PingFang-SC-Medium; |
|||
font-weight: 500; |
|||
text-align: left; |
|||
white-space: nowrap; |
|||
line-height: 42rpx; |
|||
margin: 7rpx 0 0 8rpx; |
|||
} |
|||
|
|||
.text-wrapper_25 { |
|||
margin-left: 10rpx; |
|||
background-color: rgba(236, 236, 236, 0.5); |
|||
border-radius: 4rpx; |
|||
height: 36rpx; |
|||
width: 110rpx; |
|||
} |
|||
|
|||
.text_64 { |
|||
width: 94rpx; |
|||
height: 23rpx; |
|||
overflow-wrap: break-word; |
|||
color: rgba(153, 153, 153, 1); |
|||
font-size: 24rpx; |
|||
font-family: PingFang-SC-Medium; |
|||
font-weight: 500; |
|||
text-align: left; |
|||
white-space: nowrap; |
|||
line-height: 42rpx; |
|||
margin: 7rpx 0 0 8rpx; |
|||
} |
|||
.text-wrapper_5{ |
|||
margin-top: 20rpx; |
|||
} |
|||
.text-wrapper_5, |
|||
.text-wrapper_6, |
|||
.text-wrapper_7{ |
|||
width: 639rpx; |
|||
height: 28rpx; |
|||
overflow-wrap: break-word; |
|||
font-size: 0; |
|||
font-family: PingFang-SC-Medium; |
|||
font-weight: 500; |
|||
text-align: left; |
|||
white-space: nowrap; |
|||
line-height: 40rpx; |
|||
margin: 24rpx 0 0 0; |
|||
/* display: flex; */ |
|||
/* text-align: left; */ |
|||
} |
|||
|
|||
.text_9, |
|||
.text_11, |
|||
.text_13 { |
|||
width: 476rpx; |
|||
height: 28rpx; |
|||
overflow-wrap: break-word; |
|||
color: rgba(51, 51, 51, 1); |
|||
font-size: 30rpx; |
|||
font-family: PingFang-SC-Medium; |
|||
font-weight: 500; |
|||
white-space: nowrap; |
|||
line-height: 40rpx; |
|||
|
|||
} |
|||
|
|||
.text_8 { |
|||
width: 639rpx; |
|||
height: 28rpx; |
|||
overflow-wrap: break-word; |
|||
color: rgba(153, 153, 153, 1); |
|||
font-size: 30rpx; |
|||
font-family: PingFang-SC-Medium; |
|||
font-weight: 500; |
|||
text-align: left; |
|||
white-space: nowrap; |
|||
line-height: 40rpx; |
|||
} |
|||
|
|||
.text_10 { |
|||
width: 476rpx; |
|||
height: 28rpx; |
|||
overflow-wrap: break-word; |
|||
color: rgba(153, 153, 153, 1); |
|||
font-size: 30rpx; |
|||
font-family: PingFang-SC-Medium; |
|||
font-weight: 500; |
|||
text-align: left; |
|||
white-space: nowrap; |
|||
line-height: 40rpx; |
|||
} |
|||
|
|||
.text_12 { |
|||
width: 537rpx; |
|||
height: 28rpx; |
|||
overflow-wrap: break-word; |
|||
color: rgba(153, 153, 153, 1); |
|||
font-size: 30rpx; |
|||
font-family: PingFang-SC-Medium; |
|||
font-weight: 500; |
|||
text-align: left; |
|||
white-space: nowrap; |
|||
line-height: 40rpx; |
|||
} |
|||
|
|||
.image_3 { |
|||
width: 650rpx; |
|||
height: 1rpx; |
|||
margin: 30rpx 0 0 31rpx; |
|||
} |
|||
.box_5, |
|||
.box_6 { |
|||
width: 649rpx; |
|||
height: 32rpx; |
|||
margin: 30rpx 0 0 30rpx; |
|||
display: flex; |
|||
margin-left: 0; |
|||
} |
|||
|
|||
.text_14 { |
|||
width: 245rpx; |
|||
height: 31rpx; |
|||
overflow-wrap: break-word; |
|||
color: rgba(57, 116, 246, 1); |
|||
font-size: 32rpx; |
|||
font-family: PingFang-SC-Bold; |
|||
font-weight: 700; |
|||
text-align: right; |
|||
white-space: nowrap; |
|||
line-height: 45rpx; |
|||
} |
|||
|
|||
.text-wrapper_8 { |
|||
width: 193rpx; |
|||
height: 31rpx; |
|||
overflow-wrap: break-word; |
|||
font-size: 0; /* 小程序中不支持设置为 0 */ |
|||
font-family: PingFang-SC-Medium; |
|||
font-weight: 500; |
|||
text-align: right; |
|||
white-space: nowrap; |
|||
line-height: 45rpx; |
|||
margin: 1rpx 0 0 45rpx; |
|||
} |
|||
|
|||
.text_15, |
|||
.text_16, |
|||
.text_17, |
|||
.text_18 { |
|||
width: 193rpx; |
|||
height: 31rpx; |
|||
overflow-wrap: break-word; |
|||
color: rgba(51, 51, 51, 1); |
|||
font-size: 32rpx; |
|||
font-family: PingFang-SC-Medium; |
|||
font-weight: 500; |
|||
text-align: left; |
|||
white-space: nowrap; |
|||
line-height: 45rpx; |
|||
} |
|||
.text_19 { |
|||
width: 193rpx; |
|||
height: 31rpx; |
|||
overflow-wrap: break-word; |
|||
color: rgba(51, 51, 51, 1); |
|||
font-size: 32rpx; |
|||
font-family: PingFang-SC-Medium; |
|||
font-weight: 500; |
|||
text-align: left; |
|||
white-space: nowrap; |
|||
line-height: 45rpx; |
|||
} |
|||
|
|||
.text_20 { |
|||
width: 121rpx; |
|||
height: 31rpx; |
|||
overflow-wrap: break-word; |
|||
color: rgba(51, 51, 51, 1); |
|||
font-size: 32rpx; |
|||
font-family: PingFang-SC-Medium; |
|||
font-weight: 500; |
|||
text-align: right; |
|||
white-space: nowrap; |
|||
line-height: 45rpx; |
|||
margin-left: 45rpx; |
|||
} |
|||
|
|||
.block_4 { |
|||
background-color: rgba(57, 116, 246, 1); |
|||
border-radius: 2rpx; |
|||
width: 246rpx; |
|||
height: 6rpx; |
|||
margin: 10rpx 100rpx 0 12rpx; |
|||
} |
|||
|
|||
|
|||
|
|||
.text-wrapper_9 { |
|||
width: 194rpx; |
|||
height: 31rpx; |
|||
overflow-wrap: break-word; |
|||
font-size: 0; /* 小程序中不支持设置为 0 */ |
|||
font-family: PingFang-SC-Medium; |
|||
font-weight: 500; |
|||
text-align: right; |
|||
white-space: nowrap; |
|||
line-height: 45rpx; |
|||
} |
|||
|
|||
.text_21, |
|||
.text_22 { |
|||
width: 194rpx; |
|||
height: 31rpx; |
|||
overflow-wrap: break-word; |
|||
color: rgba(51, 51, 51, 1); |
|||
font-size: 32rpx; |
|||
font-family: PingFang-SC-Medium; |
|||
font-weight: 500; |
|||
text-align: left; |
|||
white-space: nowrap; |
|||
line-height: 45rpx; |
|||
} |
|||
.text_23 { |
|||
width: 194rpx; |
|||
height: 31rpx; |
|||
overflow-wrap: break-word; |
|||
color: rgba(51, 51, 51, 1); |
|||
font-size: 32rpx; |
|||
font-family: PingFang-SC-Medium; |
|||
font-weight: 500; |
|||
text-align: left; |
|||
white-space: nowrap; |
|||
line-height: 45rpx; |
|||
} |
|||
|
|||
.text_24 { |
|||
width: 194rpx; |
|||
height: 31rpx; |
|||
overflow-wrap: break-word; |
|||
color: rgba(242, 114, 37, 1); |
|||
font-size: 32rpx; |
|||
font-family: PingFang-SC-Medium; |
|||
font-weight: 500; |
|||
text-align: left; |
|||
white-space: nowrap; |
|||
line-height: 45rpx; |
|||
} |
|||
|
|||
.text_25 { |
|||
width: 194rpx; |
|||
height: 31rpx; |
|||
overflow-wrap: break-word; |
|||
color: rgba(51, 51, 51, 1); |
|||
font-size: 32rpx; |
|||
font-family: PingFang-SC-Medium; |
|||
font-weight: 500; |
|||
text-align: left; |
|||
white-space: nowrap; |
|||
line-height: 45rpx; |
|||
} |
|||
|
|||
.text-wrapper_10 { |
|||
width: 193rpx; |
|||
height: 31rpx; |
|||
overflow-wrap: break-word; |
|||
font-size: 0; /* 小程序中不支持设置为 0 */ |
|||
font-family: PingFang-SC-Medium; |
|||
font-weight: 500; |
|||
text-align: right; |
|||
white-space: nowrap; |
|||
line-height: 45rpx; |
|||
margin-left: 45rpx; |
|||
} |
|||
|
|||
.text_26, |
|||
.text_27, |
|||
.text_28 { |
|||
width: 193rpx; |
|||
height: 31rpx; |
|||
overflow-wrap: break-word; |
|||
color: rgba(51, 51, 51, 1); |
|||
font-size: 32rpx; |
|||
font-family: PingFang-SC-Medium; |
|||
font-weight: 500; |
|||
text-align: left; |
|||
white-space: nowrap; |
|||
line-height: 45rpx; |
|||
} |
|||
.text_29 { |
|||
width: 193rpx; |
|||
height: 31rpx; |
|||
overflow-wrap: break-word; |
|||
color: rgba(28, 185, 175, 1); |
|||
font-size: 32rpx; |
|||
font-family: PingFang-SC-Medium; |
|||
font-weight: 500; |
|||
text-align: left; |
|||
white-space: nowrap; |
|||
line-height: 45rpx; |
|||
} |
|||
|
|||
.text_30 { |
|||
width: 193rpx; |
|||
height: 31rpx; |
|||
overflow-wrap: break-word; |
|||
color: rgba(4, 184, 173, 1); |
|||
font-size: 32rpx; |
|||
font-family: PingFang-SC-Medium; |
|||
font-weight: 500; |
|||
text-align: left; |
|||
white-space: nowrap; |
|||
line-height: 45rpx; |
|||
} |
|||
.china{ |
|||
position: absolute; |
|||
left: 90.4pt; |
|||
} |
|||
.text_31, |
|||
.text_33{ |
|||
width: 193rpx; |
|||
height: 31rpx; |
|||
overflow-wrap: break-word; |
|||
color: rgba(51, 51, 51, 1); |
|||
font-size: 32rpx; |
|||
font-family: PingFang-SC-Medium; |
|||
font-weight: 500; |
|||
text-align: left; |
|||
white-space: nowrap; |
|||
line-height: 45rpx; |
|||
} |
|||
|
|||
.text_33{ |
|||
text-align: right; |
|||
margin: 1rpx 0 0 39rpx; |
|||
} |
|||
|
|||
|
|||
/* subpages/addResi/pages/addResi/addResi.wxss */ |
|||
page { |
|||
width: 100%; |
|||
min-height: 100vh; |
|||
overflow-y: auto; |
|||
background-color: #f7f7f7; |
|||
} |
|||
.gray{ |
|||
color: #C1C1C1; |
|||
} |
|||
.m-top20{ |
|||
margin-top: 20rpx; |
|||
} |
|||
.asterisk { |
|||
color: red; |
|||
margin-right: 11rpx; |
|||
position: absolute; /* 开启绝对定位 */ |
|||
left: 15rpx; /* 将星号放置在左侧 */ |
|||
} |
|||
.header { |
|||
width: 100%; |
|||
height: 444rpx; |
|||
overflow: hidden; |
|||
/* position: fixed; |
|||
top: 0; |
|||
left: 0; |
|||
z-index: 1000; */ |
|||
} |
|||
.header .header-bg { |
|||
width: 100%; |
|||
height: 444rpx; |
|||
position: absolute; |
|||
height: 100%; |
|||
z-index: -999; |
|||
} |
|||
.back { |
|||
width: 30rpx; |
|||
height: 30rpx; |
|||
margin-left: 20rpx; |
|||
position: absolute; |
|||
margin-top: 20rpx; |
|||
border-radius: 0rpx; |
|||
z-index: 101; |
|||
} |
|||
.header .navigation { |
|||
width: 100%; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
color: #333333; |
|||
font-size: 32rpx; |
|||
position: relative; |
|||
z-index: 100; |
|||
} |
|||
.header .content{ |
|||
margin: 160rpx 0 0 50rpx; |
|||
} |
|||
.header .content .h2{ |
|||
font-size: 44rpx; |
|||
font-family: PingFang SC; |
|||
font-weight: 800; |
|||
color: #333333; |
|||
margin-bottom: 28rpx; |
|||
} |
|||
.header .content .tag{ |
|||
width: 200rpx; |
|||
height: 50rpx; |
|||
position: relative; |
|||
line-height: 48rpx; |
|||
font-size: 28rpx; |
|||
font-family: PingFang SC; |
|||
font-weight: 500; |
|||
color: #94A6C2; |
|||
padding-left: 15rpx; |
|||
} |
|||
.header .content .tag b { |
|||
color: #FF2A00; |
|||
} |
|||
.header .content .tag image { |
|||
width: 170rpx; |
|||
height: 50rpx; |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
z-index: -888; |
|||
} |
|||
.content{ |
|||
width: 100%; |
|||
height: auto; |
|||
padding: 0 20rpx; |
|||
box-sizing: border-box; |
|||
position: relative; |
|||
top: -30rpx; |
|||
} |
|||
.form_card { |
|||
background-color: #fff; |
|||
border-radius: 10rpx; |
|||
padding: 0 30rpx; |
|||
box-sizing: border-box; |
|||
height: auto; |
|||
margin-left: 0rpx; |
|||
} |
|||
.form_card > .title{ |
|||
height: 90rpx; |
|||
line-height: 90rpx; |
|||
font-size: 34rpx; |
|||
font-family: PingFang SC; |
|||
font-weight: bold; |
|||
color: #333333; |
|||
position: relative; |
|||
} |
|||
.form_card .title .tag{ |
|||
width: 10rpx; |
|||
height: 28rpx; |
|||
background: #3A80E7; |
|||
border-radius: 4rpx; |
|||
position: absolute; |
|||
left: -30rpx; |
|||
top: 50%; |
|||
transform: translateY(-14rpx); |
|||
} |
|||
.form_card .form_item{ |
|||
display: flex; |
|||
align-items: center; |
|||
border-top: 1px solid #EAEAEA; |
|||
height: 100rpx; |
|||
} |
|||
.form_card .form_house{ |
|||
height: 139rpx; |
|||
display: flex; |
|||
flex-direction: column; |
|||
} |
|||
.form_card .form_house .form_bottom{ |
|||
font-size: 24rpx; |
|||
color:#C1C1C1; |
|||
position: relative; |
|||
top: -10rpx; |
|||
} |
|||
/* .form_card .form_house .form_bottom text{ |
|||
color:#3A80E7 ; |
|||
} */ |
|||
.form_card .form_item .label{ |
|||
min-width: 130rpx; |
|||
height: 100%; |
|||
line-height: 100rpx; |
|||
font-size: 32rpx; |
|||
font-family: PingFang SC; |
|||
font-weight: 500; |
|||
color: #666666; |
|||
position: relative; |
|||
} |
|||
.form_card .form_item .label .must{ |
|||
font-size: 32rpx; |
|||
font-weight: 500; |
|||
color: #FF2A00; |
|||
position: absolute; |
|||
left: -18rpx; |
|||
top: 50%; |
|||
transform: translateY(-50rpx); |
|||
} |
|||
.form_card .form_item .input{ |
|||
flex: 1; |
|||
display: flex; |
|||
justify-content: space-around; |
|||
align-items: center; |
|||
margin-left: 51rpx; |
|||
overflow: hidden; |
|||
|
|||
} |
|||
.form_card .form_item .input .residentCategorySty{ |
|||
flex: 1; |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
white-space: nowrap; |
|||
} |
|||
.form_card .form_item .input picker, |
|||
.form_card .form_item .input input{ |
|||
flex: 1; |
|||
} |
|||
.form_card .form_item .input image{ |
|||
height: 22rpx; |
|||
width: 22rpx; |
|||
} |
|||
.btn-container { |
|||
display: flex; |
|||
justify-content: space-around; |
|||
width: 100%; |
|||
margin-top: 30rpx; |
|||
} |
|||
|
|||
.bottom_btn { |
|||
width: 200rpx; |
|||
height: 86rpx; |
|||
background: linear-gradient(87deg, #81B5FB 0%, #3E92FF 100%); |
|||
border-radius: 43rpx; |
|||
text-align: center; |
|||
color: rgb(0, 0, 0); |
|||
line-height: 86rpx; |
|||
} |
|||
.bottom_btn1 { |
|||
width: 200rpx; |
|||
height: 86rpx; |
|||
background:#fff; |
|||
border-radius: 43rpx; |
|||
text-align: center; |
|||
color: rgb(8, 8, 8); |
|||
line-height: 86rpx; |
|||
} |
|||
|
|||
.text-right { |
|||
text-align: right!important; |
|||
justify-content: flex-end!important; |
|||
} |
|||
.horizontal-line { |
|||
border-bottom: 1px solid black; /* 设置水平线的样式和颜色 */ |
|||
width: 100%; /* 设置水平线的宽度 */ |
|||
margin: 10px 0; /* 可选：设置水平线的上下间距 */ |
|||
} |
|||
Loading…
Reference in new issue