微信 小程序 全功能示例源码下载

【实例截图】

【核心代码】

<!--index.wxml-->
<view class="wrapper">
  <view class="page-body">
    <view class="page-body-wrapper">

      <form bindsubmit="openLocation">
        <view class="page-body-form">

            <text class="page-body-form-key">经度</text>
            <input class="page-body-form-value" type="text" value="{{location.longitude}}" name="longitude"></input>

            <text class="page-body-form-key">纬度</text>
            <input class="page-body-form-value" type="text"  value="{{location.latitude}}" name="latitude"></input>


            <text class="page-body-form-key">位置名称</text>
            <input class="page-body-form-value" type="text"  value="{{location.latitude}}" name="name"></input>


            <text class="page-body-form-key">详细位置</text>
            <input class="page-body-form-value" type="text"  value="{{location.latitude}}" name="address"></input>

        </view>

        <view class="page-body-buttons">
          <button class="page-body-button" type="primary" bindtap="getLocation">获取位置</button>
          <button class="page-body-button" type="primary" formType="submit">查看位置</button>
        </view>

      </form>
    </view>
  </view>
</view>


<!--
<view class="container flex-wrap flex-direction-col">
  <view class="my-swiper" >
    <swiper indicator-dots="{{indicatorDots}}"
    autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}">  
    <block wx:for="{{imgUrls}}">
      <swiper-item>
        <image src="{{item}}" class="slide-image" height="200"/>
      </swiper-item>
    </block>
  </swiper>
  </view>

  <view class="nav-block wrap">
    <block wx:for="{{navItems}}"> 
      <view class="wrap-item {{item.isSplot ? 'exp' : ''}}">  
        <navigator url="../components/{{item.url}}/{{item.url}}" hover-class="navigator-hover">{{item.name}}</navigator>
      </view>
    </block>
  </view>
  <view class="text">
        <view class="line_flag"></view>
        <text>新品上架</text>
    </view>
     <view class="venues_box">
        <view class="venues_list">
            <block wx:for="{{venuesItems}}">
                <view class="venues_item">
                    <image src="{{item.imgurl}}"/>
                </view>
            </block>
        </view>
    </view>
    <view class="text">
        <view class="line_flag"></view>
        <text>会员反馈</text>
    </view>

    <view class="choice_box">
        <view class="choice_list">
            <block wx:for="{{choiceItems}}">
                <navigator url="../details/index?id={{item.id}}">
                    <view class="choice_item">
                        <image src="{{item.imgurl}}"/>
                        <view class="title">{{item.title}}</view>
                    </view>
                </navigator>
            </block>
        </view>
    </view>
</view>
 -->