index.wxml
5.1 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
<!--index.wxml-->
<view class="container">
<!--swiper-->
<view class="head">
<view class="position">
<view class="left">
<view class="iconfont icon-location"></view>
<text>北京</text>
<view class="iconfont icon-arrow-down"></view>
</view>
<view class="right" bindtap="search">
<view class="input"></view>
<view class="iconfont icon-arrow-down"></view>
</view>
</view>
<swiper indicator-dots="{{true}}"
autoplay="{{true}}" interval="3000" duration="1000">
<block wx:for="{{slide}}" wx:key="index">
<navigator url="{{item.url}}" hover-class="navigator-hover">
<swiper-item>
<image src="{{item.image}}" class="slide-image"/>
</swiper-item>
</navigator>
</block>
</swiper>
</view>
<!--导航-->
<view class="padding-box">
<view class="navigator-box">
<view class="img-box" wx:for="{{images}}" wx:key="index">
<image src="{{item.src}}"></image>
<view class="text">{{item.text}}</view>
</view>
</view>
</view>
<view class="area-box">
<image src="../../images/haowai@2x.png"></image>
<!--<text>奥拉维尔·埃利亚松北京首展</text>-->
<!--<view wx:for="{{noticeList}}" wx:key="index">-->
<!--<wux-notice-bar mode="link" icon="" action="" content="{{item.name}}" bind:click="onClick">-->
<!--<text slot="footer" style="color: #a1a1a1; margin-left: 10px;">去看看</text>-->
<!--</wux-notice-bar>-->
<!--</view>-->
<swiper class="tab-right" style='' vertical="true" autoplay="true" circular="true" interval="3000" display-multiple-items='1'>
<view class="right-item">
<block wx:for-index="idx" wx:for='{{noticeList}}' wx:key="index" >
<swiper-item>
<view class='content-item' bindtap="onClick">
<text>{{item.name}}</text>
</view>
</swiper-item>
</block>
</view>
</swiper>
</view>
<view class="tandian-box">
<view class="left">
<image src="../../images/tandian@2x.png"></image>
<text>探店途中</text>
</view>
<view class="right">
<text>查看更多</text>
<image src="../../images/arrow@2x.png"></image>
</view>
</view>
<!--banner-->
<view class='people_box rel bb1'>
<!--<scroll-view scroll-x class='scroll_view'>-->
<!--<view class="people_list_box">-->
<!--<view class='people_list' wx:for='{{banner}}' wx:key='index'-->
<!--data-index="{{index}}" bindtap="goPeopleDetail" data-id="{{item.user_id}}">-->
<!--<image src="{{item.image}}"></image>-->
<!--<text>Opera Bombana 2018.4.28</text>-->
<!--</view>-->
<!--</view>-->
<!--</scroll-view>-->
<swiper class="bannerBox" autoplay="true" interval="3000" duration="2000"
previous-margin="50rpx" next-margin="50rpx" bindchange="bannerChange" current="{{index}}">
<block wx:for="{{banner}}" wx:key="index">
<swiper-item>
<div class="fix pl5 pr5 box_bb">
<!--<navigator url="">-->
<image class="banner mt10 {{currentBannerIndex==index?'active':''}}" src="{{item.image}}" mode="aspectFill" />
<text>Opera Bombana 2018.4.28</text>
<!--</navigator>-->
</div>
</swiper-item>
</block>
</swiper>
<div class="bannerDots flex_c abs">
<div class="dot {{currentBannerIndex==index?'active':''}}" wx:for="{{banner}}" wx:key="index"></div>
</div>
</view>
<!--足迹-->
<view class="record-box">
<image src="../../images/zuji@2x.png"></image>
<text>他们的足迹</text>
</view>
<!--瀑布流-->
<view class="masonry-box">
<masonry generic:masonry-item="img-box" id="masonry" interval-width="20rpx"></masonry>
</view>
<!--底部tab-->
<import src="/templates/templates.wxml" />
<template is="tabBar" data='{{...tabcurrent}}' />
<!--swiper-->
<!--<view class="banner-box">-->
<!--<swiper indicator-dots="{{true}}"-->
<!--autoplay="{{true}}" interval="3000" duration="1000">-->
<!--<block wx:for="{{banner}}" wx:key="index">-->
<!--<navigator url="{{item.url}}" hover-class="navigator-hover">-->
<!--<swiper-item class="banner-item">-->
<!--<image src="{{item.image}}" class="slide-image"/>-->
<!--</swiper-item>-->
<!--</navigator>-->
<!--</block>-->
<!--</swiper>-->
<!--</view>-->
</view>