wangzhibo
2025-10-23 cad64c1de2c45856b0774933c5801b05b64984e8
1
<view class="flex flex-col min-h-screen bg-white"><view class="mt-2"></view><view class="bg-black flex justify-center items-center"><view class="relative w-full max-w-1200px aspect-video"><image wx:if="{{a}}" class="w-full h-full object-cover cursor-pointer" src="{{b}}" alt="Video Cover" bindtap="{{c}}"/><video wx:if="{{d}}" class="w-full h-full object-cover" src="{{e}}" autoplay loop playsinline controls></video></view></view><view class="p-4 mt-2 bg-white"><view class="flex flex-wrap justify-between p-4"><view class="flex flex-col items-center w-1-5" bindtap="{{g}}"><view class="flex items-center justify-center w-12 h-12 rounded-full mb-2"><image src="{{f}}" mode="aspectFill" alt="icon" class="w-24 h-16"/></view><label class="text-xs text-center">景点导览</label></view><view class="flex flex-col items-center w-1-5" bindtap="{{i}}"><view class="flex items-center justify-center w-12 h-12 rounded-full mb-2"><image src="{{h}}" mode="aspectFill" alt="icon" class="w-24 h-16"/></view><label class="text-xs text-center">酒店介绍</label></view><view class="flex flex-col items-center w-1-5" bindtap="{{k}}"><view class="flex items-center justify-center w-12 h-12 rounded-full mb-2"><image src="{{j}}" mode="aspectFill" alt="icon" class="w-24 h-16"/></view><label class="text-xs text-center">美食推荐</label></view><view class="flex flex-col items-center w-1-5" bindtap="{{m}}"><view class="flex items-center justify-center w-12 h-12 rounded-full mb-2"><image src="{{l}}" mode="aspectFill" alt="icon" class="w-24 h-16"/></view><label class="text-xs text-center">交通指南</label></view><view class="flex flex-col items-center w-1-5" bindtap="{{o}}"><view class="flex items-center justify-center w-12 h-12 rounded-full mb-2"><image src="{{n}}" mode="aspectFill" alt="icon" class="w-24 h-16"/></view><label class="text-xs text-center">停车场</label></view><view class="flex flex-col items-center w-1-5 mt-4" bindtap="{{q}}"><view class="flex items-center justify-center w-12 h-12 rounded-full mb-2"><image src="{{p}}" mode="aspectFill" alt="icon" class="w-24 h-16"/></view><label class="text-xs text-center">游客救援</label></view><view class="flex flex-col items-center w-1-5 mt-4" bindtap="{{s}}"><view class="flex items-center justify-center w-12 h-12 rounded-full mb-2"><image src="{{r}}" mode="aspectFill" alt="icon" class="w-24 h-16"/></view><label class="text-xs text-center">投诉建议</label></view><view class="flex flex-col items-center w-1-5 mt-4" bindtap="{{v}}"><view class="flex items-center justify-center w-12 h-12 rounded-full mb-2"><image src="{{t}}" mode="aspectFill" alt="icon" class="w-24 h-16"/></view><label class="text-xs text-center">分时预约</label></view><view class="flex flex-col items-center w-1-5 mt-4" bindtap="{{x}}"><view class="flex items-center justify-center w-12 h-12 rounded-full mb-2"><image src="{{w}}" mode="aspectFill" alt="icon" class="w-24 h-16"/></view><label class="text-xs text-center">无线WIFI</label></view><view class="flex flex-col items-center w-1-5 mt-4" bindtap="{{z}}"><view class="flex items-center justify-center w-12 h-12 rounded-full mb-2"><image src="{{y}}" mode="aspectFill" alt="icon" class="w-24 h-16"/></view><label class="text-xs text-center">全景VR</label></view></view></view><view class="p-4 mt-2 bg-white rounded-lg flex justify-center"><view class="w-full max-w-md"><image src="{{A}}" mode="aspectFill" alt="轮播图片" class="w-full h-64 object-cover rounded-lg transition-opacity duration-500"/></view></view><view class="p-4 mt-2 bg-white rounded-lg" bindtap="{{D}}"><view class="flex justify-between items-center mb-4"><view class="text-lg font-semibold mb-2">景区资讯</view><view class="flex right mb-4"><view class="text-blue-500 text-sm flex items-center" bindtap="{{B}}"> 更多❯❯ </view></view></view><view class="relative w-full h-40 overflow-hidden"><view wx:for="{{C}}" wx:for-item="item" wx:key="d" class="flex items-start mb-2"><view class="w-24 h-16 flex-shrink-0 mr-2 rounded-5"><image src="{{item.a}}" mode="aspectFill" alt="icon" class="w-24 h-16 rounded-5"/></view><view class="flex-1"><view class="text-base font-medium text-gray-800 truncate">{{item.b}}</view><view class="text-xs text-gray-500 mt-0-5">{{item.c}}</view></view></view></view></view><view class="p-4 mt-2"><view class="flex justify-between items-center mb-4"><view class="text-lg font-semibold">园区景点</view></view><view class="grid grid-cols-3 gap-4"><view wx:for="{{E}}" wx:for-item="scenic" wx:key="c" class="bg-white rounded-xl overflow-hidden shadow" bindtap="{{scenic.d}}"><image src="{{scenic.a}}" alt="" class="w-full h-24 object-cover"></image><view class="p-2 text-xs text-center font-bold">{{scenic.b}}</view></view></view></view><view wx:if="{{F}}" class="auth-popup"><view class="auth-content"><view class="auth-title">荆门市园博园 申请</view><view class="auth-info"> 将获取您的微信昵称、头像和性别 </view><view class="auth-buttons"><view class="auth-btn cancel" bindtap="{{G}}">取消</view><view class="auth-btn allow" bindtap="{{H}}">允许</view></view></view></view></view>