微信小程序选择按钮radio

最新推荐文章于 2024-04-29 16:23:43 发布

林烈涛

最新推荐文章于 2024-04-29 16:23:43 发布

阅读量763

点赞数

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

本文链接：https://blog.csdn.net/Linlietao0587/article/details/126622109

版权

小程序专栏收录该内容

34 篇文章 10 订阅

订阅专栏

美观操作按钮样式
在这里插入图片描述

        <!--操作-->
        <view class="cu-bar padding-top">
            <view class="search-form-lg round border-orange">
                <text class="cuIcon-operation"></text>
                <input disabled="true" value='操作' />
                <view class="flex padding-right-sm">
                    <view class="margin-right-sm text-bold">正常</view>
                    <radio class="" checked="{{numType==0}}" bindtap="numType0"></radio>
                    <view class="margin-lr-sm text-bold">调整</view>
                    <radio class="red" checked="{{numType==1}}" bindtap="numType1"></radio>
                </view>
            </view>
        </view>

    //领取_选择
    numType0() {
        wx.vibrateShort({
            type: 'light',
        })
        this.setData({
            numType: 0
        })
    },
    //调整_选择
    numType1() {
        wx.vibrateShort({
            type: 'light',
        })
        this.setData({
            numType: 1
        })
    },