acdr-ui/dist/dev/mp-weixin/modules/pet/service/detail.wxml

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