初学者设计,属于自己的一个微信小程序
首页界面图展示:
wxml代码:
<!--搜索图-->
<view class="searchouterview">
<view class="searchinnerview">
<image src="/static/homepng/research1.png"></image>
<text> 搜索</text>
</view>
</view>
<!--轮播图-->
<swiper indicator-dots="{
{indicatorDots}}" autoplay="{
{autoplay}}" interval="{
{interval}}" duration="{
{duration}}" indicator-active-color="{
{activeColor}}" circular="{
{circular}}">
<block wx:for="{
{imgURLs}}" wx:key="*this">
<swiper-item>
<image src="{
{item}}"></image>
</swiper-item>
</block>
</swiper>
<!--菜单按钮-->
<view class="navView">
<view class="navItemView">
<image src="/static/menu/venue.png"></image>
<view bindtap="findchangguan">找场馆</view>
</view>
<view class="navItemView">
<image src="/static/menu/Coach.png"></image>
<view bindtap="findcoache">找教练</view>
</view>
<vie