如何在微信小程序自定义个性化radio组件

最新推荐文章于 2024-04-27 19:48:28 发布

徒步天涯2017

最新推荐文章于 2024-04-27 19:48:28 发布

阅读量882

点赞数 1

分类专栏：微信文章标签：微信 radio 组件自定义

本文链接：https://blog.csdn.net/u013359444/article/details/78398295

版权

本文分享了如何在微信小程序中创建个性化radio组件的实践经验，通过WXML、WXSS和JS的结合，实现与众不同的视觉效果。只需修改WXSS样式，就能轻松定制符合自己需求的radio组件。

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

微信小程序的radio组件是标准化的，做出来的视觉效果千篇一律。笔者尝试做了一个自定义的radio组件，效果很好，与大家分享一下。废话不多说，上干货：
1、WXML模板：

<!--pages/common/lib/common.wxml-->
<template name="zradio">
<view class="radiobox" data-index="{
   {
   index}}" bindtap="radioChange">
   <view wx:if="{
   {
   zradio[index].status}}" class="checked}}">·</view>
   <view wx:else class="unchecked}}"></view>
   <view wx:if="{
   {
   zradio[ind