Skip to content

严立 / mini-shimao

Go to a project
Commit e22fecf3 by 袁伟伦
Options

2020-8-20

parent eed85aaf
Inline Side-by-side
Showing with 1066 additions and 45 deletions
app.json
{
"pages": [
"pages/home/home",
"pages/mine/mine",
"pages/ownerCertification/ownerCertification",
"pages/hotelAccommodation/hotelAccommodation",
"pages/login/login",
"pages/play/play",
"pages/campsite/campsite",
"pages/mine/mine",
"pages/myInfo/myInfo",
"pages/myActivity/myActivity",
"pages/myAppointment/myAppointment",
"pages/moreProblems/moreProblems",
"pages/customerService/customerService",
"pages/appointment/appointment",
"pages/activity/activity",
"pages/activityDetail/activityDetail",
......
pages/activityDetail/activityDetail.wxml
......@@ -2,7 +2,12 @@
<view class="container">
<view class="header {{type == 0 ? 'ongoingBGC' : (type == 2 ? 'endBGC':'')}}" >
<text class="status">{{status.status(type)}}</text>
<!-- 活动未开始 -->
<image wx:if="{{type == 1}}" class="fontsImg" src="./image/nostart.png"></image>
<!-- 活动进行中 -->
<image wx:if="{{type == 0}}" class="fontsImg" src="./image/ing.png"></image>
<!-- 活动结束 -->
<image wx:if="{{type == 2}}" class="fontsImg" src="./image/end.png"></image>
</view>
<view class="body">
<view class="activityBody">
......
pages/activityDetail/activityDetail.wxss
......@@ -2,15 +2,22 @@
.header{
width: 750rpx;
height: 380rpx;
background-color: rgb(207, 217, 196);
background:rgba(206,218,194,1);
}
.fontsImg{
width: 250rpx;
height: 68rpx;
position: absolute;
top: 260rpx;
left: 40rpx;
}
/* 进行中的背景图 */
.ongoingBGC{
background-color: rgb(199, 224, 234);
background:rgba(199,224,235,1);
}
/* 已结束的背景色 */
.endBGC{
background-color: rgb(233, 232, 239);
background:rgba(231,233,237,1);
}
.status{
position: absolute;
......@@ -38,7 +45,7 @@
.item{
width: 100%;
height: 220rpx;
background-color: rgb(246, 245, 248);
background:rgba(245,246,248,1);
display: flex;
align-items: center;
justify-content: space-around;
......@@ -56,14 +63,14 @@
justify-content: space-around;
}
.my-activities-title{
color:rgb(22, 21, 26);
font-weight: 550;
font-size: 28rpx;
color:rgba(21,25,31,1);
font-weight: 500;
font-size: 30rpx;
letter-spacing: 1px;
}
.time{
font-size: 26rpx;
color: rgb(114, 115, 124);
color:rgba(101,110,123,1);
}
/* 超出部分省略 */
.ellipsis{
......
pages/customerService/customerService.js
......@@ -5,6 +5,7 @@ Page({
* 页面的初始数据
*/
data: {
title:'客服中心',
inputHidden:true,
data:[
{title:'进入碧海银虎园区需要提前预约吗？'},
......@@ -32,7 +33,8 @@ Page({
//失去焦点
inputBlur() {
this.setData({
inputHidden:true
inputHidden:true,
title:'客服中心'
})
},
//填写反馈
......@@ -41,6 +43,7 @@ Page({
this.setData({
focus:true,
inputHidden:false,
title:'填写反馈'
})
},
......
pages/customerService/customerService.wxml
<!--pages/customerService/customerService.wxml-->
<navigation class="navigation" titleText="客服中心" backIcon="/image/back.png"></navigation>
<navigation class="navigation" titleText="{{title}}" backIcon="/image/back.png" color="#15191F"></navigation>
<view class="container">
<image class="banner-img" src="http://upload.miaomiao-bao.com/70161202008161703131621.jpg"></image>
<view class="customer-body">
......
pages/hotelAccommodation/hotelAccommodation.js 0 → 100644
// pages/hotelAccommodation/hotelAccommodation.js
Page({
/**
* 页面的初始数据
*/
data: {
phone:'13685970580',
hotline:false,//客服热线
type:1,//夜间入园
},
showHotline(){
this.setData({
hotline:true
})
},
//客服热线拨打
call(){
wx.makePhoneCall({
phoneNumber: this.data.phone,
})
},
//取消拨打
cancel(){
this.setData({
hotline:false,
})
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
\ No newline at end of file
pages/hotelAccommodation/hotelAccommodation.json 0 → 100644
{
"usingComponents": {}
}
\ No newline at end of file
pages/hotelAccommodation/hotelAccommodation.wxml 0 → 100644
<navigation class="navigation" titleText="预约凭证" color="#FFFFFF" backIcon="/image/back-w.png"></navigation>
<view class="container">
<image class="Img" wx:if="{{type == 1}}" src="http://upload.miaomiao-bao.com/f6dfe202008192103225871.jpg"></image>
<image class="Img" wx:if="{{type == 2}}" src="http://upload.miaomiao-bao.com/8883f202008192105356616.jpg"></image>
<view class="appiont-container">
<image wx:if="{{type == 1}}" class="bgcImg" src="http://upload.miaomiao-bao.com/f8e92202008192102227949.jpg"></image>
<image wx:if="{{type == 2}}" class="bgcImg" src="http://upload.miaomiao-bao.com/11174202008192100431340.jpg"></image>
<image class="icon" src="../../image/logo-w.png"></image>
<view class="form">
<image class="card" src="http://upload.miaomiao-bao.com/b6d15202008192102456807.png"></image>
<view wx:if="{{type == 1}}" class="title">夜间入园预约凭证</view>
<view wx:if="{{type == 2}}" class="title">看房预约凭证</view>
<view class="form-content">
<view class="form-item">
<view class="form-item-nav">姓名</view>
<view class="form-item-content">张笑寒</view>
</view>
<view class="form-item">
<view class="form-item-nav">手机号</view>
<view class="form-item-content">13947484939</view>
</view>
<view class="form-item" wx:if="{{type == 1}}">
<view class="form-item-nav">入园人数</view>
<view class="form-item-content">1人</view>
</view>
<view class="form-item" wx:if="{{type == 1}}">
<view class="form-item-nav">入园时间</view>
<view class="form-item-content">6月30日 20:00-24:00</view>
</view>
<view class="form-item" wx:if="{{type == 2}}">
<view class="form-item-nav">看房日期</view>
<view class="form-item-content">6月30日 20:00-24:00</view>
</view>
</view>
<view class="thanks">THANK YOU FOR THE APPOINTMENT！</view>
</view>
<view class="custom" bindtap="showHotline">客服咨询</view>
</view>
</view>
<!-- 客服热线 -->
<l-arc-popup show="{{hotline}}" arc-radius="30">
<view class="phone">{{phone}}</view>
<view class="call" bindtap="call">呼叫</view>
<view style="height:10rpx;background-color:rgb(246,247,249);"></view>
<view class="call" bindtap="cancel">取消</view>
</l-arc-popup>
pages/hotelAccommodation/hotelAccommodation.wxss 0 → 100644
/* pages/hotelAccommodation/hotelAccommodation.wxss */
.Img{
position: absolute;
z-index: -2;
width: 100%;
height: 1624rpx;
}
.bgcImg{
width: 100%;
height: 316rpx;
}
.appiont-container{
width: 622rpx;
padding-top: 173rpx;
margin: auto;
position: relative;
z-index: 0;
}
.form{
width: 100%;
height: auto;
position: relative;
height: 780rpx;
margin-top: -5rpx;
}
.card{
width: 100%;
height: 780rpx;
position: absolute;
z-index: -1;
}
.title{
text-align: center;
padding-top: 55rpx;
font-size: 50rpx;
margin-bottom: 90rpx;
font-weight:600;
color:rgba(0,0,0,1);
}
.form-content{
width: 494rpx;
margin: auto;
}
.form-item{
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 48rpx;
}
.form-item-nav{
width: 120rpx;
text-align-last: justify;
font-size:30rpx;
color:rgba(149,157,169,1);
}
.form-item-content{
width: 310rpx;
font-size:30rpx;
font-weight:400;
color:rgba(21,25,31,1);
}
.thanks{
width: 100%;
text-align: center;
position: absolute;
bottom: 30rpx;
font-size:26rpx;
font-family:CormorantUnicase-Medium,CormorantUnicase;
font-weight:500;
color:rgba(0,0,0,1)
}
.icon{
width: 170rpx;
height: 52rpx;
position: absolute;
top: 210rpx;
right: 46rpx;
z-index: 10;
}
.custom{
width:622rpx;
height:96rpx;
background:rgba(134,197,225,1);
border-radius:4px;
margin-top: 72rpx;
line-height: 96rpx;
text-align: center;
color:rgba(255,255,255,1);
margin-bottom: 68rpx;
}
.phone{
height: 85rpx;
text-align: center;
color: rgb(160, 157, 160);
line-height: 85rpx;
}
.call{
height: 125rpx;
text-align: center;
line-height: 125rpx;
font: 30rpx;
}
\ No newline at end of file
pages/login/login.js 0 → 100644
// pages/login/login.js
Page({
/**
* 页面的初始数据
*/
data: {
height:'',
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
this.setData({
height: wx.getSystemInfoSync().windowHeight, //获取屏幕的高度
})
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
\ No newline at end of file
pages/login/login.json 0 → 100644
{
"usingComponents": {}
}
\ No newline at end of file
pages/login/login.wxml 0 → 100644
<!--pages/login/login.wxml-->
<navigation class="navigation" backIcon="/image/back-w.png"></navigation>
<view class="container" >
<image class="bgClass" src="http://upload.miaomiao-bao.com/97b52202008201410189925.png"></image>
<view class="imgContainer">
<image class="titleImg" src="/image/logo-w.png"></image>
<image style="width:356rpx;height:40rpx;margin-bottom:138rpx;" src="./image/The blue island@2x.png"></image>
<image class="font" src="./image/zq@2x.png" style="width:456rpx"></image>
<image class="font" src="./image/tszr@2x.png" style="width:456rpx"></image>
<image class="font" src="./image/xhslqj@2x.png" style="width:228rpx"></image>
<image class="font" src="./image/syrs@2x.png" style="width:228rpx"></image>
<view class="loginBtn">微信一键登录</view>
</view>
</view>
pages/login/login.wxss 0 → 100644
/* pages/login/login.wxss */
.all{
height: 100%;
}
.content{
width:750rpx;
position:relative;
/* overflow: hidden; */
}
.bgClass{
height: 1624rpx;
width: 750rpx;
z-index: -1;
}
.imgContainer{
width: 750rpx;
position: absolute;
top: 445rpx;
display: flex;
flex-direction: column;
align-items: center;
}
.titleImg{
width: 528rpx;
height: 158rpx;
left: 112rpx;
margin-bottom: 26rpx;
}
.font{
height: 42rpx;
margin-bottom: 32rpx;
}
.loginBtn{
width:558rpx;
height:96rpx;
background:rgba(134,197,225,1);
border-radius:4px;
margin-top: 176rpx;
line-height: 96rpx;
text-align: center;
color:rgba(255,255,255,1);
}
\ No newline at end of file
pages/mine/mine.js
......@@ -6,7 +6,25 @@ Page({
* 页面的初始数据
*/
data: {
mask:false,
type:0, //判断是否是认证的了
approveList:['园区门票优惠','餐厅价格优惠','SPA服务优惠','免费观看电影','无须预约入园','尽享多重特权']
},
//去认证
goApprove(){
wx.navigateTo({
url: '../ownerCertification/ownerCertification',
})
},
close(){
this.setData({
mask:false
})
},
maskShow(){
this.setData({
mask:true
})
},
myAppoinment(){
console.log('666')
......
pages/mine/mine.wxml
<navigation class="navigation" titleText="我的"></navigation>
<navigation class="navigation" titleText="我的" color="{{type == 1? '#FFFFFF' :''}}"></navigation>
<view class="container">
<view class="mine">
<view class="container" >
<view class="mine" wx:if="{{type == 0}}">
<image class="background-image" src="./image/mine.png"></image>
<view class="row align-c">
<view class="mine-avatar">
......@@ -19,12 +19,35 @@
</view>
</view>
<view class="status row con-b align-c">
<view class="mine" style="height:512rpx" wx:if="{{type == 1}}">
<image class="background-image" style="height:512rpx;" src="http://upload.miaomiao-bao.com/8f046202008201043321555.jpg"></image>
<view class="row align-c approve">
<view class="mine-avatar">
<l-avatar size="112" src="/pages/mine/image/avatar.png"/>
</view>
<view class="mine-info col">
<view class="row align-c">
<text style="color:#F0DABB;font-weight:500;">张笑寒</text>
<image src="/image/inform-w.png" bindtap="goMyInfo"></image>
</view>
<view>
<text>180****2524</text>
</view>
</view>
<view bindtap="maskShow" class="align-c" style="positive:relative;margin-left:68rpx;display:flex;">
<image src="http://upload.miaomiao-bao.com/62e04202008201417045326.png" class="approve-icon"></image>
<view class="rule">园区业主</view>
</view>
</view>
</view>
<view class="status row con-b align-c" wx:if="{{type == 0}}">
<view class="status-symbol col">
<text>业主认证</text>
<text>享受业主尊贵特权，预定消费专属优惠</text>
</view>
<view class="status-operation row con-c align-c">
<view class="status-operation row con-c align-c" bindtap="goApprove">
<text>去认证</text>
</view>
</view>
......@@ -66,6 +89,27 @@
</view>
</view>
</view>
<l-list l-content-class="menu-title" title="服务中心" url="../customerService/customerService"></l-list>
<l-list l-content-class="menu-title" title="客服中心" url="../customerService/customerService"></l-list>
</view>
</view>
<!-- 业主弹出层 -->
<l-mask show="{{mask}}" center="{{true}}">
<view class='mask-content'>
<view class="row con-c">
<image src="http://upload.miaomiao-bao.com/ea238202008201146199955.png" class="mask-img"></image>
</view>
<image src="http://upload.miaomiao-bao.com/62e04202008201417045326.png" style="width:750rpx;height:458rpx;margin-left:-73.5rpx;"></image>
<view class="row align-c con-c" style="margin-top:20rpx;">
<image src="/image/xingxing.png" class="mask-icon"></image>
<text class="mask-font">业主特权</text>
<image src="/image/xingxing.png" class="mask-icon"></image>
</view>
<view class="mask-items">
<view class="maskItem" wx:for="{{approveList}}">{{item}}</view>
</view>
</view>
<view class="close" bindtap="close">
<l-icon name="close" color="black" size="28"/>
</view>
</view>
\ No newline at end of file
</l-mask>
\ No newline at end of file
pages/mine/mine.wxss
......@@ -137,4 +137,71 @@
text-align: center;
font-size: 26rpx;
top:92rpx ;
}
\ No newline at end of file
}
.approve{
padding-top: 100rpx;
}
.approve-icon{
width: 168rpx;
height: 103rpx;
}
.rule{
width:148rpx;
height:64rpx;
background:linear-gradient(180deg,rgba(252,239,224,1) 0%,rgba(196,174,151,1) 100%);
font-size:26rpx;
line-height: 54rpx;
color:rgba(24,26,35,1);
text-align: center;
margin-left: -60rpx;
z-index: -1;
border-radius:4px;
border:1px solid;
border-image:linear-gradient(180deg, rgba(255,237,215,1), rgba(113,95,76,1)) 2 2;
margin-top: 10rpx;
}
.mask-content{
width: 606rpx;
height: 974rpx;
background:linear-gradient(180deg,rgba(63,67,87,1) 0%,rgba(37,37,50,1) 100%);
}
.close{
width: 80rpx;
height: 80rpx;
background-color: rgb(172, 169, 170);
text-align: center;
margin: auto;
margin-top: 45rpx;
border-radius: 50%;
line-height: 80rpx;
}
.mask-img{
width: 274rpx;
height: 52rpx;
margin-top: 76rpx;
}
.mask-icon{
width: 33rpx;
height: 33rpx;
}
.mask-font{
font-size: 50rpx;
color: white;
margin:0 26rpx 0 26rpx;
}
.mask-items{
width: 426rpx;
margin: auto;
margin-top: 50rpx;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.maskItem{
font-weight:400;
font-size:26rpx;
color:rgba(246,219,191,1);
margin-bottom: 30rpx;
}
\ No newline at end of file
pages/myActivity/myActivity.wxml
<navigation class="navigation" titleText="我的活动" backIcon="/image/back.png"></navigation>
<view class="container">
<view class="container all">
<view class="myActivity-container">
<view class="activity-nav">
<!-- 遍历头部导航 -->
<view bindtap="chageNav" data-index="{{index}}" wx:for="{{navItem}}" wx:key="index" class="navItem {{index == active? 'active':''}}">{{item.content}}</view>
</view>
<view class="activity-body">
<view class="my-activities-item {{item.type == 2?'opcity':''}}" data-type="{{item.type}}" wx:for="{{data}}" wx:key="index" bindtap="activityDetail">
<view class="my-activities-top">
<view class="my-activities-item " data-type="{{item.type}}" wx:for="{{data}}" wx:key="index" bindtap="activityDetail">
<view class="my-activities-top {{item.type == 2?'timeendColor':''}}">
{{item.time}}
</view>
<view class="my-activities-bottom">
<view class="activity-status {{item.type == 1 ?'stautsColor':''}}">{{status.status(item.type)}}</view>
<view class="activity-status {{item.type == 1 ?'stautsColor':(item.type == 2?'contentEndColor':'')}}">{{status.status(item.type)}}</view>
<view class="activity-contanier">
<image class="activity-contanier-img" src="../mine/image/mine.png"></image>
<image class="activity-contanier-img {{item.type == 2?'opcity':''}}" src="../mine/image/mine.png"></image>
<view class="my-activities-content">
<view class="my-activities-title clamp-ellipsis">{{item.title}}</view>
<view class="ellipsis">{{item.content}}</view>
<view class="my-activities-title {{item.type == 2?'contentEndColor':''}} clamp-ellipsis">{{item.title}}</view>
<view class="ellipsis itemContent {{item.type == 2?'contentEndColor':''}}">{{item.content}}</view>
</view>
<view style="width:80rpx;height:100%;display:flex;align-items: center;flex-direction: row-reverse;">
<l-icon name="right" color="rgb(172,172,174)" size="26" style="margin-right:12rpx;"/>
</view>
</view>
</view>
......
pages/myActivity/myActivity.wxss
/* pages/myActivity/myActivity.wxss */
.all{
height: 100%;
background-color: rgba(243,244,246,1);
}
.myActivity-container{
width: 750rpx;
/* margin-top: 60rpx;
......@@ -19,18 +23,21 @@
}
.navItem{
line-height: 95rpx;
color: rgb(156, 158, 163);
color: #959DA9;
}
.active{
border-bottom: 3px solid rgb(0, 0, 2);
color: rgb(28, 27, 30);
color: #15191F;
}
.itemContent{
font-size:26rpx;
color:rgba(149,157,169,1);
}
.activity-body{
width: 750rpx;
min-height: 1000rpx;
/* min-height: 1400rpx; */
padding-top: 50rpx;
background-color: rgb(245, 244, 247);
background-color: rgb(243,244,246,1);
height: auto;
position: relative;
}
......@@ -63,7 +70,8 @@
}
.my-activities-title{
line-height: 2;
font-weight: bold;
color:rgba(21,25,31,1);
font-size: 30rpx;
}
.my-activities-content{
color: rgb(169, 174, 181);
......@@ -109,9 +117,7 @@
justify-content: space-around;
}
.my-activities-title{
color:black;
font-weight: bold;
font-size: 30rpx;
font-weight: 500;
letter-spacing: 1px;
}
/* 超出部分省略 */
......@@ -130,7 +136,13 @@ display: -webkit-box;
-webkit-box-orient: vertical;
}
.opcity{
opacity: 0.5;
opacity: 0.6;
}
.timeendColor{
background:rgba(217,222,231,1);
}
.contentEndColor{
color:rgba(194,199,207,1);
}
/* 未开始字体颜色 */
.stautsColor{
......
pages/myAppointment/myAppointment.js
......@@ -22,6 +22,12 @@ Page({
active:e.currentTarget.dataset.index
})
},
//预约凭证
gohotelAccommodation(){
wx.navigateTo({
url: '../hotelAccommodation/hotelAccommodation',
})
},
/**
* 生命周期函数--监听页面加载
*/
......
pages/myAppointment/myAppointment.wxml
......@@ -13,7 +13,7 @@
<view class="item-time {{item.type == 1 ?'item-time-1' : ''}}">预约时间 {{item.time}}</view>
<view wx:if="{{item.type == 0}}" class="item-num">预约人数 {{item.num}}人</view>
</view>
<view class="button">预约凭证</view>
<view class="button" bindtap="gohotelAccommodation">预约凭证</view>
</view>
</view>
</view>
pages/ownerCertification/ownerCertification.js 0 → 100644
// pages/ownerCertification/ownerCertification.js
Page({
/**
* 页面的初始数据
*/
data: {
type:3, //判断页面显示的类型 1.填写表单 2.认证中 3.认证失败
nameErr:true,//姓名错误提示
phoneErr:true,
idCardErr:true,
roomErr:true,
room:'',
name:'',
phone:'',
idCard:'',
list:['园区门票优惠','餐厅价格优惠','SPA服务优惠','免费观看电影','无须预约入园','尽享多重特权']
},
//输入房号
inputRoom(e){
this.setData({
room:e.detail.value
})
},
roomBlur(e){
let val = e.detail.value;
if(!val){
this.setData({
roomErr:false
})
}else{
this.setData({
roomErr:true
})
}
},
//输入身份证
inputIdCard(e){
this.setData({
idCard:e.detail.value
})
},
idCardBlur(e){
let val = e.detail.value;
if(!val || !(/^\d{6}(18|19|20)?\d{2}(0[1-9]|1[012])(0[1-9]|[12]\d|3[01])\d{3}(\d|X)$/).test(val)){
this.setData({
idCardErr:false
})
}else{
this.setData({
idCardErr:true
})
}
},
//输入姓名
inputName(e){
this.setData({
name:e.detail.value
})
},
//输入框姓名失去焦点事件
nameBlur(e){
let val = e.detail.value;
if(!val){
this.setData({
nameErr:false
})
}else{
this.setData({
nameErr:true
})
}
},
//手机号输入
inputPhone(e){
this.setData({
phone:e.detail.value
})
},
//手机号验证
phoneBlur(e){
let val = e.detail.value;
if(!val || !(/^1[34578]\d{9}$/.test(val))){
this.setData({
phoneErr:false
})
}else{
this.setData({
phoneErr:true
})
}
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
\ No newline at end of file
pages/ownerCertification/ownerCertification.json 0 → 100644
{
"usingComponents": {}
}
\ No newline at end of file
pages/ownerCertification/ownerCertification.wxml 0 → 100644
<navigation class="navigation" backIcon="/image/back-w.png"></navigation>
<view class="container">
<view class="header">
<image class="banner" src="http://upload.miaomiao-bao.com/968f6202008192116574683.jpg"></image>
<view style="display:flex;justify-content: center;padding-top:144rpx;">
<image class="yztq" src="./image/yztq.png"></image>
</view>
<view class="items">
<view class="item" wx:for="{{list}}">
<image style="width:32rpx;height:32rpx;" src="./image/dian.png"></image>
<text class="item-text">{{item}}</text>
</view>
</view>
<view style="margin-top:30rpx;display:flex;align-items:center;justify-content: center;">
<image style="width:32rpx;height:32rpx" src="./image/i.png"></image>
<view class="rule">仅限通过平台审核认证的业主享受以上权益</view>
</view>
</view>
<view class="content" wx:if="{{type == 1}}" >
<view class="content-title">填写认证信息</view>
<text class="rquire">请填写与购房合同一致的信息</text>
<view class="form">
<view class="marginB">
<view class="form-item">
<view class="form-item-nav">姓名</view>
<input class="form-input" bindinput="inputName" bindblur="nameBlur" placeholder="请输入姓名"></input>
</view>
<view class="error" hidden="{{nameErr}}">请输入姓名</view>
</view>
<view class="marginB">
<view class="form-item">
<view class="form-item-nav">手机号</view>
<input class="form-input" bindinput="inputPhone" bindblur="phoneBlur" placeholder="请输入手机号"></input>
</view>
<view class="error" hidden="{{phoneErr}}">请输入正确的手机号</view>
</view>
<view class="marginB">
<view class="form-item">
<view class="form-item-nav">身份证号</view>
<input class="form-input" bindinput="inputIdCard" bindblur="idCardBlur" placeholder="请输入身份证号"></input>
</view>
<view class="error" hidden="{{idCardErr}}">请输入正确的身份证号</view>
</view>
<view class="marginB">
<view class="form-item">
<view class="form-item-nav">房号</view>
<input class="form-input" bindinput="inputRoom" bindblur="roomBlur" placeholder="请输入房号"></input>
</view>
<view class="error" hidden="{{roomErr}}">请输入房号</view>
</view>
</view>
<view class="prompt">※预计在7个工作日内完成审核，请您耐心等待</view>
<view class="submit">提交认证申请</view>
</view>
<!-- 审核状态 -->
<view class="content" wx:else >
<view class="aduit">
<image wx:if="{{type == 2}}" src="/image/audit-ing.png" class="audit-Img"></image>
<image wx:if="{{type == 3}}" src="/image/audit-err.png" class="audit-Img"></image>
</view>
<view wx:if="{{type == 2}}" class="audit-results">等待审核认证</view>
<view wx:if="{{type == 3}}" class="audit-results audit-results-err">审核认证失败</view>
<view wx:if="{{type == 2}}" class="aduit-prompt">预计在7个工作日内完成审核，请您耐心等待</view>
<view wx:if="{{type == 3}}" class="aduit-prompt audit-results-err">失败理由：业主姓名与购房合同信息不符</view>
<view class="audit-info">
<view class="audit-infoItems">
<view>
<view class="audit-item-nav">姓名</view>
<view class="audit-item-content">张笑函</view>
</view>
<view>
<view class="audit-item-nav">手机号</view>
<view class="audit-item-content">13998376789</view>
</view>
</view>
<view class="audit-infoItems">
<view>
<view class="audit-item-nav">身份证号</view>
<view class="audit-item-content">650300799224241234</view>
</view>
<view>
<view class="audit-item-nav">房号</view>
<view class="audit-item-content">别墅区135户</view>
</view>
</view>
</view>
<view wx:if="{{type == 2}}" class="submit">确定</view>
<view wx:if="{{type == 3}}" class="submit">修改认证信息</view>
</view>
</view>
pages/ownerCertification/ownerCertification.wxss 0 → 100644
/* pages/ownerCertification/ownerCertification.wxss */
.banner{
width: 750rpx;
height: 594rpx;
position: absolute;
z-index: -1;
}
.header{
width: 750rpx;
height: 594rpx;
}
.yztq{
width: 320rpx;
height: 84rpx;
}
.items{
width: 584rpx;
margin: auto;
margin-top: 60rpx;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.item{
/* width: 50%; */
display: flex;
align-items: center;
margin-bottom: 24rpx;
}
.item-text{
color: rgba(246,219,191,1);
font-size:30rpx;
font-weight:400;
margin-left: 16rpx;
}
.rule{
font-weight:400;
color:rgba(255,255,255,1);
font-size:22rpx;
}
.content{
width: 670rpx;
height: auto;
margin: auto;
padding-top: 55rpx;
}
.content-title{
font-size:30rpx;
font-weight:500;
color:rgba(21,25,31,1);
}
.rquire{
color: #D1A074;
font-size:26rpx;
line-height:36rpx;
}
.form{
width: 100%;
margin-top: 48rpx;
}
.form-item{
width: 100%;
display: flex;
align-items: center;
}
.form-item-nav{
width: 120rpx;
text-align-last:justify ;
font-size:30rpx;
}
.form-input{
width:510rpx;
height:80rpx;
border-radius:4px;
border:1px solid rgba(217,43,58,1);
margin-left: 40rpx;
padding-left:24rpx ;
}
.marginB{
width: 100%;
height: 120rpx;
margin-bottom: 32rpx;
}
.error{
color: #D92B3A;
font-weight:400;
font-size: 22rpx;
padding-left: 160rpx;
padding-top: 10rpx;
}
.prompt{
font-size:26rpx;
font-weight:400;
color:rgba(21,25,31,1);
line-height:36rpx;
}
input::-webkit-input-placeholder {
/* WebKit browsers */
color:rgba(194,199,207,1);
}
input:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color:rgba(194,199,207,1);
}
input::-moz-placeholder {
/* Mozilla Firefox 19+ */
color:rgba(194,199,207,1);
}
input:-ms-input-placeholder {
/* Internet Explorer 10+ */
color:rgba(194,199,207,1);
}
.submit{
width:670rpx;
height:96rpx;
background:rgba(37,37,50,1);
border-radius:1px;
margin-top: 24rpx;
line-height: 96rpx;
font-size:30rpx;
font-weight:500;
color:rgba(241,233,220,1);
text-align: center;
margin-bottom: 80rpx;
}
.aduit{
width:112rpx;
height:112rpx;
background:rgba(243,244,246,1);
border-radius: 50%;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
}
.audit-Img{
width: 64rpx;
height: 64rpx;
}
.audit-results{
margin-top: 48rpx;
text-align: center;
font-size:54rpx;
font-weight:500;
color:rgba(21,25,31,1);
line-height:76rpx;
}
.audit-results-err{
color: #D92B3A;
}
.aduit-prompt{
margin-top: 16rpx;
font-size:26rpx;
font-weight:400;
color:rgba(101,110,123,1);
line-height:36rpx;
text-align: center;
}
.audit-info{
width: 100%;
height:360rpx;
background:rgba(243,244,246,1);
border-radius:2px;
margin-top: 64rpx;
display: flex;
flex-direction: column;
justify-content: space-around;
margin-bottom: 70rpx;
}
.audit-infoItems{
width: 574rpx;
margin:auto;
margin-top: 48rpx;
margin-bottom: 48rpx;
}
.audit-infoItems{
display: flex;
justify-content: space-between;
}
.audit-item-nav{
color:rgba(21,25,31,1);
font-size:30rpx;
font-weight:500;
margin-bottom: 16rpx;
}
.audit-item-content{
font-weight:400;
color:rgba(21,25,31,1);
font-size:30rpx;
}
project.config.json
......@@ -49,13 +49,42 @@
"current": -1,
"list": []
},
"plugin": {
"current": -1,
"list": []
},
"game": {
"currentL": -1,
"list": []
},
"miniprogram": {
"gamePlugin": {
"current": -1,
"list": []
},
"miniprogram": {
"current": -1,
"list": [
{
"id": -1,
"name": "pages/myActivity/myActivity",
"pathName": "pages/myActivity/myActivity",
"query": "",
"scene": null
},
{
"id": -1,
"name": "pages/activityDetail/activityDetail",
"pathName": "pages/activityDetail/activityDetail",
"query": "",
"scene": null
},
{
"id": -1,
"name": "pages/login/login",
"pathName": "pages/login/login",
"scene": null
}
]
}
}
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment