gter.net/HKRentingMiniprogram
2
1
Fork 0
Code Issues Pull Requests Packages Projects Releases 1 Wiki Activity

提交

Browse Source
This commit is contained in:
xiaoronghao 2023-04-18 19:26:57 +08:00
parent 63811cb14b
commit 1f9d7482a0
8 changed files with 109 additions and 67 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
img/succeed-icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.1 KiB

19
pages/common/common.wxml
View File

@ -405,4 +405,23 @@
</view>
</view>
</view>
</template>
<!-- 4.0 的发布成功后弹窗 -->
<template name="succeed-pop">
<view class="succeed-pop">
<view class="succeed-box flexcenter">
<image class="succeed-icom" src="/img/succeed-icon.png"></image>
<view class="succeed-title">发布成功</view>
<view class="succeed-reminder">激活专属认证标识</view>
<view class="succeed-hint">激活专属认证标识</view>
<view class="succeed-hint">不占用普通房源的发布条数</view>
<view class="succeed-btn flexcenter">前往认证</view>
<view class="succeed-btn flexcenter">暂不认证</view>
</view>
</view>
</template>

50
pages/common/common.wxss
View File

@ -1,6 +1,7 @@
.repeatedRelease,
.submitFailure,
.wrong-micro-signal {
.wrong-micro-signal,
.succeed-pop {
position: fixed;
top: 0;
left: 0;
@ -286,10 +287,7 @@
align-items: center;
justify-content: center;
border-radius: 50rpx 50rpx 0 0;
padding-top: 30rpx;
padding-left: 32rpx;
padding-right: 32rpx;
padding-bottom: 48rpx;
padding: 30rpx 32rpx 48rpx;
position: relative;
}
@ -489,4 +487,46 @@
border-right: 2rpx solid #7f7f7f;
transform: rotate(45deg);
margin-left: 5px;
}
.succeed-box {
background-color: #fff;
width: 750rpx;
border-radius: 50rpx 50rpx 0 0;
flex-direction: column;
}
.succeed-box .succeed-icom {
width: 180rpx;
height: 180rpx;
}
.succeed-box .succeed-title {
font-size: 42rpx;
color: #333333;
font-weight: 650;
margin-top: 30rpx;
margin-bottom: 30rpx;
}
.succeed-box .succeed-reminder {
color: #555555;
font-size: 30rpx;
margin-bottom: 60rpx;
}
.succeed-box .succeed-hint {
color: #7F7F7F;
font-size: 24rpx;
margin-bottom: 19.5rpx;
}
.succeed-box .succeed-btn {
background-color: rgba(253, 223, 109, 1);
font-size: 36rpx;
font-weight: 650;
border-radius: 126rpx;
width: 360rpx;
height: 96rpx;
margin: 0 auto;
}

2
pages/edit/edit.js
View File

