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

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