wangzhibo
2025-10-23 cad64c1de2c45856b0774933c5801b05b64984e8
1
<view class="flex flex-col min-h-screen bg-gray-100"><view class="mt-2"></view><view class="p-10 bg-black flex justify-center items-center"><video class="w-full max-w-800px aspect-video object-cover" src="{{a}}" autoplay loop playsinline controls></video></view><view class="p-4 bg-white"><view class="flex flex-wrap justify-between p-4"><view class="flex flex-col items-center w-1-5" bindtap="{{b}}"><view class="flex items-center justify-center w-12 h-12 bg-blue-500 rounded-full mb-2"><label class="text-white text-2xl">🏞️</label></view><label class="text-xs text-center">景点导览</label></view><view class="flex flex-col items-center w-1-5" bindtap="{{c}}"><view class="flex items-center justify-center w-12 h-12 bg-green-500 rounded-full mb-2"><label class="text-white text-2xl">🏨</label></view><label class="text-xs text-center">酒店介绍</label></view><view class="flex flex-col items-center w-1-5" bindtap="{{d}}"><view class="flex items-center justify-center w-12 h-12 bg-red-500 rounded-full mb-2"><label class="text-white text-2xl">🍴</label></view><label class="text-xs text-center">美食推荐</label></view><view class="flex flex-col items-center w-1-5" bindtap="{{e}}"><view class="flex items-center justify-center w-12 h-12 bg-yellow-500 rounded-full mb-2"><label class="text-white text-2xl">🚌</label></view><label class="text-xs text-center">交通指南</label></view><view class="flex flex-col items-center w-1-5" bindtap="{{f}}"><view class="flex items-center justify-center w-12 h-12 bg-purple-500 rounded-full mb-2"><label class="text-white text-2xl">🅿️</label></view><label class="text-xs text-center">停车场</label></view><view class="flex flex-col items-center w-1-5 mt-4" bindtap="{{g}}"><view class="flex items-center justify-center w-12 h-12 bg-indigo-500 rounded-full mb-2"><label class="text-white text-2xl">🚑</label></view><label class="text-xs text-center">游客救援</label></view><view class="flex flex-col items-center w-1-5 mt-4" bindtap="{{h}}"><view class="flex items-center justify-center w-12 h-12 bg-pink-500 rounded-full mb-2"><label class="text-white text-2xl">📝</label></view><label class="text-xs text-center">投诉建议</label></view><view class="flex flex-col items-center w-1-5 mt-4" bindtap="{{i}}"><view class="flex items-center justify-center w-12 h-12 bg-teal-500 rounded-full mb-2"><label class="text-white text-2xl">⏰</label></view><label class="text-xs text-center">分时预约</label></view><view class="flex flex-col items-center w-1-5 mt-4" bindtap="{{j}}"><view class="flex items-center justify-center w-12 h-12 bg-gray-700 rounded-full mb-2"><label class="text-white text-2xl">📶</label></view><label class="text-xs text-center">无线WIFI</label></view><view class="flex flex-col items-center w-1-5 mt-4" bindtap="{{k}}"><view class="flex items-center justify-center w-12 h-12 bg-orange-500 rounded-full mb-2"><label class="text-white text-2xl">🕶️</label></view><label class="text-xs text-center">全景VR</label></view></view></view><view class="p-4 flex justify-center"><view class="w-full max-w-md rounded-full overflow-hidden"><image src="{{l}}" alt="园博园景点" class="w-full h-16 object-cover"/></view></view><view class="p-4"><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="{{m}}" wx:for-item="scenic" wx:key="c" class="bg-white rounded-lg 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">{{scenic.b}}</view></view></view></view></view>