tobacco-applet/pages/index_1/index.wxml

<mobile-main frameStyle="{{frameStyle}}" bind:back="back">
  <view slot="info" class="main" style="height:{{infoHeight}}px;">
  <view class="page-body">
    <view class="page-section page-section-gap">
      <map
        style="width: 100%; height: 600px;"
        latitude="{{latitude}}"
        longitude="{{longitude}}"
      >
        <cover-view class="cover-view">
            <cover-view class="flex-wrp" style="flex-direction:column;">
              <cover-view class="flex-item demo-text-3"></cover-view>
            </cover-view>
        </cover-view>
        <page-container class="page-container" show="true" position="top">
        </page-container>
    <!-- <match-media min-width="300" max-width="600">
        <view>当页面宽度在 300 ~ 500 px 之间时展示这里</view>
    </match-media>
    <match-media min-height="400" orientation="landscape">
        <view>当页面高度不小于 400 px 且屏幕方向为纵向时展示这里</view>
    </match-media> -->
     <view class="page-section page-section-spacing swiper">
      <swiper indicator-dots="{{indicatorDots}}"
        autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}">
        <block wx:for="{{background}}" wx:key="*this">
          <swiper-item>
            <view class="swiper-item {{item}}"></view>
          </swiper-item>
        </block>
      </swiper>
    </view>
    <view class="page-section" style="margin-top: 40rpx;margin-bottom: 0;">
      <view class="weui-cells weui-cells_after-title">
        <view class="weui-cell weui-cell_switch">
          <view class="weui-cell__bd">指示点</view>
          <view class="weui-cell__ft">
            <switch checked="{{indicatorDots}}" bindchange="changeIndicatorDots" />
          </view>
        </view>
        <view class="weui-cell weui-cell_switch">
          <view class="weui-cell__bd">自动播放</view>
          <view class="weui-cell__ft">
            <switch checked="{{autoplay}}" bindchange="changeAutoplay" />
          </view>
        </view>
    </view>
</view>
<view class="icon-box">
    <view class="icon-small-wrp">
      <button  style="border: none;" class="button-sp-area" plain="true" data-id="{{item.id}}" >
      <icon  style="border: none;" class="icon-small" type="search" size="14"></icon>
     </button>
    </view>
    <view class="icon-box-ctn">
      <view class="icon-box-title">搜索</view>
    </view>
  </view>
  <view class="icon-box">
    <view class="icon-small-wrp">
      <button  style="border: none;" class="button-sp-area" plain="true" data-id="{{item.id}}" >
        <icon style="border: none;" class="icon-small" type="cancel" size="14"></icon>
     </button>
    </view>
    <view class="icon-box-ctn">
      <view class="icon-box-title">关闭</view>
    </view>
  </view>
  <!-- <editor class="editor" show-img-toolbar="true">
  </editor> -->
  <!-- <form catchsubmit="formSubmit" catchreset="formReset">
  <view class="page-section page-section-gap">
        <view class="page-section-title">slider</view>
        <slider value="50" name="slider" show-value ></slider>
  </view>
  <view class="btn-area">
        <button style="margin: 30rpx 0" type="primary" formType="submit">Submit</button>
        <button style="margin: 30rpx 0" formType="reset">Reset</button>
  </view>
  </form> -->
  <!-- <view class="page-section">
    <view class="weui-cells__title">实时获取输入值：{{inputValue}}</view>
    <view class="weui-cells weui-cells_after-title">
      <view class="weui-cell weui-cell_input">
        <input class="weui-input"  maxlength="10" bindinput="bindKeyInput" placeholder="输入同步到view中"/>
      </view>
    </view>
  </view> -->
  <view class="page-section page-section-gap">
      <view class="page-section-title">label用for标识表单组件</view>
      <radio-group class="group" bindchange="radioChange">
        <view class="label-2" wx:for="{{radioItems}}">
          <radio id="{{item.name}}" value="{{item.name}}" checked="{{item.checked}}"></radio>
          <label class="label-2-text" for="{{item.name}}"><text>{{item.name}}</text></label>
        </view>
      </radio-group>
    </view>
    <view class="section">
  <textarea  placeholder-style="color:black;" bindblur="bindTextAreaBlur" auto-height placeholder="自动变高" />
</view>
<view class="section">
  <textarea placeholder="placeholder颜色是红色的" placeholder-style="color:red;"  />
</view>
<view class="section">
  <textarea placeholder="这是一个可以自动聚焦的textarea" auto-focus />
</view>
<view class="section">
  <textarea placeholder="这个只有在按钮点击的时候才聚焦" focus="{{focus}}" />
  <view class="btn-area">
    <button bindtap="bindButtonTap">使得输入框获取焦点</button>
  </view>
</view>
<view class="section">
  <form bindsubmit="bindFormSubmit">
    <textarea placeholder="form 中的 textarea" name="textarea"/>
    <button form-type="submit"> 提交 </button>
  </form>
</view>
      </map>
    </view>
  </view>
  </view>
</mobile-main>