1
0

casemsg.wxml 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151
  1. <wxs module="filters" src="../../../utils/filters.wxs"></wxs>
  2. <view class="relative " >
  3. <view class="image-box">
  4. <image wx:if="{{!activeType}}" mode="widthFix" class="cover" src="{{casemsgobj.cover_img}}"></image>
  5. <swiper wx:if="{{activeType}}" circular="{{true}}" bindchange="swiperChange" current="{{swiperIndex}}" class="height450 width100" >
  6. <block wx:if="{{casemsgobj.vr_case}}">
  7. <swiper-item item-id="vr-0" class="height450 relative">
  8. <image src="{{casemsgobj.cover_img}}" mode="widthFix"></image>
  9. <view wx:if="{{casemsgobj.vr_case}}" data-type="1" data-vr="{{casemsgobj.vr_case}}" class="vr-box" bindtap="openVRLink">
  10. <image src="../../../img/interVr.png" class="vr-image" mode="widthFix"></image>
  11. </view>
  12. </swiper-item>
  13. </block>
  14. <block wx:if="{{casemsgobj.video_case}}">
  15. <swiper-item item-id="video-1" class="height450">
  16. <video-list vidoesrc="{{casemsgobj.video_case}}" poster="{{casemsgobj.video_case+'?x-oss-process=video/snapshot,t_100,f_jpg,w_300,m_fast'}}" objectfit="contain" showProgress="{{true}}" showBottomProgress="{{true}}" showFullscreenBtn="{{true}}"/>
  17. </swiper-item>
  18. </block>
  19. </swiper>
  20. <view class="switchTab relative">
  21. <block wx:for="{{tab}}">
  22. <view wx:if="{{item.count!=0}}" data-type="{{item.type}}" class="{{item.type==activeType?'activeTab':''}}" data-count="{{item.count}}" bindtap="handleSwitch">{{item.name}}</view>
  23. </block>
  24. </view>
  25. </view>
  26. <view class="titmsg fontr36 fontfpr ">{{casemsgobj.title}}</view>
  27. <view class="updateBox">
  28. <view bindtap="designertap" class="u-img-box">
  29. <image src="{{casemsgobj.designer&&casemsgobj.designer.image_photo?(casemsgobj.designer.image_photo+'?x-oss-process=image/resize,w_200'):casemsgobj.designer.headimgurl?casemsgobj.designer.headimgurl:(companyobj.logo?companyobj.logo:'https://o.nczyzs.com/xcx/aaa/nonedatalogo.png'+'?x-oss-process=image/resize,w_200')}}"></image>
  30. </view>
  31. <view bindtap="designertap" class="flex-sub u-company">
  32. <view class="u-company-name">{{casemsgobj.designer&&casemsgobj.designer.name?'设计师:'+casemsgobj.designer.name:companyobj.company_name}}<text class="u-position">{{casemsgobj.designer&&casemsgobj.designer.position?('【'+casemsgobj.designer.position+'】'):''}}</text></view>
  33. <view class="u-company-address">
  34. <view wx:if="{{!!casemsgobj.designer}}" class="address-text">擅长风格:{{!!casemsgobj.designer&&!!casemsgobj.designer.good_at?filters.arrtostr(casemsgobj.designer.good_at):'暂未设置'}}
  35. <!-- <text hidden="{{!showAddress}}" class="address-show" data-type="hide" bindtap="showAddressName">隐藏</text> -->
  36. </view>
  37. <view wx:if="{{!casemsgobj.designer}}" class="address-text">公司地址:{{companyobj.company_address?companyobj.company_address:'无'}}
  38. <!-- <text hidden="{{!showAddress}}" class="address-show" data-type="hide" bindtap="showAddressName">隐藏</text> -->
  39. </view>
  40. <!-- <text hidden="{{showAddress}}" class="address-show" data-type="show" bindtap="showAddressName">{{!casemsgobj.designer||!casemsgobj.designer.good_at||filters.arrtostr(casemsgobj.designer.good_at).length<10?'':'展开'}}</text> -->
  41. </view>
  42. </view>
  43. <!-- <view class="u-button-box">
  44. <button bindtap="opintap"class="u-button">预约TA</button>
  45. </view> -->
  46. </view>
  47. </view>
  48. <view class="casemsgbox clearfix fontr28 tleft">
  49. <view class="clearfix colora9 fontfpm lhr40">
  50. <view class="pull-left width25 center">户型</view>
  51. <view class="pull-left width23_ center">风格</view>
  52. <view class="pull-left width22_ center">面积</view>
  53. <view class="pull-left width30_ center">价格</view>
  54. </view>
  55. <view class="clearfix color348555 fontfpr lhr32 casepricebox">
  56. <view class="pull-left width25 center">{{casemsgobj.housetype.name}}</view>
  57. <view class="pull-left width23_ center">{{casemsgobj.decostyle.name}}</view>
  58. <view class="pull-left width22_ center">{{casemsgobj.square}}㎡</view>
  59. <view class="pull-left width30_ center {{casemsgobj.money=='暂无报价'?'colora9':''}}">{{casemsgobj.money}}{{casemsgobj.money=='暂无报价'?'':'起'}}</view>
  60. </view>
  61. </view>
  62. <view wx:if="{{!!type}}" class="bgbox" style="background-color: #ECECEC;"></view>
  63. <view wx:if="{{!!type && casemsgobj.desc && casemsgobj.real_case}}" class="clearfix casetit fontr36 color333 lhr40">
  64. <view wx:if="{{casemsgobj.desc}}" data-type='1' bindtap="setypetap" class="pull-left {{type==1?'nowtitbox':''}}">效果案例</view>
  65. <view wx:if="{{casemsgobj.real_case}}" data-type='2' bindtap="setypetap" class="pull-left {{type==2?'nowtitbox':''}}">实景案例</view>
  66. </view>
  67. <view wx:if="{{type==1}}" class="configmsg">
  68. <!-- 详情 -->
  69. <mp-html content="{{casemsgobj.desc}}" />
  70. </view>
  71. <view wx:if="{{type==2}}" class="configmsg">
  72. <!-- 详情 -->
  73. <mp-html content="{{casemsgobj.real_case}}" />
  74. </view>
  75. <view wx:if="{{casemsgobj.from==1}}" class="caseimgbox">
  76. <view wx:for="{{imgarr}}" class="everycaseimgbox">
  77. <image class="caseimg" data-img="{{imgUrl+item.img}}" bindtap="prelook" mode="widthFix" src="{{imgUrl+item.img}}"></image>
  78. <view wx:if="{{item.text}}" class="casetextbox">
  79. <view class="bold fontr28 color384855 fontfpr lhr56">说明:</view>
  80. <view class="fontr28 fontfpr color384855 lhr40 mtr16">{{item.text}}</view>
  81. </view>
  82. </view>
  83. </view>
  84. <view class="setimebox fontr24 " style="padding-top:{{!type?'32rpx':0}};">本案例发布于{{filters.timesplit(casemsgobj.addtime)}}</view>
  85. <view class="designcasebox">
  86. <view class="designcasetit clearfix">
  87. <view class="pull-left fontr36 color384855 fontfpm">相关推荐</view>
  88. </view>
  89. <view class="caselistbox clearfix">
  90. <view class="leftcasebox pull-left clearfix">
  91. <view wx:for="{{leftcaselist}}" data-cid="{{item.id}}" bindtap="casemsgtap" class="everycasebox pull-left">
  92. <view data-cid="{{item.id}}" class="imgbox relative">
  93. <image mode="widthFix" data-cid="{{item.id}}" bindload="imgload" binderror="imgload" src="{{item.cover_img+'?x-oss-process=image/resize,w_400'}}"></image>
  94. <image wx:if="{{item.vr_case}}" data-id="{{item.id}}" data-vrlink="{{item.vr_case}}" data-type="2" src="../../../img/interVr.png" mode="widthFix" class="interVrStyle" catchtap="openVRLink"></image>
  95. <view data-cid="{{item.id}}" class="casesharenum clearfix">
  96. <image data-cid="{{item.id}}" class="pull-left" src="{{imgUrl}}xcx/conshare.png?x-oss-process=image/resize,w_20"></image>
  97. <view data-cid="{{item.id}}" class="fontr20 fontfpr pull-left">{{item.shared_times}}</view>
  98. </view>
  99. </view>
  100. <view data-cid="{{item.id}}" class="relative casemsgbox1">
  101. <view data-cid="{{item.id}}" class="ellipsis casemsgtit fontr28 fontfpr color384855 lhr34">{{item.title}}</view>
  102. <view data-cid="{{item.id}}" class="designerbox clearfix">
  103. <view data-cid="{{item.id}}"class="inline-block color9DB6CF casehousemsgbox">{{item.community.name||'无'}} | {{item.decostyle.name||'无'}} | {{item.square}}㎡</view>
  104. </view>
  105. </view>
  106. </view>
  107. </view>
  108. <view class="rightcasebox pull-left clearfix">
  109. <view wx:for="{{rightcaselist}}" data-cid="{{item.id}}" bindtap="casemsgtap" class="everycasebox pull-left">
  110. <view data-cid="{{item.id}}" class="imgbox relative">
  111. <image mode="widthFix" data-cid="{{item.id}}" bindload="imgload" binderror="imgload" src="{{item.cover_img+'?x-oss-process=image/resize,w_400'}}"></image>
  112. <image wx:if="{{item.vr_case}}" data-id="{{item.id}}" data-vrlink="{{item.vr_case}}" data-type="2" src="../../../img/interVr.png" mode="widthFix" class="interVrStyle" catchtap="openVRLink"></image>
  113. <view data-cid="{{item.id}}" class="casesharenum clearfix">
  114. <image data-cid="{{item.id}}" class="pull-left" src="{{imgUrl}}xcx/conshare.png?x-oss-process=image/resize,w_20"></image>
  115. <view data-cid="{{item.id}}" class="fontr20 fontfpr pull-left">{{item.shared_times}}</view>
  116. </view>
  117. </view>
  118. <view data-cid="{{item.id}}" class="relative casemsgbox1">
  119. <view data-cid="{{item.id}}" class="ellipsis casemsgtit fontr28 fontfpr color384855 lhr34">{{item.title}}</view>
  120. <view data-cid="{{item.id}}" class="designerbox clearfix">
  121. <view data-cid="{{item.id}}"class="inline-block color9DB6CF casehousemsgbox">{{item.community.name||'无'}} | {{item.decostyle.name||'无'}} | {{item.square}}㎡</view>
  122. </view>
  123. </view>
  124. </view>
  125. </view>
  126. <nonedata len="{{leftcaselist.length}}" datashow="{{rightcaselist.length==0}}"></nonedata>
  127. </view>
  128. <view wx:if="{{(leftcaselist.length!=0||rightcaselist.length!=0)&&(casemsgobj.designer_related_cases.length >= 4)}}" class="lookmore fontr28 fontfpr color384855 tcenter" bindtap="otherlistfun">查看更多>></view>
  129. </view>
  130. <view class="rightbtnbox">
  131. <image bindtap="priceshowtap" class="pricebtnimg" src="{{imgUrl}}xcx/aaa/pricebtn.gif"></image>
  132. <view wx:if="{{!ltype}}" bindtap="casesharetap" class="tcollectbox tsharebox tcenter">
  133. <image src="{{imgUrl}}xcx/aaa/tshare.png"></image>
  134. <view class="colorfff fontfpr fontr24 lhr24">分享</view>
  135. </view>
  136. <view wx:if="{{!ltype}}" bindtap="collectap" class="tcollectbox tcenter">
  137. <image wx:if="{{!casemsgobj.collected}}" src="../../../img/collect.png"></image>
  138. <image wx:if="{{casemsgobj.collected}}" src="../../../img/collected.png"></image>
  139. <view class="colorB6CADE fontfpr fontr24 lhr24">收藏</view>
  140. </view>
  141. </view>
  142. <calcprice priceflag='{{priceflag}}' bind:run="closepricetap"></calcprice>
  143. <sharefooter wx:if="{{!ltype}}" type="{{1}}"></sharefooter>
  144. <wshare wshareshow="{{wshareshow}}" bind:poster="setpostertap" bind:sfriend="sharetap" bind:sendfriendcircle="sendfriendtap" bind:shareurl="shareurltap" ></wshare>