微信小程序checkbox排列方向

最新推荐文章于 2025-03-21 11:03:08 发布

wangshop_11

最新推荐文章于 2025-03-21 11:03:08 发布

阅读量1.1w

点赞数 3

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

本文链接：https://blog.csdn.net/wangshop_11/article/details/54236745

版权

本文介绍了微信小程序中Checkbox组件的排列方式。默认情况下，Checkbox在checkbox-group内水平排列。通过在label或view标签中设置样式，可以实现垂直排列。例如，使用label并设置'display: flex'，或者在view中设置'flex-direction: column'。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

关于微信小程序中的checkbox组件，需要在checkbox-grop包裹下，在添加一个标签来包裹，在不考虑排列放下的前提下默认排列是水平的

module.js

Page({
  data: {
    imageUrls: ['http://img02.tooopen.com/images/20150928/tooopen_sy_143912755726.jpg',
      'http://img06.tooopen.com/images/20160818/tooopen_sy_175866434296.jpg',
      'http://img06.tooopen.com/images/20160818/tooopen_sy_175833047715.jpg'],
    inter: 2000,
    items: [
      { name: 'USA', value: '美国' },
      { name: 'CHN', value: '中国', checked: 'true' },
      { name: 'BRA', value: '巴西' },
      { name: 'JPN', value: '日本' },
      { name: 'ENG', value: '英国' },
      { name: 'TUR', value: '法国' },
    ]
  },

最低0.47元/天解锁文章