uview复选框组件如何修改间距

uview的单选和复选框如何加内间距，在不修改组件源代码的情况下

重写样式啊

• 这有个类似的问题, 你可以参考下: https://ask.csdn.net/questions/7770909
• 你也可以参考下这篇文章：自己关于uview 的组件理解
• 除此之外, 这篇博客: uView——滑动单元格中的 代码 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  

• <template>
  	<view>
  		<u-swipe-action>
  			<u-swipe-action-item :options="options1">
  				<view class="swipe-action u-border-top u-border-bottom">
  					<view class="swipe-action__content">
  						<text class="swipe-action__content__text">基础使用</text>
  					</view>
  				</view>
  			</u-swipe-action-item>
  		</u-swipe-action>
  	</view>
  </template>
  
  <script>
  	export default {
  		data() {
  			return {
  				options1: [{
  					text: '置顶',
  					style: {
  						backgroundColor: 'yellow',
  						color:'#000'
  					}
  				},{
  					icon: '/static/images/delete.png',
  					iconSize:'30',
  					style: {
  						backgroundColor: '#f00',
  					}
  				}]
  			};
  		},
  	};
  </script>
  
  <style lang="scss">
  	.u-page {
  		padding: 0;
  	}
  
  	.u-demo-block__title {
  		padding: 10px 0 2px 15px;
  	}
  
  	.swipe-action {
  		&__content {
  			padding: 25rpx 0;
  
  			&__text {
  				font-size: 15px;
  				color: $u-main-color;
  				padding-left: 30rpx;
  			}
  		}
  	}
  </style>