提交
This commit is contained in:
A1300399510
parent
64651b256c
commit
ba5fddafb3
6
img/green-block-pitch.svg
Normal file
6
img/green-block-pitch.svg
Normal 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="20px" height="20px" xmlns="http://www.w3.org/2000/svg">
|
||||
<g transform="matrix(1 0 0 1 -3559 -477 )">
|
||||
<path d="M 8.33333333333333 15.4947916666667 C 8.55902777777778 15.4947916666667 8.75434027777778 15.4123263888889 8.91927083333333 15.2473958333333 L 16.9140625 7.25260416666667 C 17.0789930555556 7.08767361111111 17.1614583333333 6.89236111111111 17.1614583333333 6.66666666666667 C 17.1614583333333 6.44097222222222 17.0789930555556 6.24565972222222 16.9140625 6.08072916666667 L 15.5859375 4.75260416666667 C 15.4210069444444 4.58767361111111 15.2256944444444 4.50520833333333 15 4.50520833333333 C 14.7743055555556 4.50520833333333 14.5789930555556 4.58767361111111 14.4140625 4.75260416666667 L 8.33333333333333 10.8333333333333 L 5.5859375 8.0859375 C 5.42100694444445 7.92100694444444 5.22569444444445 7.83854166666667 5 7.83854166666667 C 4.77430555555556 7.83854166666667 4.57899305555556 7.92100694444444 4.4140625 8.0859375 L 3.0859375 9.4140625 C 2.92100694444444 9.57899305555556 2.83854166666667 9.77430555555556 2.83854166666667 10 C 2.83854166666667 10.2256944444444 2.92100694444444 10.4210069444444 3.0859375 10.5859375 L 7.74739583333333 15.2473958333333 C 7.91232638888889 15.4123263888889 8.10763888888889 15.4947916666667 8.33333333333333 15.4947916666667 Z M 18.8997395833333 1.10026041666667 C 19.6332465277778 1.83376736111111 20 2.71701388888889 20 3.75 L 20 16.25 C 20 17.2829861111111 19.6332465277778 18.1662326388889 18.8997395833333 18.8997395833333 C 18.1662326388889 19.6332465277778 17.2829861111111 20 16.25 20 L 3.75 20 C 2.71701388888889 20 1.83376736111111 19.6332465277778 1.10026041666667 18.8997395833333 C 0.366753472222222 18.1662326388889 0 17.2829861111111 0 16.25 L 0 3.75 C 0 2.71701388888889 0.366753472222222 1.83376736111111 1.10026041666667 1.10026041666667 C 1.83376736111111 0.366753472222221 2.71701388888889 0 3.75 0 L 16.25 0 C 17.2829861111111 0 18.1662326388889 0.366753472222221 18.8997395833333 1.10026041666667 Z " fill-rule="nonzero" fill="#50e3c2" stroke="none" transform="matrix(1 0 0 1 3559 477 )" />
|
||||
</g>
|
||||
</svg>
|
||||
6
img/green-circle-pitch.svg
Normal file
6
img/green-circle-pitch.svg
Normal 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="20px" height="20px" xmlns="http://www.w3.org/2000/svg">
|
||||
<g transform="matrix(1 0 0 1 -2860 -398 )">
|
||||
<path d="M 12.3567708333333 7.64322916666667 C 13.0078125 8.29427083333333 13.3333333333333 9.07986111111111 13.3333333333333 10 C 13.3333333333333 10.9201388888889 13.0078125 11.7057291666667 12.3567708333333 12.3567708333333 C 11.7057291666667 13.0078125 10.9201388888889 13.3333333333333 10 13.3333333333333 C 9.07986111111111 13.3333333333333 8.29427083333333 13.0078125 7.64322916666667 12.3567708333333 C 6.9921875 11.7057291666667 6.66666666666667 10.9201388888889 6.66666666666667 10 C 6.66666666666667 9.07986111111111 6.9921875 8.29427083333333 7.64322916666667 7.64322916666667 C 8.29427083333333 6.9921875 9.07986111111111 6.66666666666667 10 6.66666666666667 C 10.9201388888889 6.66666666666667 11.7057291666667 6.9921875 12.3567708333333 7.64322916666667 Z M 13.5546875 3.8671875 C 12.4696180555556 3.23350694444444 11.2847222222222 2.91666666666667 10 2.91666666666667 C 8.71527777777778 2.91666666666667 7.53038194444445 3.23350694444444 6.4453125 3.8671875 C 5.36024305555556 4.50086805555555 4.50086805555556 5.36024305555555 3.8671875 6.4453125 C 3.23350694444444 7.53038194444444 2.91666666666667 8.71527777777778 2.91666666666667 10 C 2.91666666666667 11.2847222222222 3.23350694444444 12.4696180555556 3.8671875 13.5546875 C 4.50086805555556 14.6397569444444 5.36024305555556 15.4991319444444 6.4453125 16.1328125 C 7.53038194444445 16.7664930555556 8.71527777777778 17.0833333333333 10 17.0833333333333 C 11.2847222222222 17.0833333333333 12.4696180555556 16.7664930555556 13.5546875 16.1328125 C 14.6397569444444 15.4991319444444 15.4991319444444 14.6397569444444 16.1328125 13.5546875 C 16.7664930555556 12.4696180555556 17.0833333333333 11.2847222222222 17.0833333333333 10 C 17.0833333333333 8.71527777777778 16.7664930555556 7.53038194444444 16.1328125 6.4453125 C 15.4991319444444 5.36024305555555 14.6397569444444 4.50086805555555 13.5546875 3.8671875 Z M 18.6588541666667 4.98046875 C 19.5529513888889 6.51258680555555 20 8.18576388888889 20 10 C 20 11.8142361111111 19.5529513888889 13.4874131944444 18.6588541666667 15.01953125 C 17.7647569444444 16.5516493055556 16.5516493055556 17.7647569444444 15.01953125 18.6588541666667 C 13.4874131944444 19.5529513888889 11.8142361111111 20 10 20 C 8.18576388888889 20 6.51258680555556 19.5529513888889 4.98046875 18.6588541666667 C 3.44835069444444 17.7647569444444 2.23524305555556 16.5516493055556 1.34114583333333 15.01953125 C 0.447048611111111 13.4874131944444 0 11.8142361111111 0 10 C 0 8.18576388888889 0.447048611111111 6.51258680555555 1.34114583333333 4.98046875 C 2.23524305555556 3.44835069444444 3.44835069444444 2.23524305555555 4.98046875 1.34114583333333 C 6.51258680555556 0.447048611111109 8.18576388888889 0 10 0 C 11.8142361111111 0 13.4874131944444 0.447048611111109 15.01953125 1.34114583333333 C 16.5516493055556 2.23524305555555 17.7647569444444 3.44835069444444 18.6588541666667 4.98046875 Z " fill-rule="nonzero" fill="#50e3c2" stroke="none" transform="matrix(1 0 0 1 2860 398 )" />
|
||||
</g>
|
||||
</svg>
|
||||
@ -38,6 +38,8 @@
|
||||
<!-- 目标区域 -->
|
||||
<!-- <template is="target-area"></template> -->
|
||||
|
||||
<!-- 新的服务类型 -->
|
||||
<template is="new-marquee-box"></template>
|
||||
|
||||
<header-nav inner-text="Some text" bgcolor="rgba(246, 246, 246, 1)">{{ isInput? isInput :( types=='edit' ?'编辑房源信息' :'发布房源信息' ) }}</header-nav>
|
||||
|
||||
@ -868,18 +870,52 @@
|
||||
<view class="pop-up-title">目标区域</view>
|
||||
<text class="last-step-text">最多可选择6个目标区域</text>
|
||||
<view class="area-list">
|
||||
<view class="area-item">
|
||||
<view class="area-item" wx:for="{{ 5 }}">
|
||||
<view class="area-name">港岛</view>
|
||||
<view class="area-content flexflex">
|
||||
<view class="area-content-item" wx:for="{{ 10 }}" wx:key="index">不限</view>
|
||||
<view class="area-content-item flexcenter {{ index == 0 ? 'pitch' : '' }}" wx:for="{{ 10 }}" wx:key="index">不限</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
<view class="area-pitch-list flexacenter">
|
||||
<view class="area-pitch-item flexacenter" wx:for="{{ 2 }}" wx:key="index">
|
||||
<view class="area-pitch-index flexcenter">{{ index + 1}}</view>
|
||||
<view class="area-pitch-content flexacenter">上环上环上环上环/中环</view>
|
||||
<image class="area-pitch-cross" src="/img/close-c.png"></image>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
<template is="pop-up-footer" data="{{ popUpStepState:2,field:item.field,newtype,newStatus }}"></template>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</template>
|
||||
|
||||
<!-- 新的多选框 -->
|
||||
<template name="new-marquee-box">
|
||||
<view class="new-marquee-box pop-up">
|
||||
<view class="pop-up-box">
|
||||
<view class="pop-up-top" bindtap="closePopUp">
|
||||
<image class="pop-up-arrow" mode="widthFix" src="/img/back.png"></image>
|
||||
</view>
|
||||
<view class="pop-up-title">服务类型</view>
|
||||
<view class="new-marquee-unlimited flexacenter">
|
||||
<image wx:if="{{ false }}" class="new-marquee-unlimited-icom" mode="widthFix" src="/img/green-circle-pitch.svg"></image>
|
||||
<view class="new-marquee-unlimited-icom new-marquee-unlimited-unselected-icom"></view>
|
||||
不限
|
||||
</view>
|
||||
<view class="new-marquee-list flexflex">
|
||||
<view class="new-marquee-item flexacenter" wx:for="{{ 7 }}" wx:key="index">
|
||||
<view class="new-marquee-case"></view>唐楼
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
|
||||
</template>
|
||||
@ -1482,24 +1482,126 @@ wx-slider .wx-slider-handle-wrapper {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.target-area {
|
||||
/* width: 100%; */
|
||||
}
|
||||
.target-area {}
|
||||
|
||||
.target-area .area-list {
|
||||
width: 100%;
|
||||
border-top: 1rpx solid #ebebeb;
|
||||
padding-top: 39rpx;
|
||||
padding-left: 57rpx;
|
||||
padding-right: 30rpx;
|
||||
margin-top: 30rpx;
|
||||
max-height: 60vh;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.target-area .area-item {
|
||||
margin-bottom: 45rpx;
|
||||
}
|
||||
|
||||
.target-area .area-name {
|
||||
color: #000;
|
||||
font-size: 30rpx;
|
||||
font-weight: 650;
|
||||
position: relative;
|
||||
margin-bottom: 30rpx;
|
||||
}
|
||||
|
||||
.target-area .area-name::after {
|
||||
contain: "";
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
|
||||
tran
|
||||
left: -27rpx;
|
||||
transform: translateY(-50%);
|
||||
background-color: rgba(253, 218, 85, 1);
|
||||
width: 9rpx;
|
||||
height: 27rpx;
|
||||
border-radius: 8rpx;
|
||||
}
|
||||
|
||||
.target-area .area-content {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.target-area .area-content-item {
|
||||
border: 1rpx solid rgba(235, 235, 235, 1);
|
||||
border-radius: 15rpx;
|
||||
height: 72rpx;
|
||||
font-size: 27rpx;
|
||||
color: #7f7f7f;
|
||||
padding: 0 18rpx;
|
||||
margin-right: 15rpx;
|
||||
margin-bottom: 15rpx;
|
||||
}
|
||||
|
||||
.target-area .area-content-item.pitch {
|
||||
color: #50E3C2;
|
||||
border-color: #50E3C2;
|
||||
}
|
||||
|
||||
.target-area .area-pitch-list {
|
||||
border-top: 1rpx solid #ebebeb;
|
||||
width: 750rpx;
|
||||
background-color: rgba(246, 246, 246, 1);
|
||||
flex-wrap: wrap;
|
||||
padding: 20rpx 30rpx 0;
|
||||
justify-content: space-between;
|
||||
|
||||
}
|
||||
|
||||
.target-area .area-pitch-item {
|
||||
margin-bottom: 24rpx;
|
||||
}
|
||||
|
||||
.target-area .area-pitch-index {
|
||||
color: #fff;
|
||||
width: 30rpx;
|
||||
height: 30rpx;
|
||||
border-radius: 50%;
|
||||
background-color: #000000;
|
||||
margin-right: 15rpx;
|
||||
font-size: 20rpx;
|
||||
}
|
||||
|
||||
.target-area .area-pitch-content {
|
||||
color: #000000;
|
||||
font-size: 24rpx;
|
||||
width: 220rpx;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.target-area .area-pitch-cross {
|
||||
width: 18rpx;
|
||||
height: 18rpx;
|
||||
margin-left: 24rpx;
|
||||
}
|
||||
|
||||
.new-marquee-box {
|
||||
height: 500rpxx;
|
||||
}
|
||||
|
||||
.new-marquee-box .new-marquee-unlimited {
|
||||
font-size: 24rpx;
|
||||
color: #000;
|
||||
align-self: flex-start;
|
||||
margin-left: 48rpx;
|
||||
}
|
||||
|
||||
.new-marquee-box .new-marquee-unlimited .new-marquee-unlimited-icom {
|
||||
width: 30rpx;
|
||||
height: 30rpx;
|
||||
margin-right: 12rpx;
|
||||
}
|
||||
|
||||
.new-marquee-box .new-marquee-unlimited .new-marquee-unlimited-unselected-icom {
|
||||
border: 6rpx solid #d7d7d7;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.new-marquee-box .new-marquee-list {
|
||||
padding: 0 48rpx;
|
||||
border-top: 1rpx solid #ebebeb;
|
||||
}
|
||||
Loading…
x
Reference in New Issue
Block a user