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

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