@ -195,7 +195,7 @@ Page({
updatetime: "",
aroundSchoolList: [],
unfoldState: false, // 发布须知的状态
triggerRules: 0, // 触发规则状态 0 是未触发 1 是触发规则 1 2 是触发规则2
triggerRules: 0, // 触发规则状态 0 是未触发 1 是触发规则 1 2 是触发规则2
current: 2019,
leaseTimeValue: [11],
floorValue: [12],

9
pages/edit/edit.wxml
View File

@ -18,14 +18,17 @@
module.exports.fn = fn;
</wxs>
<import src="../common/common.wxml" />
<import src="../../wxParse/wxParse.wxml" />
<view class="container" wx:if="{{ !loding }}">
<!-- 选择发布类型 -->
<!-- <choice-type-release></choice-type-release> -->
<!-- 关于发布 -->
<about-release></about-release>
<!-- <about-release></about-release> -->
<!-- 发布成功 -->
<template is="succeed-pop"></template>
<header-nav inner-text="Some text">{{ isInput? isInput :( types=='edit' ?'编辑房源信息' :'发布房源信息' ) }}</header-nav>
<view class="header-tips">

57
template/aboutRelease/aboutRelease.js
View File

@ -12,41 +12,40 @@ Component({
*/
data: {
rulesList: {
person: [{
content: `中介账号发布的房源信息，均展示在“<span style="color: #000; font-weight:650;">中介房源</span>”频道中，即不能发布“<span style="color: #000; font-weight:650;">个人房源</span>”、“<span style="color: #000; font-weight:650;">求房源</span>”；如您已上架个人房源或求房源信息，在你确认中介身份后，将会自动下架`,
type: 1,
},
{
content: `个人账号只能发布“<span style="color: #000; font-weight:650;">个人房源</span>”、“<span style="color: #000; font-weight:650;">求房源</span>”，在您确认不是中介身份后，将会自动下架您的中介房源；`,
type: 1,
},
{
content: `中介账号只能发布“<span style="color: #000; font-weight:650;">中介房源</span>”，如您已上架个人房源或求房源信息，在你确认中介身份后，将会自动下架；`,
type: 1,
},
{
content: `中介账号（未认证）最多可同时上架 <span style="color: #000; font-weight:650;">3</span> 条房源信息`,
type: 1,
},
{
content: `中介账号（有认证）最多可同时上架 <span style="color: #000; font-weight:650;">20</span> 条房源信息`,
type: 1,
},
{
content: `中介帐号（有认证）拥有搜索、过滤“<span style="color: #000; font-weight:650;">求房源</span>”信息的功能`,
type: 1,
},
]
}
person: [`个人账号发布的房源信息将展示在“<span style="color: #000; font-weight:650;">个人房源</span>”或“<span style="color: #000; font-weight:650;">求房源</span>”频道中，其中个人房源包括<span style="color: #000; font-weight:650;">普通房源</span>、<span style="color: #000; font-weight:650;">认证房源</span>；`,
`个人账号最多可同时上架 <span style="color: #000; font-weight:650;">3</span> 条普通房源/求房源；`,
`可对普通房源提交认证申请，审核通过后不占用普通房源/求房源的上架名额， <span style="color: #000; font-weight:650;">不限制认证房源的上架数量 </span> 。`
],
agent: [`中介账号发布的房源信息将展示在“<span style="color: #000; font-weight:650;">中介房源</span>”频道中；`, `中介账号（未认证）最多可发布 <span style="color: #000; font-weight:650;">3</span> 条房源；`, `中介账号（有认证）最多可发布 <span style="color: #000; font-weight:650;">20</span> 条房源。`],
more: [`请按真实身份发布、请勿发布非寄托官方群/代看房信息，违规发布将被永久禁言，感谢合作；`, `所有房源信息每次上架的有效期为 <span style="color: #000; font-weight:650;">12</span> 个月，有效期内没有进行任何更新操作的，到期后将自动下架。`]
},
tab: "person", // person 个人 agent 中介 more 更多
navList: [{
name: "个人账号",
type: "person"
}, {
name: "中介账号",
type: "agent"
}, {
name: "更多说明",
type: "more"
}]
},
/**
* 组件的方法列表
*/
methods: {
// 切换nav
switchingNav(e) {
console.log(e);
// return
let type = e.currentTarget.dataset.type
this.setData({
tab: type
})
}
}
})

13
template/aboutRelease/aboutRelease.wxml
View File

@ -1,20 +1,17 @@
<!--template/aboutRelease/aboutRelease.wxml-->
<!-- 关于发布 -->
<view class="pop flexflex">
<view class="pop-box">
<view class="pop-header flexcenter">关于发布</view>
<view class="nav flexacenter">
<view class="nav-item flexcenter {{ item == 0 ? 'pitch' : ''}}" wx:for="{{3}}">个人账号</view>
<view class="nav-item flexcenter {{ tab == item.type ? 'pitch' : ''}}" wx:for="{{ navList }}" bindtap="switchingNav" data-type="{{ item.type }}">{{ item.name }}</view>
</view>
<view class="rules-box">
<view class="rules-item flexflex" wx:for="{{ rulesList }}" wx:key="index">
<view class="rules-icon-box flexcenter">
<image class="rules-icon" src="/img/green-arrow.svg" mode="widthFix"></image>
</view>
<view class="rules-content">
<rich-text nodes="{{ item.content }}"></rich-text>
<view class="rules-item flexflex" wx:for="{{ rulesList[tab] }}" wx:key="index">
<view class="rules-icon-box flexcenter"></view>
<view class="rules-content flex1">
<rich-text nodes="{{ item }}"></rich-text>
</view>
</view>
</view>

26
template/aboutRelease/aboutRelease.wxss
View File

@ -54,35 +54,19 @@
background-color: rgba(246, 246, 246, 1);
padding: 8.5rpx 0;
margin-bottom: 50rpx;
min-height: 372rpx;
}
.rules-item .rules-icon-box {
width: 24rpx;
height: 24rpx;
position: relative;
width: 12rpx;
height: 12rpx;
margin-right: 18rpx;
margin-top: 43.5rpx;
}
.rules-item .rules-icon-box::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #000000;
width: 20rpx;
height: 20rpx;
margin-top: 39.5rpx;
background-color: rgb(80, 227, 194);
border-radius: 50%;
}
.rules-item .rules-icon-box .rules-icon {
width: 24rpx;
height: 24rpx;
z-index: 1;
}
.rules-item {
font-size: #555555;
color: #555555;