silu/创旅丝路/resources/wechatapp-master/pages/index/index.wxml

211 lines
12 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<view class="index">
<view class="head">
<view class="title">创旅丝路</view>
<view class="desc">西安七大丝绸之路热门景点</view>
</view>
</view>
<scroll-view id="hua" scroll-x="true" style=" white-space: nowrap; display: flex" scroll-into-view="if">
<view id="if" style="background: yellow; width: 60px; height: 20px; display: inline-block"></view>
<view id="itr" style="background: blue; width:60px; height: 20px; display: inline-block"></view>
<view id="it" style="background: green; width: 60px; height: 20px; display: inline-block"></view>
<view id="io" style="background: red; width: 60px; height: 20px; display: inline-block" ></view>
<view id="ifq" style="background: yellow; width: 60px; height: 20px; display: inline-block"></view>
<view id="itrq" style="background: blue; width:60px; height: 20px; display: inline-block"></view>
<view id="itq" style="background: green; width: 60px; height: 20px; display: inline-block"></view>
<view id="ioq" style="background: red; width: 60px; height: 20px; display: inline-block" ></view>
</scroll-view>
<swiper indicator-dots="true" autoplay="true" duration="1000" bindchange="listenSwiper" >
<!--swiper-item只能包含一个节点再多会自动删除-->
<swiper-item>
<view style="height: 150px"><image src="/pages/image/VCG211438710680.jpg" style="width:100%;height:100%">
</image></view>
</swiper-item>
<swiper-item>
<view style="height: 150px"><image src="/pages/image/VCG211368807532 (1).jpg" style="width:100%;height:100%">
</image></view>
</swiper-item>
<swiper-item>
<view style="height: 150px"><image src="/pages/image/VCG211313002527 (1).jpg" style="width:100%;height:100%">
</image></view>
</swiper-item>
</swiper>
<view class="index">
<view class="body">
<view class="widgets">
<view class="widgets__item">
<view id="view" class="widgets__info {{viewShow ? 'widgets__info_show' : ''}}" bindtap="widgetsToggle">
<text class="widgets__info-name">兵马俑Terracotta Army</text>
<image class="widgets__info-img" src="resources/kind/view.png" background-size="cover" />
</view>
<view class="widgets__list {{viewShow ? 'widgets__list_show' : ''}}">
<navigator url='date/one/one' class="widget">
<text class="widget__name">景区介绍</text>
<image class="widget__arrow" src="resources/arrow.png" background-size="cover" />
<view class="widget__line"></view>
</navigator>
<!--
<navigator class="widget">
<text class="widget__name">景区位置</text>
<image class="widget__arrow" src="resources/arrow.png" background-size="cover" />
<view class="widget__line"></view>
</navigator>
<navigator class="widget">
<text class="widget__name">景区评价</text>
<image class="widget__arrow" src="resources/arrow.png" background-size="cover" />
</navigator>
-->
</view>
</view>
<view class="widgets__item">
<view id="content" class="widgets__info {{contentShow ? 'widgets__info_show' : ''}}" bindtap="widgetsToggle">
<text class="widgets__info-name">大雁塔Giant Wild Goose Pagoda</text>
<image class="widgets__info-img" src="resources/kind/view.png" background-size="cover" />
</view>
<view class="widgets__list {{contentShow ? 'widgets__list_show' : ''}}">
<navigator url='date/two/two' class="widget">
<text class="widget__name">景区介绍</text>
<image class="widget__arrow" src="resources/arrow.png" background-size="cover" />
<view class="widget__line"></view>
</navigator>
<!--
<navigator class="widget">
<text class="widget__name">景区位置</text>
<image class="widget__arrow" src="resources/arrow.png" background-size="cover" />
<view class="widget__line"></view>
</navigator>
<navigator class="widget">
<text class="widget__name">景区评价</text>
<image class="widget__arrow" src="resources/arrow.png" background-size="cover" />
</navigator>
-->
</view>
</view>
<view class="widgets__item">
<view id="form" class="widgets__info {{formShow ? 'widgets__info_show' : ''}}" bindtap="widgetsToggle">
<text class="widgets__info-name">大明宫遗址Daming Palace Site</text>
<image class="widgets__info-img" src="resources/kind/view.png" background-size="cover" />
</view>
<view class="widgets__list {{formShow ? 'widgets__list_show' : ''}}">
<navigator url='date/tree/tree' class="widget">
<text class="widget__name">景区介绍</text>
<image class="widget__arrow" src="resources/arrow.png" background-size="cover" />
<view class="widget__line"></view>
</navigator>
<!--
<navigator class="widget">
<text class="widget__name">景区位置</text>
<image class="widget__arrow" src="resources/arrow.png" background-size="cover" />
<view class="widget__line"></view>
</navigator>
<navigator class="widget">
<text class="widget__name">景区评价</text>
<image class="widget__arrow" src="resources/arrow.png" background-size="cover" />
</navigator>
-->
</view>
</view>
<view class="widgets__item">
<view id="interact" class="widgets__info {{interactShow ? 'widgets__info_show' : ''}}" bindtap="widgetsToggle">
<text class="widgets__info-name">西安古城墙Xi'an City Wall</text>
<image class="widgets__info-img" src="resources/kind/view.png" background-size="cover" />
</view>
<view class="widgets__list {{interactShow ? 'widgets__list_show' : ''}}">
<navigator url='date/four/four' class="widget">
<text class="widget__name">景区介绍</text>
<image class="widget__arrow" src="resources/arrow.png" background-size="cover" />
<view class="widget__line"></view>
</navigator>
<!--
<navigator class="widget">
<text class="widget__name">景区位置</text>
<image class="widget__arrow" src="resources/arrow.png" background-size="cover" />
<view class="widget__line"></view>
</navigator>
<navigator class="widget">
<text class="widget__name">景区评价</text>
<image class="widget__arrow" src="resources/arrow.png" background-size="cover" />
</navigator>
-->
</view>
</view>
<view class="widgets__item">
<view id="nav" class="widgets__info {{navShow ? 'widgets__info_show' : ''}}" bindtap="widgetsToggle">
<text class="widgets__info-name">西安钟楼Xi'an Bell Tower</text>
<image class="widgets__info-img" src="resources/kind/view.png" background-size="cover" />
</view>
<view class="widgets__list {{navShow ? 'widgets__list_show' : ''}}">
<navigator url='date/five/five' class="widget">
<text class="widget__name">景区介绍</text>
<image class="widget__arrow" src="resources/arrow.png" background-size="cover" />
<view class="widget__line"></view>
</navigator>
<!--
<navigator class="widget">
<text class="widget__name">景区位置</text>
<image class="widget__arrow" src="resources/arrow.png" background-size="cover" />
<view class="widget__line"></view>
</navigator>
<navigator class="widget">
<text class="widget__name">景区评价</text>
<image class="widget__arrow" src="resources/arrow.png" background-size="cover" />
</navigator>
-->
</view>
</view>
<view class="widgets__item">
<view id="media" class="widgets__info {{mediaShow ? 'widgets__info_show' : ''}}" bindtap="widgetsToggle">
<text class="widgets__info-name">大唐芙蓉园Datang Furong Garden</text>
<image class="widgets__info-img" src="resources/kind/view.png" background-size="cover" />
</view>
<view class="widgets__list {{mediaShow ? 'widgets__list_show' : ''}}">
<navigator url='date/six/six' class="widget">
<text class="widget__name">景区介绍</text>
<image class="widget__arrow" src="resources/arrow.png" background-size="cover" />
<view class="widget__line"></view>
</navigator>
<!--
<navigator class="widget">
<text class="widget__name">景区位置</text>
<image class="widget__arrow" src="resources/arrow.png" background-size="cover" />
<view class="widget__line"></view>
</navigator>
<navigator class="widget">
<text class="widget__name">景区评价</text>
<image class="widget__arrow" src="resources/arrow.png" background-size="cover" />
</navigator>
-->
</view>
</view>
<view class="widgets__item">
<view id="map" class="widgets__info {{maptShow ? 'widgets__info_show' : ''}}" bindtap="widgetsToggle">
<text class="widgets__info-name">钟楼广场Bell Tower Square</text>
<image class="widgets__info-img" src="resources/kind/view.png" background-size="cover" />
</view>
<view class="widgets__list {{mapShow ? 'widgets__list_show' : ''}}">
<navigator url='date/seven/seven' class="widget">
<text class="widget__name">景区介绍</text>
<image class="widget__arrow" src="resources/arrow.png" background-size="cover" />
<view class="widget__line"></view>
</navigator>
<!--
<navigator class="widget">
<text class="widget__name">景区位置</text>
<image class="widget__arrow" src="resources/arrow.png" background-size="cover" />
<view class="widget__line"></view>
</navigator>
<navigator class="widget">
<text class="widget__name">景区评价</text>
<image class="widget__arrow" src="resources/arrow.png" background-size="cover" />
</navigator>
-->
</view>
</view>
</view>
</view>
</view>