acdr-ui/dist/build/mp-weixin/pages/service/detail.wxml

<layout-default-uni class="data-v-5694b64f" u-s="{{['d']}}" u-i="5694b64f-0" bind:__l="__l"><top-bar class="data-v-5694b64f" u-i="5694b64f-1,5694b64f-0" bind:__l="__l"/><view class="bg-_a__a_F5F5F5_a_ h-_a_135vh_a_ data-v-5694b64f"><view class="relative data-v-5694b64f"><image src="{{a}}" class="w-full h-40 object-cover data-v-5694b64f" mode="widthFix"></image><view class="absolute left-4 bottom-_a_-20px_a_ data-v-5694b64f"><image src="{{b}}" mode="aspectFill" class="w-20 h-20 object-cover rounded-full border-4 border-white data-v-5694b64f"></image></view></view><view class="bg-white p-4 data-v-5694b64f"><text class="text-2xl font-bold data-v-5694b64f">{{c}}</text><view class="flex items-center mt-2 data-v-5694b64f"><text class="text-sm text-gray-500 mr-2 data-v-5694b64f">认证{{d}}</text><text class="text-sm text-gray-500 data-v-5694b64f">服务过 {{e}} 次</text></view><view class="flex items-center mt-2 data-v-5694b64f"><wd-icon wx:if="{{f}}" class="text-_a__a_ffc107_a_ data-v-5694b64f" u-i="5694b64f-2,5694b64f-0" bind:__l="__l" u-p="{{f}}"></wd-icon><text class="ml-2 text-gray-600 data-v-5694b64f">{{g}}</text></view><text class="mt-4 text-gray-600 data-v-5694b64f">{{h}}</text></view><view class="bg-white p-4 data-v-5694b64f"><text class="text-lg font-bold mb-2 data-v-5694b64f">{{i}}服务费</text><view class="flex justify-between items-center mb-4 data-v-5694b64f"><view class="flex items-center space-x-4 data-v-5694b64f"><view class="flex flex-col items-center data-v-5694b64f"><wd-icon wx:if="{{j}}" class="text-pink-500 data-v-5694b64f" u-i="5694b64f-3,5694b64f-0" bind:__l="__l" u-p="{{j}}"></wd-icon><text class="text-pink-500 text-sm data-v-5694b64f">食具清洁</text></view><view class="flex flex-col items-center data-v-5694b64f"><wd-icon wx:if="{{k}}" class="text-pink-500 data-v-5694b64f" u-i="5694b64f-4,5694b64f-0" bind:__l="__l" u-p="{{k}}"></wd-icon><text class="text-pink-500 text-sm data-v-5694b64f">添粮换水</text></view><view class="flex flex-col items-center data-v-5694b64f"><wd-icon wx:if="{{l}}" class="text-pink-500 data-v-5694b64f" u-i="5694b64f-5,5694b64f-0" bind:__l="__l" u-p="{{l}}"></wd-icon><text class="text-pink-500 text-sm data-v-5694b64f">铲屎添砂</text></view></view><text class="text-lg text-red-500 data-v-5694b64f">¥{{m}}/次</text></view></view><view class="bg-white p-4 data-v-5694b64f"><text class="text-lg font-bold mb-2 data-v-5694b64f">其他费用</text><view class="flex justify-between items-center mb-4 data-v-5694b64f"><view class="flex flex-col items-center data-v-5694b64f"><wd-icon wx:if="{{n}}" class="text-gray-500 data-v-5694b64f" u-i="5694b64f-6,5694b64f-0" bind:__l="__l" u-p="{{n}}"></wd-icon><text class="text-gray-500 text-sm data-v-5694b64f">基础上门费</text><text class="text-gray-500 text-sm data-v-5694b64f">1km以内23元</text></view><view class="flex flex-col items-center data-v-5694b64f"><wd-icon wx:if="{{o}}" class="text-gray-500 data-v-5694b64f" u-i="5694b64f-7,5694b64f-0" bind:__l="__l" u-p="{{o}}"></wd-icon><text class="text-gray-500 text-sm data-v-5694b64f">每公里加价</text><text class="text-gray-500 text-sm data-v-5694b64f">每多1km加10元</text></view></view></view><view class="bg-white p-4 data-v-5694b64f"><text class="text-lg font-bold mb-2 data-v-5694b64f">用户评价</text><view wx:if="{{p}}" class="mb-4 data-v-5694b64f"><view class="flex items-center mb-2 data-v-5694b64f"><text class="text-pink-500 text-lg data-v-5694b64f">{{q}}</text><view class="flex items-center ml-2 data-v-5694b64f"><wd-icon wx:for="{{r}}" wx:for-item="num" class="text-_a__a_ffc107_a_ data-v-5694b64f" u-i="{{num.a}}" bind:__l="__l" u-p="{{s}}"></wd-icon></view><text class="text-gray-500 ml-2 data-v-5694b64f">({{t}}条评论)</text></view><text class="text-gray-600 data-v-5694b64f">{{v}}</text></view><view wx:else class="text-gray-500 pt-2 w-full text-center data-v-5694b64f">暂无评论</view></view><view class="flex flex-col justify-center items-center bg-_a__a_ffff_a_ pb-_a_50px_a_ data-v-5694b64f"><text class="text-lg font-bold mb-2 w-full pl-_a_20px_a_ data-v-5694b64f" style="text-align:left">服务位置</text><view class="w-full h-_a_20vh_a_ data-v-5694b64f"><map wx:if="{{w}}" class="data-v-5694b64f" u-i="5694b64f-9,5694b64f-0" bind:__l="__l" u-p="{{w}}"/></view></view><view class="fixed bottom-0 w-full bg-white flex justify-between items-center px-_a_10px_a_ mt-4 py-_a_10px_a_ z-10 data-v-5694b64f"><text class="text-red-500 text-lg data-v-5694b64f">¥{{x}}/次 起</text><view class="flex space-x-4 data-v-5694b64f"><button bindtap="{{y}}" class="bg-gray-200 text-gray-600 rounded-full py-_a_2px_a_ px-6 data-v-5694b64f"> 消息 </button><button class="bg-_a__a_ffc107_a_ text-white rounded-full py-_a_2px_a_ px-6 data-v-5694b64f" bindtap="{{z}}"> 预约宠托师 </button></view></view></view><view wx:if="{{A}}" class="z-999 fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 data-v-5694b64f"><view class="bg-white rounded-lg p-4 w-11_a_12 data-v-5694b64f"><view class="text-lg font-bold mb-4 data-v-5694b64f">选择预约信息</view><text class="text-sm text-gray-500 mb-2 data-v-5694b64f">服务宠物</text><view wx:if="{{B}}" class="flex space-x-4 mb-4 scroll-x overflow-x-auto data-v-5694b64f" scroll-x><view wx:for="{{C}}" wx:for-item="pet" wx:key="c" bindtap="{{pet.d}}" class="{{['flex', 'flex-col', 'items-center', 'data-v-5694b64f', pet.e]}}"><image src="{{pet.a}}" class="w-20 h-20 rounded-full object-cover data-v-5694b64f"></image><text class="text-sm data-v-5694b64f">{{pet.b}}</text></view></view><view wx:else class="pet-item add-pet data-v-5694b64f" bindtap="{{E}}"><w-avatar wx:if="{{D}}" u-s="{{['d']}}" class="pet-avatar add-avatar data-v-5694b64f" u-i="5694b64f-10,5694b64f-0" bind:__l="__l" u-p="{{D}}"><view class="add-icon data-v-5694b64f">+</view></w-avatar></view><text class="text-sm text-gray-500 mb-2 data-v-5694b64f">预约时间</text><picker class="data-v-5694b64f" mode="date" start="{{G}}" end="{{H}}" bindchange="{{I}}"><view class="bg-gray-100 p-2 rounded mb-4 data-v-5694b64f">{{F}}</view></picker><text class="text-sm text-gray-500 mb-2 data-v-5694b64f">选择服务时长</text><view class="data-v-5694b64f"><wd-input-number wx:if="{{L}}" class="data-v-5694b64f" bindchange="{{J}}" u-i="5694b64f-11,5694b64f-0" bind:__l="__l" bindupdateModelValue="{{K}}" u-p="{{L}}"/></view><text class="text-sm text-gray-500 mb-2 data-v-5694b64f">选择地址</text><picker wx:if="{{M}}" class="data-v-5694b64f" mode="selector" range-key="display" range="{{O}}" bindchange="{{P}}"><view class="bg-gray-100 p-2 rounded mb-4 data-v-5694b64f">{{N}}</view></picker><view wx:else class="pet-item add-pet data-v-5694b64f" bindtap="{{R}}"><w-avatar wx:if="{{Q}}" u-s="{{['d']}}" class="pet-avatar add-avatar data-v-5694b64f" u-i="5694b64f-12,5694b64f-0" bind:__l="__l" u-p="{{Q}}"><view class="add-icon data-v-5694b64f">+</view></w-avatar></view><view class="fixed bottom-0 left-0 w-full p-4 bg-white shadow-up data-v-5694b64f"><view class="flex justify-between data-v-5694b64f"><button class="flex-1 mx-2 py-2 px-6 bg-gray-200 text-gray-600 rounded-full data-v-5694b64f" bindtap="{{S}}"> 取消 </button><button class="flex-1 mx-2 py-2 px-6 bg-_a__a_ffc107_a_ text-white rounded-full data-v-5694b64f" bindtap="{{T}}"> 确认预约 </button></view></view></view></view><loading-animation wx:if="{{V}}" class="data-v-5694b64f" u-i="5694b64f-13,5694b64f-0" bind:__l="__l" bindupdateModelValue="{{U}}" u-p="{{V}}"/></layout-default-uni>