微信小程序手写select下拉框

最新推荐文章于 2024-08-06 09:03:34 发布

小小小菜鸟1997

最新推荐文章于 2024-08-06 09:03:34 发布

阅读量1.1k

点赞数

文章标签：小程序

本文链接：https://blog.csdn.net/HuLuWa1997/article/details/120648649

版权

本文介绍了如何在微信小程序中手写select下拉框，通过css和js实现。使用catchtap防止事件冒泡，达到理想效果。

摘要由CSDN通过智能技术生成

实现代码如下：

 <view class="fenlei">
    <!-- 下拉框 -->
    <view class="select_box">
      <view class="select" catchtap="selectTaps">
        <text class="select_text">{
  {selectDatas[indexs]}</text>
        <image class="select_img:{
    {shows&&'select_img_rotate'}}"
   src="../../../static/img/lifeCircle/arroundServe/xiala.png"></image>
      </view>
      <view class="option_box" style=