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-19 18:51:59 +08:00
parent 1f9d7482a0
commit 9925e5925e
11 changed files with 444 additions and 113 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
img/arrows-right-black.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 454 B

BIN
img/arrows-right-white.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 339 B

6
img/blue-arrow.svg Normal file
View File

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="16px" xmlns="http://www.w3.org/2000/svg">
<g transform="matrix(1 0 0 1 -502 -384 )">
<path d="M 7 13.3958333333333 C 7.18055555555556 13.3958333333333 7.33680555555556 13.3298611111111 7.46875 13.1979166666667 L 12.1979166666667 8.46875 C 12.3298611111111 8.33680555555555 12.3958333333333 8.18055555555555 12.3958333333333 8 C 12.3958333333333 7.81944444444444 12.3298611111111 7.66319444444444 12.1979166666667 7.53125 L 7.46875 2.80208333333333 C 7.33680555555556 2.67013888888889 7.18055555555556 2.60416666666667 7 2.60416666666667 C 6.81944444444445 2.60416666666667 6.66319444444445 2.67013888888889 6.53125 2.80208333333333 L 5.46875 3.86458333333333 C 5.33680555555556 3.99652777777778 5.27083333333333 4.15277777777778 5.27083333333333 4.33333333333333 C 5.27083333333333 4.51388888888889 5.33680555555556 4.67013888888889 5.46875 4.80208333333333 L 8.66666666666667 8 L 5.46875 11.1979166666667 C 5.33680555555556 11.3298611111111 5.27083333333333 11.4861111111111 5.27083333333333 11.6666666666667 C 5.27083333333333 11.8472222222222 5.33680555555556 12.0034722222222 5.46875 12.1354166666667 L 6.53125 13.1979166666667 C 6.66319444444445 13.3298611111111 6.81944444444445 13.3958333333333 7 13.3958333333333 Z M 14.9270833333333 3.984375 C 15.6423611111111 5.21006944444444 16 6.54861111111111 16 8 C 16 9.45138888888889 15.6423611111111 10.7899305555556 14.9270833333333 12.015625 C 14.2118055555556 13.2413194444444 13.2413194444444 14.2118055555556 12.015625 14.9270833333333 C 10.7899305555556 15.6423611111111 9.45138888888889 16 8 16 C 6.54861111111111 16 5.21006944444444 15.6423611111111 3.984375 14.9270833333333 C 2.75868055555556 14.2118055555556 1.78819444444444 13.2413194444444 1.07291666666667 12.015625 C 0.357638888888889 10.7899305555556 0 9.45138888888889 0 8 C 0 6.54861111111111 0.357638888888889 5.21006944444444 1.07291666666667 3.984375 C 1.78819444444444 2.75868055555556 2.75868055555556 1.78819444444444 3.984375 1.07291666666667 C 5.21006944444444 0.357638888888888 6.54861111111111 0 8 0 C 9.45138888888889 0 10.7899305555556 0.357638888888888 12.015625 1.07291666666667 C 13.2413194444444 1.78819444444444 14.2118055555556 2.75868055555556 14.9270833333333 3.984375 Z " fill-rule="nonzero" fill="#62b1ff" stroke="none" transform="matrix(1 0 0 1 502 384 )" />
</g>
</svg>

BIN
img/u82.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.2 KiB

After

Width:  |  Height:  |  Size: 5.6 KiB

23
pages/common/common.wxml
View File

@ -419,9 +419,28 @@
<view class="succeed-hint">激活专属认证标识</view>
<view class="succeed-hint">不占用普通房源的发布条数</view>
<view class="succeed-btn flexcenter">前往认证</view>
<view class="succeed-btn flexcenter">暂不认证</view>
<view class="succeed-btn flexcenter">前往认证<image class="succeed-btn-icom" mode="widthFix" src="/img/arrows-right-black.png"></image>
</view>
<view class="succeed-btn-no flexcenter">暂不认证</view>
</view>
</view>
</template>
<!-- 4.0 的发失败后弹窗 -->
<template name="fail-pop">
<view class="fail-pop">
<view class="fail-box flexcenter">
<image class="fail-icom" src="/img/u82.png"></image>
<view class="fail-title">提交失败</view>
<view class="fail-hint">已存为草稿</view>
<view class="fail-explain">房源数量已达上限</view>
<view class="fail-explain">下架旧房源，便可发布新房源</view>
<view class="fail-btn flexcenter">房源管理<image class="fail-btn-icom" mode="widthFix" src="/img/arrows-right-white.png"></image>
</view>
</view>
</view>
</template>

72
pages/common/common.wxss
View File

