微信小程序－js实现单选功能

最新推荐文章于 2024-08-01 21:41:04 发布

半桶水技术

最新推荐文章于 2024-08-01 21:41:04 发布

阅读量1.2w

点赞数 1

分类专栏：微信小程序文章标签：微信小程序

本文链接：https://blog.csdn.net/d617973306/article/details/52945623

版权

本文介绍了作者作为新手在微信小程序中实现JS单选功能的过程，分享了具体的WXML、WXSS和JS代码，并指出当前实现方式可能存在缺陷，期待与大牛交流优化方案。

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

初次接触js弄了好长时间才出来效果，但是还是觉的不做梦完美，希望有更好的方式进行交流；实现效果如下：

虽说这个小功能但是对于我这个新手来说还是有点难；具体代码如下：

WXML：

<span style="color:#333333;"><view class="backgrout-bj">
    <view class="header">
        最多可增加4个功能入口
    </view>
    <view>
        <block wx:for="{
  {model}}">
             <view class="model-list" bindtap="selectClick" id="{
  {index}}">
                 <view>
                    <image class="middle-img" src="{
  {item.image}}"></image>