微信小程序之自定义radio样式

最新推荐文章于 2024-07-29 14:03:25 发布

gyuei

最新推荐文章于 2024-07-29 14:03:25 发布

阅读量3.5k

点赞数 3

分类专栏：小程序

本文链接：https://blog.csdn.net/gyueh/article/details/105359123

版权

最终效果如图所示：
在这里插入图片描述

xml部分代码如下所示：

<view class="weui-flex">
	<view class="weui-flex__item">
		<view class="placeholder">
			<view class="wehx-custom_title">进出口类型</view>
			<view class="wehx-custom_content">
				<radio-group class="radio-group" bindchange="radioChange" style="display:flex;">
					<radio class="weui-flex__item radio" wx:for-items="{
  {items}}" wx:key="name" value="{
  {item.name}}" checked="{
  {item.checked}}" color="#2ea7e0">
						<text>{
  {item.value}}</text>
					</radio>
				</radio-group>
			</view>
		</view>
	</view>
</view>
<view