@ -1,7 +1,8 @@
.repeatedRelease,
.submitFailure,
.wrong-micro-signal,
.succeed-pop {
.succeed-pop,
.fail-pop {
position: fixed;
top: 0;
left: 0;
@ -494,6 +495,8 @@
width: 750rpx;
border-radius: 50rpx 50rpx 0 0;
flex-direction: column;
padding-top: 124.5rpx;
padding-bottom: 132rpx;
}
.succeed-box .succeed-icom {
@ -528,5 +531,70 @@
border-radius: 126rpx;
width: 360rpx;
height: 96rpx;
margin: 0 auto;
margin: 67.5rpx auto 0;
}
.succeed-box .succeed-btn .succeed-btn-icom {
width: 48rpx;
height: 48rpx;
margin-left: 18rpx;
}
.succeed-box .succeed-btn-no {
text-decoration: underline;
font-size: 24rpx;
line-height: 24rpx;
color: #555555;
margin-top: 84rpx;
}
.fail-box {
background-color: #fff;
width: 750rpx;
border-radius: 50rpx 50rpx 0 0;
flex-direction: column;
padding-top: 124.5rpx;
padding-bottom: 132rpx;
}
.fail-box .fail-icom {
width: 180rpx;
height: 180rpx;
}
.fail-box .fail-title {
font-size: 42rpx;
color: #333333;
font-weight: 650;
margin-top: 30rpx;
margin-bottom: 30rpx;
}
.fail-box .fail-btn {
background-color: rgba(98, 177, 255, 1);
color: #fff;
font-size: 36rpx;
font-weight: 650;
border-radius: 126rpx;
width: 360rpx;
height: 96rpx;
margin: 67.5rpx auto 0;
}
.fail-box .fail-btn .fail-btn-icom {
width: 48rpx;
height: 48rpx;
margin-left: 18rpx;
}
.fail-box .fail-hint {
font-size: 24rpx;
color: #aaa;
margin-bottom: 60rpx;
}
.fail-box .fail-explain {
color: #555555;
font-size: 27rpx;
margin-bottom: 24rpx;
}

56
pages/edit/edit.js
View File

@ -366,7 +366,7 @@ Page({
pitchday: null,
isPC: false, // 判断是否是PC端
focusState: false,
isAuthorization: 0,
isAuthorization: 0,
},
/**
@ -472,7 +472,7 @@ Page({
})
if (res.code == 401) {
this.setData({
isAuthorization: 1,
isAuthorization: 1,
})
}
if (res.code != 200) {
@ -725,9 +725,8 @@ Page({
})
wx.hideLoading()
if (this.data.types == 'plus') {
this.firstStepPopover()
}
if (this.data.types == 'plus') this.firstStepPopover()
}).catch(() => {
this.setData({
loding: false
@ -736,6 +735,7 @@ Page({
},
firstStepPopover() {
return
let field = 'type'
let step = 0
let it = 'basic'
@ -1029,7 +1029,7 @@ Page({
let limitSuffix = ['svg'] // 需要限制的后缀数组
wx.chooseImage({
count: 6 - that.data.imgs.length,
count: 9 - that.data.imgs.length,
sizeType: ['compressed'],
success: function (res) {
let isLt10M = true;
@ -1039,21 +1039,19 @@ Page({
var size = res.tempFiles[i].size / 1024 / 1024;
let suffixIndex = res.tempFiles[i].path.lastIndexOf('.')
let suffix = res.tempFiles[i].path.slice(suffixIndex + 1, res.tempFiles[i].path.length)
if (size < 10 && !limitSuffix.includes(suffix.toLowerCase())) {
if (size < 5 && !limitSuffix.includes(suffix.toLowerCase())) {
// 小于3M且照片数量<6的时候才触发上传
that.upload_picnew(res.tempFiles[i].path, "image")
} else if (size >= 10) {
isLt10M = false;
} else if (limitSuffix.includes(suffix.toLowerCase())) {
isSvg = false
}
} else if (size >= 5) isLt10M = false;
else if (limitSuffix.includes(suffix.toLowerCase())) isSvg = false
}
if (!isLt10M) {
// 存在大于3M的，只提示一次
wx.showModal({
title: '提示',
content: '图片大小不能超过10M',
content: '图片大小不能超过5M',
})
} else if (!isSvg) {
wx.showModal({
@ -1090,7 +1088,7 @@ Page({
data = data.data
if (data.aid > 0) {
// 长度<6个的时候再push
if (that.data.imgs.length < 6) {
if (that.data.imgs.length < 9) {
that.data.imgs.push({
url: data.url,
aid: data.aid
@ -1100,7 +1098,7 @@ Page({
})
} else {
wx.showToast({
title: '最多可上传6张',
title: '最多可上传9张',
icon: 'none'
})
}
@ -1149,7 +1147,7 @@ Page({
var data = app.return_data(res);
if (data.aid > 0) {
// 长度<6个的时候再push
if (that.data.imgs.length < 6) {
if (that.data.imgs.length < 9) {
that.data.imgs.push({
url: data.url,
aid: data.aid
@ -1159,7 +1157,7 @@ Page({
})
} else {
wx.showToast({
title: '最多可上传6张',
title: '最多可上传9张',
icon: 'none'
})
}
@ -1191,10 +1189,10 @@ Page({
count: 1,
success: function (res) {
var size = res.size / 1024 / 1024;
if (size > 10) {
if (size > 5) {
wx.showModal({
title: '提示',
content: '视频大小不能超过10M',
content: '视频大小不能超过5M',
})
} else {
that.upload_videonew(res.tempFilePath)
@ -1302,7 +1300,7 @@ Page({
})
},
// 删除图片
// 删除图片 和 视频
del_pic: function (e) {
let {
index,
@ -1314,8 +1312,9 @@ Page({
imgs: this.data.imgs
})
} else {
this.data.videos.splice(index, 1)
this.setData({
videos: []
videos: this.data.videos
})
}
@ -2485,6 +2484,21 @@ Page({
})
},
setValue(e) {
console.log(e, "e");
let key = e.currentTarget.dataset['key'] || (e.detail.currentTarget && e.detail.currentTarget.dataset['key'])
let value = e.currentTarget.dataset['value'] || (e.detail.currentTarget && e.detail.currentTarget.dataset['value'])
let status = e.currentTarget.dataset['status'] || (e.detail.currentTarget && e.detail.currentTarget.dataset['status'])
if (status == 'boolean' && value == "false") value = false
else if (status == 'boolean' && value == "true") value = true
this.setData({
[key]: value
})
},
// 禁止用户滚动，原因是有可能输入框会被用户滚走
handScroll() {
return

202
pages/edit/edit.wxml
View File

@ -23,15 +23,19 @@
<!-- 选择发布类型 -->
<!-- <choice-type-release></choice-type-release> -->
<!-- 关于发布 -->
<!-- <about-release></about-release> -->
<block wx:if="{{ popUpIs == 'about' }}">
<about-release bindsetValue="setValue"></about-release>
</block>
<!-- 发布成功 -->
<template is="succeed-pop"></template>
<!-- <template is="succeed-pop"></template> -->
<!-- 发布失败 -->
<!-- <template is="fail-pop"></template> -->
<header-nav inner-text="Some text" bgcolor="rgba(246, 246, 246, 1)">{{ isInput? isInput :( types=='edit' ?'编辑房源信息' :'发布房源信息' ) }}</header-nav>
<header-nav inner-text="Some text">{{ isInput? isInput :( types=='edit' ?'编辑房源信息' :'发布房源信息' ) }}</header-nav>
<view class="header-tips">
<view class="header-tips" wx:if="{{ false }}">
<view class="name-tips">
<view class="box">
<image src="../../img/u125.png" mode="widthFix"></image>发布须知
@ -50,8 +54,22 @@
</block>
</view>
<view class="edit-head-head flexacenter">
<view class="edit-head-area flexacenter">
<image class="edit-head-area-icon" mode="widthFix" src="/img/u706.png"></image>香港
</view>
<view class="edit-head-type flexcenter">求房源</view>
</view>
<view class="edit-head-surplus flexacenter" bindtap="setValue" data-key="popUpIs" data-value="about">
<view class="edit-head-surplus-text">您还可以发布 <text>3</text> 条普通房源</view>
<view class="flexacenter">
了解更多<image class="edit-head-surplus-icon" src="/img/blue-arrow.svg"></image>
</view>
</view>
<view class="edit-box">
<view class="edit-top">
<view class="edit-top" wx:if="{{ false }}">
<image class="edit-top-img" mode="widthFix" src="/img/u706.png"></image>
<!-- {{ newcity.country }} <view class="clickInputLeftArrow"></view> {{ newcity.name }} -->
{{ newcity.name }}
@ -105,12 +123,12 @@
<view wx:if="{{ item.field == 'wechat' }}" class="contact-way contact-way-WeChat">
<view class="contact-way-title" style="padding-bottom: 28rpx;">微信</view>
<view class="contactInformation-wechat" wx:if="{{ contactInformationState == 0 }}">
<view class="contactInformation-wechat-item" hover-class="option-hover" hover-stay-time="50" bindtap="contactInformationwechatcut" data-state="1">
<!-- <view class="contactInformation-wechat-item" hover-class="option-hover" hover-stay-time="50" bindtap="contactInformationwechatcut" data-state="1">
<image mode="widthFix" src="/img/pengreydark.png"></image><text>填写微信号</text>
</view>
</view> -->
<view class="contactInformation-wechat-item" hover-class="option-hover" bindtap="UploadQRCode" data-state="2">
<image src="/img/u789.svg"></image>
<image class="contactInformation-recommend" src="/img/u666.png"></image>
<!-- <image class="contactInformation-recommend" src="/img/u666.png"></image> -->
<text>上传二维码</text>
</view>
</view>
@ -121,7 +139,21 @@
<image src="/img/plusgrey.png"></image>
</view>
</view>
<view class="contactInformation-wechat-input" wx:elif="{{ contactInformationState == 2}}">
<block wx:elif="{{ contactInformationState == 2}}">
<view class="QRCode-box flexcenter">
<image class="QRCode-img" mode="widthFix" src="{{ newinfo.wechatdata.url }}"></image>
<view class="close-btn" catchtap="setValue" data-key="contactInformationState" data-value="0">
<image src="/img/plusf.png"></image>
</view>
</view>
<view class="contactInformation-wechat-item" hover-class="option-hover" bindtap="UploadQRCode" data-state="2" style="margin-top: 30rpx;">
<image src="/img/u789.svg"></image>
<text>重新上传</text>
</view>
</block>
<!-- <view class="contactInformation-wechat-input" wx:elif="{{ contactInformationState == 2}}">
<view class="already-uploaded">
<image src="/img/u684.svg"></image>
<text>已上传</text>
@ -129,7 +161,7 @@
<view class="contactInformation-close" bindtap="contactInformationwechatcut" data-state="0">
<image src="/img/plusgrey.png"></image>
</view>
</view>
</view> -->
</view>
<view wx:elif="{{ item.field != 'wechat'}}" class="contact-way contact-way-WhatsApp">
@ -144,7 +176,15 @@
<block wx:for="{{ fieldinfo.info }}" wx:key="index">
<template is="pageTextarea" cursor-spacing="20" data="{{ item,index,it:'info',newinfo }}"></template>
</block>
<!-- 发布须知 -->
<view class="notice-publication flexcenter">
<view class="notice-publication-key">发布须知：</view>
请按真实身份发布、请勿发布非寄托官方群/代看房信息，违规发布将被永久禁言，感谢合作！
</view>
</view>
</view>
</view>
@ -218,26 +258,31 @@
<!-- 房屋视频 -->
<template name="homeVideo">
<view class="homeVideo-box">
<view class="homeVideo-title">房屋视频（最多可上传1个，不大于10M）</view>
<!-- 上传按钮 -->
<view class="homeVideo-add" bindtap="get_video" wx:if="{{ videos.length == 0 }}">
<image class="homeVideo-add-img" src="/img/plusgrey.png"></image>
</view>
<!-- 展示视频 -->
<view class="homeVideo-add" wx:else>
<video class="homeVideo-add-video" show-center-play-btn="{{false}}" show-fullscreen-btn="{{ false }}" show-play-btn="{{ false }}" initial-time="0" src="{{ videos[0].url || videos[0].image}}"></video>
<image class="homeVideo-videoplay" src="/img/videoplay.png"></image>
<view class="close-btn" catchtap="del_pic" data-box="video">
<image src="/img/plusf.png"></image>
<view class="homeVideo-title">房屋视频（最多可上传3个，不大于5M/个）</view>
<view class="flexflex homeVideo-list">
<!-- 展示视频 -->
<view class="homeVideo-add" wx:for="{{ videos }}" wx:key="index">
<video class="homeVideo-add-video" show-center-play-btn="{{false}}" show-fullscreen-btn="{{ false }}" show-play-btn="{{ false }}" initial-time="0" src="{{ item.url || item.image}}"></video>
<image class="homeVideo-videoplay" src="/img/videoplay.png"></image>
<view class="close-btn" catchtap="del_pic" data-index="{{index}}" data-box="video">
<image src="/img/plusf.png"></image>
</view>
</view>
<!-- 上传按钮 -->
<view class="homeVideo-add" bindtap="get_video" wx:if="{{ videos.length != 3 }}">
<image class="homeVideo-add-img" src="/img/plusgrey.png"></image>
</view>
</view>
</view>
</template>
<!-- 房屋照片 -->
<template name="homePhoto">
<view class="homePhoto-box">
<view class="homePhoto-title">房屋照片（最多可上传6张，不大于10M/张）</view>
<view class="homePhoto-title">房屋照片（最多可上传9张，不大于5M/张）</view>
<view class="homePhoto-boxes">
<view class="homePhoto-add" bindtap="get_img" wx:for="{{ imgs }}" wx:key="aid">
<image class="homePhoto-add-img" mode="aspectFill" src="{{ item.url || item.image }}"></image>
@ -245,7 +290,7 @@
<image src="/img/plusf.png"></image>
</view>
</view>
<view class="homePhoto-add" bindtap="get_img" wx:if="{{ imgs.length != 6 }}">
<view class="homePhoto-add" bindtap="get_img" wx:if="{{ imgs.length != 9 }}">
<image class="homePhoto-add-icon" src="/img/plusgrey.png"></image>
</view>
</view>
@ -257,7 +302,8 @@
<view class="AListOF pop-up" catchtouchmove="handScroll">
<view class="pop-up-box">
<view class="pop-up-top" bindtap="closePopUp">
<view class="pop-up-arrow"></view>
<!-- <view class="pop-up-arrow"></view> -->
<image class="pop-up-arrow" mode="widthFix" src="/img/back.png"></image>
</view>
<view class="pop-up-title">{{ item.title || popUpTitle }}</view>
<text class="last-step-text" wx:if="{{ popUpSubtitle }}">{{ popUpSubtitle }}</text>
@ -276,7 +322,8 @@
<view class="twoLines pop-up" catchtouchmove="handScroll">
<view class="pop-up-box">
<view class="pop-up-top" bindtap="closePopUp">
<view class="pop-up-arrow"></view>
<!-- <view class="pop-up-arrow"></view> -->
<image class="pop-up-arrow" mode="widthFix" src="/img/back.png"></image>
</view>
<view class="pop-up-title">{{ item.title || popUpTitle }}</view>
<text class="last-step-text">{{popUpSubtitle}}</text>
@ -297,7 +344,8 @@
<view class="clickInputLeftArrow"></view>
</view>
<view class="pop-up-top" bindtap="closePopUp">
<view class="pop-up-arrow"></view>
<!-- <view class="pop-up-arrow"></view> -->
<image class="pop-up-arrow" mode="widthFix" src="/img/back.png"></image>
</view>
<view class="pop-up-title">{{ item.title == '月租' ? '月租金额' : item.title }}</view>
<view class="unilineInput-box">
@ -321,7 +369,8 @@
<view class="leaseTime pop-up">
<view class="pop-up-box">
<view class="pop-up-top" bindtap="closePopUp">
<view class="pop-up-arrow"></view>
<!-- <view class="pop-up-arrow"></view> -->
<image class="pop-up-arrow" mode="widthFix" src="/img/back.png"></image>
</view>
<view class="pop-up-title">{{ item.title || popUpTitle }}</view>
<text class="last-step-text">{{popUpSubtitle}}</text>
@ -341,7 +390,8 @@
<view class="leaseTime pop-up">
<view class="pop-up-box">
<view class="pop-up-top" bindtap="closePopUp">
<view class="pop-up-arrow"></view>
<!-- <view class="pop-up-arrow"></view> -->
<image class="pop-up-arrow" mode="widthFix" src="/img/back.png"></image>
</view>
<view class="pop-up-title">{{ item.title || popUpTitle }}</view>
<text class="last-step-text">{{popUpSubtitle}}</text>
@ -366,23 +416,41 @@
<view class="clickInputLeftArrow"></view>
</view>
<view class="pop-up-top" bindtap="closePopUp">
<view class="pop-up-arrow"></view>
<!-- <view class="pop-up-arrow"></view> -->
<image class="pop-up-arrow" mode="widthFix" src="/img/back.png"></image>
</view>
<view class="pop-up-title">房屋视频</view>
<text class="last-step-text">最多可上传1个</text>
<!-- 上传视频 -->
<view class="homeVideo-add" bindtap="get_video" wx:if="{{ videos.length == 0 }}">
<image class="homeVideo-add-img" src="/img/plusgrey.png"></image>
<text class="last-step-text">最多可上传3个，不大于5M/个</text>
<view class="flexacenter homeVideo-case">
<!-- 展示视频的 -->
<view class="homeVideo-add" wx:for="{{ videos }}" wx:key="index">
<video class="homeVideo-add-video" show-center-play-btn="{{false}}" show-fullscreen-btn="{{ false }}" show-play-btn="{{ false }}" initial-time="0" src="{{ item.url || item.image }}"></video>
<image class="homeVideo-videoplay" src="/img/videoplay.png"></image>
<view class="close-btn" catchtap="del_pic" data-index="{{ index }}" data-box="video">
<image src="/img/plusf.png"></image>
</view>
</view>
<!-- 没有视频时候的空白 -->
<block wx:if="{{ videos.length < 2 }}">
<view class="homeVideo-add" wx:for="{{ videos.length == 1 ? 1 : 2 }}" style="background: #fff;" wx:key="index"></view>
</block>
<!-- 上传视频按钮 -->
<view class="homeVideo-add" bindtap="get_video" wx:if="{{ videos.length != 3 }}">
<image class="homeVideo-add-img" src="/img/plusgrey.png"></image>
</view>
</view>
<!-- 展示视频 -->
<view class="homeVideo-add" wx:else>
<!-- <view class="homeVideo-add" wx:else>
<video class="homeVideo-add-video" show-center-play-btn="{{false}}" show-fullscreen-btn="{{ false }}" show-play-btn="{{ false }}" initial-time="0" src="{{ videos[0].url || videos[0].image }}"></video>
<image class="homeVideo-videoplay" src="/img/videoplay.png"></image>
<view class="close-btn" catchtap="del_pic" data-box="video">
<image src="/img/plusf.png"></image>
</view>
</view>
</view> -->
<template is="pop-up-footer" data="{{ popUpStepState,field:item.field,newtype,newStatus }}"></template>
@ -398,10 +466,11 @@
<view class="clickInputLeftArrow"></view>
</view>
<view class="pop-up-top" bindtap="closePopUp">
<view class="pop-up-arrow"></view>
<!-- <view class="pop-up-arrow"></view> -->
<image class="pop-up-arrow" mode="widthFix" src="/img/back.png"></image>
</view>
<view class="pop-up-title">房屋照片</view>
<text class="last-step-text">最多可上传6张，不大于10M</text>
<text class="last-step-text">最多可上传6张，不大于5M</text>
<!-- 上传图片 -->
<view class="pop-up-homePhoto-image-box">
<view class="pop-up-homePhoto-image" wx:for="{{ imgs }}" wx:key="index">
@ -411,9 +480,9 @@
<image src="/img/plusf.png"></image>
</view>
</view>
<view class="pop-up-homePhoto-image pop-up-homePhoto-image-kong" wx:for="{{ 5 - imgs.length }}" wx:key="index">
<view class="pop-up-homePhoto-image pop-up-homePhoto-image-kong" wx:for="{{ 8 - imgs.length }}" wx:key="index">
</view>
<view class="homePhoto-add" bindtap="get_img" wx:if="{{ imgs.length != 6 }}">
<view class="homePhoto-add" bindtap="get_img" wx:if="{{ imgs.length != 9 }}">
<image class="homePhoto-add-img homePhoto-add-icon" src="/img/plusgrey.png"></image>
</view>
</view>
@ -430,7 +499,8 @@
<view class="multilineInput pop-up">
<view class=" pop-up-box">
<view class="pop-up-top" bindtap="closePopUp">
<view class="pop-up-arrow"></view>
<!-- <view class="pop-up-arrow"></view> -->
<image class="pop-up-arrow" mode="widthFix" src="/img/back.png"></image>
</view>
<view class="pop-up-title">{{ item.title }}</view>
<text class="last-step-text">{{ item.placeholder }}</text>
@ -455,7 +525,8 @@
<view class="multilineInput pop-up">
<view class=" pop-up-box">
<view class="pop-up-top" bindtap="closePopUp">
<view class="pop-up-arrow"></view>
<!-- <view class="pop-up-arrow"></view> -->
<image class="pop-up-arrow" mode="widthFix" src="/img/back.png"></image>
</view>
<view class="pop-up-title">{{ item.title }}</view>
<text class="last-step-text">{{ item.placeholder }}</text>
@ -485,7 +556,8 @@
<view class="clickInputLeftArrow"></view>
</view>
<view class="pop-up-top" bindtap="closePopUp">
<view class="pop-up-arrow"></view>
<!-- <view class="pop-up-arrow"></view> -->
<image class="pop-up-arrow" mode="widthFix" src="/img/back.png"></image>
</view>
<view class="pop-up-title">{{ item.title }}</view>
<text class="last-step-text">{{ item.placeholder }}</text>
@ -515,7 +587,8 @@
<view class="contactInformation pop-up" catchtouchmove="handScroll">
<view class="pop-up-box">
<view class="pop-up-top" bindtap="closePopUp">
<view class="pop-up-arrow"></view>
<!-- <view class="pop-up-arrow"></view> -->
<image class="pop-up-arrow" mode="widthFix" src="/img/back.png"></image>
</view>
<view class="pop-up-title">联系方式</view>
<text class="last-step-text">请至少提供其中一项联系方式，这是对方联系你的唯一途径</text>
@ -526,12 +599,12 @@
<view class="yellowDot"></view><text>微信</text>
</view>
<view class="contactInformation-wechat" wx:if="{{ contactInformationState == 0 }}">
<view class="contactInformation-wechat-item" hover-class="option-hover" bindtap="contactInformationwechatcut" data-state="1">
<!-- <view class="contactInformation-wechat-item" hover-class="option-hover" bindtap="contactInformationwechatcut" data-state="1">
<image mode="widthFix" src="/img/pengreydark.png"></image><text>填写微信号</text>
</view>
</view> -->
<view class="contactInformation-wechat-item" hover-class="option-hover" bindtap="UploadQRCode" data-state="2">
<image src="/img/u789.svg"></image>
<image class="contactInformation-recommend" src="/img/u666.png"></image>
<!-- <image class="contactInformation-recommend" src="/img/u666.png"></image> -->
<text>上传二维码</text>
</view>
</view>
@ -542,7 +615,21 @@
<image src="/img/plusgrey.png"></image>
</view>
</view>
<view class="contactInformation-wechat-input" wx:elif="{{ contactInformationState == 2}}">
<block wx:elif="{{ contactInformationState == 2}}">
<view class="QRCode-box flexcenter">
<image class="QRCode-img" mode="widthFix" src="{{ newinfo.wechatdata.url }}"></image>
<view class="close-btn" catchtap="setValue" data-key="contactInformationState" data-value="0">
<image src="/img/plusf.png"></image>
</view>
</view>
<view class="contactInformation-wechat-item" hover-class="option-hover" bindtap="UploadQRCode" data-state="2" style="margin-top: 30rpx;">
<image src="/img/u789.svg"></image>
<text>重新上传</text>
</view>
</block>
<!-- <view class="contactInformation-wechat-input" wx:elif="{{ contactInformationState == 2}}">
<view class="already-uploaded">
<image src="/img/u684.svg"></image>
<text>已上传</text>
@ -550,7 +637,7 @@
<view class="contactInformation-close" bindtap="contactInformationwechatcut" data-state="0">
<image src="/img/plusgrey.png"></image>
</view>
</view>
</view> -->
</view>
<view wx:if="{{ item.field != 'wechat' }}" class="contactInformation-item">
@ -571,7 +658,8 @@
<view class="ofDate pop-up">
<view class="pop-up-box">
<view class="pop-up-top" bindtap="closePopUp">
<view class="pop-up-arrow"></view>
<!-- <view class="pop-up-arrow"></view> -->
<image class="pop-up-arrow" mode="widthFix" src="/img/back.png"></image>
</view>
<view class="pop-up-title">选择起租日期</view>
@ -618,7 +706,8 @@
<view class="area pop-up">
<view class="pop-up-box">
<view class="pop-up-top" bindtap="closePopUp">
<view class="pop-up-arrow"></view>
<!-- <view class="pop-up-arrow"></view> -->
<image class="pop-up-arrow" mode="widthFix" src="/img/back.png"></image>
</view>
<view class="pop-up-title">
{{ item.title }}
@ -671,14 +760,14 @@
</template>
<template name="pop-up-footer">
<view class="pop-up-footer" wx:if="{{ popUpStepState == 1 && newStatus != 1}}">
<view class="pop-up-save" bindtap='NewRelease' data-status="0">保存并退出</view>
<view class="pop-up-footer flexcenter" wx:if="{{ popUpStepState == 1 && newStatus != 1}}">
<view class="pop-up-save" style="width: 360rpx;" bindtap='NewRelease' data-status="0">保存并退出</view>
</view>
<view class="pop-up-footer" wx:if="{{ popUpStepState == 2}}">
<view class="pop-up-footer flexcenter" wx:if="{{ popUpStepState == 2}}">
<view class="pop-up-save" bindtap='NewRelease' data-status="0" wx:if="{{ newStatus != 1}}">保存并退出</view>
<view class="pop-up-nextStep" catchtap="popUpNextStep" data-field="{{ field }}">下一步</view>
</view>
<view class="pop-up-footer" wx:if="{{ popUpStepState == 3 }}">
<view class="pop-up-footer flexcenter" wx:if="{{ popUpStepState == 3 }}">
<view class="pop-up-save" bindtap='NewRelease' data-status="0" wx:if="{{ newtype != 'edit' && newStatus != 1 }}">
保存并退出</view>
<view class="pop-up-nextStep" bindtap="fillThe">填好了</view>
@ -712,7 +801,8 @@
<view class="clickInputLeftArrow"></view>
</view>
<view class="pop-up-top" bindtap="closePopUp">
<view class="pop-up-arrow"></view>
<!-- <view class="pop-up-arrow"></view> -->
<image class="pop-up-arrow" mode="widthFix" src="/img/back.png"></image>
</view>
<view class="pop-up-title">地址</view>
<view class="unilineInput-box AddressHongKong-box">

182
pages/edit/edit.wxss
View File

@ -11,7 +11,7 @@
padding-bottom: 170rpx;
width: 100vw;
overflow-x: hidden;
background: #eeeff3;
background: rgba(246, 246, 246, 1);
}
.header image {
@ -39,7 +39,7 @@
padding: 20px 30rpx;
padding: 0px 30rpx;
line-height: 1.6;
border-top: 20rpx solid #eeeff3;
border-top: 20rpx solid rgba(246, 246, 246, 1);
font-size: 27rpx;
}
@ -221,7 +221,8 @@
position: fixed;
bottom: 0;
width: 750rpx;
height: 150rpx;
/* height: 150rpx; */
height: 186rpx;
display: flex;
justify-content: space-between;
align-items: center;
@ -236,20 +237,28 @@
display: flex;
justify-content: center;
align-items: center;
height: 90rpx;
line-height: 90rpx;
background-color: #333333;
box-shadow: rgb(0 0 0 / 35%) 0px 0px 10rpx;
border-radius: 50rpx;
/* height: 90rpx; */
/* line-height: 90rpx; */
height: 96rpx;
line-height: 96rpx;
background-color: rgba(98, 177, 255, 1);
/* background-color: #333333; */
/* box-shadow: rgb(0 0 0 / 35%) 0px 0px 10rpx; */
/* border-radius: 50rpx; */
border-radius: 82.5rpx;
color: #fff;
font-weight: 400;
/* font-weight: 400; */
font-weight: 650;
font-size: 36rpx;
color: #fff;
}
.footer-btn .save1 {
margin-right: 30rpx;
color: #555;
color: #000;
background-color: #fff;
font-weight: 400;
border: 1rpx solid rgba(215, 215, 215, 1);
}
.trigger-rules-close-icon {
@ -262,6 +271,10 @@
padding: 25rpx 0rpx;
}
.edit-option {
padding-top: 48rpx;
}
.edit-option-item {
border-bottom: 15rpx solid #eeeff3;
padding: 0 30rpx 45rpx;
@ -269,7 +282,7 @@
.edit-box {
background-color: #fff;
border-radius: 60rpx 60rpx 0 0;
/* border-radius: 60rpx 60rpx 0 0; */
}
.edit-top {
@ -281,7 +294,6 @@
margin-top: 16rpx;
color: #333;
font-weight: 400;
font-size: 30rpx;
border-bottom: 2rpx dashed #d7d7d7;
font-size: 30rpx;
}
@ -300,6 +312,10 @@
margin-top: 55rpx;
}
.edit-option .edit-option-item:first-of-type .clickInput-box:first-of-type {
margin-top: 0;
}
.clickInput-box input {
overflow: hidden;
white-space: nowrap;
@ -354,6 +370,24 @@
line-height: 28rpx;
}
.homeVideo-list {
justify-content: space-between;
width: 678rpx;
flex-wrap: wrap;
}
.homeVideo-list::after {
content: "";
width: 178rpx;
margin-top: 24rpx;
}
.homeVideo-case {
width: 678rpx;
justify-content: space-between;
}
.homeVideo-add {
width: 178rpx;
height: 178rpx;
@ -371,7 +405,6 @@
max-width: 100%;
max-height: 100%;
border-radius: 10rpx;
}
.homeVideo-add-img {
@ -455,12 +488,16 @@
}
.pop-up-arrow {
width: 20rpx;
height: 20rpx;
border-bottom: 7rpx solid #ffd752;
border-right: 7rpx solid #ffd752;
width: 30rpx;
/* height: 30rpx; */
transform: rotate(-90deg);
/* width: 20rpx; */
/* height: 20rpx; */
/* border-bottom: 7rpx solid #333333;
border-right: 7rpx solid #333333;
transform: rotate(45deg);
margin-top: -8rpx;
margin-top: -8rpx; */
}
@ -495,7 +532,7 @@
display: flex;
justify-content: center;
align-items: center;
background-color: #f2f2f2;
background-color: #fdda55;
border-radius: 0 0 50rpx 50rpx;
position: relative;
}
@ -537,8 +574,8 @@
}
.pop-up-footer {
height: 150rpx;
line-height: 150rpx;
height: 186rpx;
line-height: 186rpx;
text-align: center;
font-size: 30rpx;
color: #000;
@ -547,18 +584,31 @@
width: 100%;
display: flex;
z-index: 2;
padding: 0 30rpx;
}
.pop-up-footer .pop-up-save,
.pop-up-footer .pop-up-nextStep {
flex: 1;
/* flex: 1; */
width: 330rpx;
display: flex;
justify-content: center;
align-items: center;
height: 96rpx;
line-height: 96rpx;
background-color: #fff;
border-radius: 82.5rpx;
font-size: 36rpx;
border: 1rpx solid rgba(215, 215, 215, 1);
font-weight: 400;
}
.pop-up-footer .pop-up-nextStep {
background-color: #000;
background-color: rgba(98, 177, 255, 1);
color: #fff;
font-weight: 650;
margin-left: 30rpx;
border: 1rpx solid rgba(98, 177, 255, 1);
}
.twoLines-option {
@ -822,25 +872,26 @@
}
.contactInformation .contactInformation-wechat-item {
width: 330rpx;
/* width: 330rpx; */
width: 690rpx;
height: 100rpx;
line-height: 100rpx;
background-color: #f4f4f4;
border-radius: 10rpx;
border-radius: 15rpx;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.contactInformation .contactInformation-wechat-item .contactInformation-recommend {
/* .contactInformation .contactInformation-wechat-item .contactInformation-recommend {
position: absolute;
top: 0;
right: 0;
margin: 0;
width: 70rpx;
height: 70rpx;
}
} */
.contactInformation .contactInformation-wechat-item image {
width: 28rpx;
@ -888,6 +939,19 @@
margin-right: 16rpx;
}
.contactInformation .QRCode-box {
width: 690rpx;
height: 180rpx;
border: 1rpx solid rgba(215, 215, 215, 1);
border-radius: 15rpx;
position: relative;
}
.contactInformation .QRCode-box .QRCode-img {
width: 150rpx;
height: 150rpx;
}
.contactInformation .contactInformation-close {
display: flex;
justify-content: center;
@ -1274,4 +1338,68 @@
.submitFailure-box .submitFailure-title {
margin: 40rpx 0 38rpx;
}
.notice-publication {
background-color: rgba(246, 246, 246, 1);
height: 105rpx;
border-radius: 15rpx;
line-height: 36rpx;
font-size: 24rpx;
color: #555555;
padding: 0 18rpx;
margin-top: 48rpx;
}
.notice-publication .notice-publication-key {
color: #000000;
font-weight: 650;
display: contents;
}
.edit-head-surplus {
justify-content: space-between;
height: 72rpx;
background-color: #fff;
font-size: 25rpx;
border-radius: 20rpx;
margin: 0 30rpx 36rpx;
padding: 0 24rpx;
}
.edit-head-surplus text {
font-weight: 650;
}
.edit-head-surplus .edit-head-surplus-icon {
width: 24rpx;
height: 24rpx;
margin-left: 12rpx;
}
.edit-head-head {
justify-content: space-between;
margin: 30rpx 30rpx 40.5rpx;
}
.edit-head-head .edit-head-area {
color: #000000;
line-height: 45rpx;
font-size: 36rpx;
font-weight: 650;
}
.edit-head-head .edit-head-area .edit-head-area-icon {
width: 36rpx;
height: 36rpx;
margin-right: 12rpx;
}
.edit-head-head .edit-head-type {
height: 42rpx;
font-size: 27rpx;
color: #555555;
border: 1rpx solid rgba(215, 215, 215, 1);
padding: 0 11rpx;
border-radius: 53rpx;
}

10
template/aboutRelease/aboutRelease.js
View File

@ -38,13 +38,17 @@ Component({
methods: {
// 切换nav
switchingNav(e) {
console.log(e);
// return
let type = e.currentTarget.dataset.type
this.setData({
tab: type
})
}
},
// 关闭弹窗
closePop(e) {
this.triggerEvent('setValue', e)
},
}

6
template/aboutRelease/aboutRelease.wxml
View File

@ -1,7 +1,7 @@
<!--template/aboutRelease/aboutRelease.wxml-->
<!-- 关于发布 -->
<view class="pop flexflex">
<view class="pop-box">
<view class="pop flexflex" bindtap="closePop" data-key="popUpIs" data-value="">
<view class="pop-box" catchtap="a">
<view class="pop-header flexcenter">关于发布</view>
<view class="nav flexacenter">
<view class="nav-item flexcenter {{ tab == item.type ? 'pitch' : ''}}" wx:for="{{ navList }}" bindtap="switchingNav" data-type="{{ item.type }}">{{ item.name }}</view>
@ -20,5 +20,7 @@
<view class="operation flexcenter">
<view class="operation-item">关闭</view>
</view>
</view>
</view>