详解一个自定义的微信小程序组件(modal弹窗组件)

发布日期： 2018-08-01 阅读量： 作者： 网络

小程序不知从何时火起来的，很多人都入坑了吧，对于搞开发的小伙伴来说，不管是android，ios，还是很流行的微信小程序，

都会发现官方提供的原生控件已经不能完全满足我们的开发需求，所以本文介绍的就是一个自定义的微信小程序组件(modal弹窗组件)，

先来一张图。

看到这里了，说明效果图还是对你有点吸引的么，哈哈，废话不多说了，开始上代码。。。

一共是四个文件js、json、xml，wxss，如果这个都还不清楚的童鞋请出门左拐，面壁思过5分钟。

先上布局dialog.xml文件

<!--mask dialog-->
<view></view><!--content--><!--使用animation属性指定需要执行的动画--><view>

  <!--drawer content-->
  <view>
    <view>{{title}}</view>
    <icon></icon>
  </view>
  <form>
    <scroll-view>
      <view>
        <view>
          <view>
            <label>*</label>
            <label> </label>
            <input>
            <view>{{sexDefault}}</view>
            <view>{{groupDefault}}</view>
          </view>
        </view>
      </view>
    </scroll-view>
    <button>确定</button>
  </form>
</view>

# 小程序动画

上一篇: 重温 Squire：高效的 HTML5 富文本编辑器

下一篇: 怎么下载python程序

详解一个自定义的微信小程序组件(modal弹窗组件)

随便看看